/* aese / whp-about: pagina About de whpcreative.com (Next.js + Tailwind v4) hasta la tira de logos, CSS verbatim del sitio
   (/_next/static/chunks/c9311f5ece22b8e6.css, build dpl_ACSM..., 2026-10-19) filtrado a las clases que usa section.html, mas el CSS de
   react-fast-marquee. Cambios solo para convivir con otros sitios en una pagina: selectores con #sec-whp-about (html, body, :root,
   :host -> #sec-whp-about); capas @layer, @keyframes y @property con prefijo wh-; familia Mori -> wh-Mori; url() a ../../assets/whp/.
   Generado por tools/whp/about/build-css.py. */
@layer wh-properties{
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){
    #sec-whp-about{--wh-glow-angle:0deg}
    #sec-whp-about *,#sec-whp-about :before,#sec-whp-about :after,#sec-whp-about ::backdrop{--wh-tw-translate-x:0;--wh-tw-translate-y:0;--wh-tw-translate-z:0;--wh-tw-scale-x:1;--wh-tw-scale-y:1;--wh-tw-scale-z:1;--wh-tw-rotate-x:initial;--wh-tw-rotate-y:initial;--wh-tw-rotate-z:initial;--wh-tw-skew-x:initial;--wh-tw-skew-y:initial;--wh-tw-space-y-reverse:0;--wh-tw-space-x-reverse:0;--wh-tw-divide-y-reverse:0;--wh-tw-border-style:solid;--wh-tw-gradient-position:initial;--wh-tw-gradient-from:#0000;--wh-tw-gradient-via:#0000;--wh-tw-gradient-to:#0000;--wh-tw-gradient-stops:initial;--wh-tw-gradient-via-stops:initial;--wh-tw-gradient-from-position:0%;--wh-tw-gradient-via-position:50%;--wh-tw-gradient-to-position:100%;--wh-tw-leading:initial;--wh-tw-font-weight:initial;--wh-tw-tracking:initial;--wh-tw-ordinal:initial;--wh-tw-slashed-zero:initial;--wh-tw-numeric-figure:initial;--wh-tw-numeric-spacing:initial;--wh-tw-numeric-fraction:initial;--wh-tw-shadow:0 0 #0000;--wh-tw-shadow-color:initial;--wh-tw-shadow-alpha:100%;--wh-tw-inset-shadow:0 0 #0000;--wh-tw-inset-shadow-color:initial;--wh-tw-inset-shadow-alpha:100%;--wh-tw-ring-color:initial;--wh-tw-ring-shadow:0 0 #0000;--wh-tw-inset-ring-color:initial;--wh-tw-inset-ring-shadow:0 0 #0000;--wh-tw-ring-inset:initial;--wh-tw-ring-offset-width:0px;--wh-tw-ring-offset-color:#fff;--wh-tw-ring-offset-shadow:0 0 #0000;--wh-tw-outline-style:solid;--wh-tw-blur:initial;--wh-tw-brightness:initial;--wh-tw-contrast:initial;--wh-tw-grayscale:initial;--wh-tw-hue-rotate:initial;--wh-tw-invert:initial;--wh-tw-opacity:initial;--wh-tw-saturate:initial;--wh-tw-sepia:initial;--wh-tw-drop-shadow:initial;--wh-tw-drop-shadow-color:initial;--wh-tw-drop-shadow-alpha:100%;--wh-tw-drop-shadow-size:initial;--wh-tw-backdrop-blur:initial;--wh-tw-backdrop-brightness:initial;--wh-tw-backdrop-contrast:initial;--wh-tw-backdrop-grayscale:initial;--wh-tw-backdrop-hue-rotate:initial;--wh-tw-backdrop-invert:initial;--wh-tw-backdrop-opacity:initial;--wh-tw-backdrop-saturate:initial;--wh-tw-backdrop-sepia:initial;--wh-tw-duration:initial;--wh-tw-ease:initial;--wh-mask-up-fade:0;--wh-mask-down-fade:0}
  }
}
@layer wh-theme{
  #sec-whp-about{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-orange-400:#ff8b1a;--color-yellow-400:#fac800;--color-green-400:#05df72;--color-green-500:#00c758;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-purple-400:#c07eff;--color-purple-600:#9810fa;--color-pink-400:#fb64b6;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-neutral-900:#171717;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height:calc(1.5/1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2/1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25/1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-light:300;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-lg:0 4px 4px #00000026;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--animate-spin:wh-spin 1s linear infinite;--animate-bounce:wh-bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--aspect-video:16/9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--max-width-8xl:88rem;--spacing-golden-xs:.128rem;--color-brand-primary:var(--color-primary);--color-brand-secondary:var(--color-secondary);--color-brand-accent:var(--color-accent);--color-background:var(--background);--color-foreground:var(--foreground);--animate-accordion-down:wh-accordion-down .2s ease-out;--animate-accordion-up:wh-accordion-up .2s ease-out}
  @supports (color:lab(0% 0 0)){
    #sec-whp-about{--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-yellow-400:lab(83.2664% 8.65132 106.895);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-pink-400:lab(64.5597% 64.3615 -12.7988);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254);--color-neutral-900:lab(7.78201% -.0000149012 0)}
  }
}
@layer wh-base{
  #sec-whp-about *,#sec-whp-about :after,#sec-whp-about :before,#sec-whp-about ::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
  #sec-whp-about ::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
  #sec-whp-about{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
  #sec-whp-about hr{height:0;color:inherit;border-top-width:1px}
  #sec-whp-about abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
  #sec-whp-about h1,#sec-whp-about h2,#sec-whp-about h3,#sec-whp-about h4,#sec-whp-about h5,#sec-whp-about h6{font-size:inherit;font-weight:inherit}
  #sec-whp-about a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
  #sec-whp-about b,#sec-whp-about strong{font-weight:bolder}
  #sec-whp-about code,#sec-whp-about kbd,#sec-whp-about samp,#sec-whp-about pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
  #sec-whp-about small{font-size:80%}
  #sec-whp-about sub,#sec-whp-about sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
  #sec-whp-about sub{bottom:-.25em}
  #sec-whp-about sup{top:-.5em}
  #sec-whp-about table{text-indent:0;border-color:inherit;border-collapse:collapse}
  #sec-whp-about :-moz-focusring{outline:auto}
  #sec-whp-about progress{vertical-align:baseline}
  #sec-whp-about summary{display:list-item}
  #sec-whp-about ol,#sec-whp-about ul,#sec-whp-about menu{list-style:none}
  #sec-whp-about img,#sec-whp-about svg,#sec-whp-about video,#sec-whp-about canvas,#sec-whp-about audio,#sec-whp-about iframe,#sec-whp-about embed,#sec-whp-about object{vertical-align:middle;display:block}
  #sec-whp-about img,#sec-whp-about video{max-width:100%;height:auto}
  #sec-whp-about button,#sec-whp-about input,#sec-whp-about select,#sec-whp-about optgroup,#sec-whp-about textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
  #sec-whp-about ::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
  #sec-whp-about :where(select:is([multiple],[size])) optgroup{font-weight:bolder}
  #sec-whp-about :where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
  #sec-whp-about ::file-selector-button{margin-inline-end:4px}
  #sec-whp-about ::placeholder{opacity:1}
  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){
    #sec-whp-about ::placeholder{color:currentColor}
    @supports (color:color-mix(in lab, red, red)){
      #sec-whp-about ::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}
    }
  }
  #sec-whp-about textarea{resize:vertical}
  #sec-whp-about ::-webkit-search-decoration{-webkit-appearance:none}
  #sec-whp-about ::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
  #sec-whp-about ::-webkit-datetime-edit{display:inline-flex}
  #sec-whp-about ::-webkit-datetime-edit-fields-wrapper{padding:0}
  #sec-whp-about ::-webkit-datetime-edit{padding-block:0}
  #sec-whp-about ::-webkit-datetime-edit-year-field{padding-block:0}
  #sec-whp-about ::-webkit-datetime-edit-month-field{padding-block:0}
  #sec-whp-about ::-webkit-datetime-edit-day-field{padding-block:0}
  #sec-whp-about ::-webkit-datetime-edit-hour-field{padding-block:0}
  #sec-whp-about ::-webkit-datetime-edit-minute-field{padding-block:0}
  #sec-whp-about ::-webkit-datetime-edit-second-field{padding-block:0}
  #sec-whp-about ::-webkit-datetime-edit-millisecond-field{padding-block:0}
  #sec-whp-about ::-webkit-datetime-edit-meridiem-field{padding-block:0}
  #sec-whp-about ::-webkit-calendar-picker-indicator{line-height:1}
  #sec-whp-about :-moz-ui-invalid{box-shadow:none}
  #sec-whp-about button,#sec-whp-about input:where([type=button],[type=reset],[type=submit]){appearance:button}
  #sec-whp-about ::file-selector-button{appearance:button}
  #sec-whp-about ::-webkit-inner-spin-button{height:auto}
  #sec-whp-about ::-webkit-outer-spin-button{height:auto}
  #sec-whp-about [hidden]:where(:not([hidden=until-found])){display:none!important}
  #sec-whp-about{background:var(--background);overflow-x:hidden}
  #sec-whp-about{color:var(--foreground);background:var(--background);font-family:wh-Mori,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:clip}
}
@layer wh-components;
@layer wh-utilities{
  #sec-whp-about .pointer-events-none{pointer-events:none}
  #sec-whp-about .invisible{visibility:hidden}
  #sec-whp-about .sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
  #sec-whp-about .absolute{position:absolute}
  #sec-whp-about .relative{position:relative}
  #sec-whp-about .sticky{position:sticky}
  #sec-whp-about .inset-0{inset:calc(var(--spacing)*0)}
  #sec-whp-about .top-0{top:calc(var(--spacing)*0)}
  #sec-whp-about .z-5{z-index:5}
  #sec-whp-about .z-10{z-index:10}
  #sec-whp-about .z-20{z-index:20}
  #sec-whp-about .z-30{z-index:30}
  #sec-whp-about .container{width:100%}
  @media (min-width:40rem){
    #sec-whp-about .container{max-width:40rem}
  }
  @media (min-width:48rem){
    #sec-whp-about .container{max-width:48rem}
  }
  @media (min-width:64rem){
    #sec-whp-about .container{max-width:64rem}
  }
  @media (min-width:80rem){
    #sec-whp-about .container{max-width:80rem}
  }
  @media (min-width:96rem){
    #sec-whp-about .container{max-width:96rem}
  }
  #sec-whp-about .mx-auto{margin-inline:auto}
  #sec-whp-about .mb-4{margin-bottom:calc(var(--spacing)*4)}
  #sec-whp-about .flex{display:flex}
  #sec-whp-about .h-full{height:100%}
  #sec-whp-about .h-screen{height:100vh}
  #sec-whp-about .w-full{width:100%}
  #sec-whp-about .max-w-6xl{max-width:var(--container-6xl)}
  #sec-whp-about .max-w-7xl{max-width:var(--container-7xl)}
  #sec-whp-about .flex-col{flex-direction:column}
  #sec-whp-about .flex-row{flex-direction:row}
  #sec-whp-about .items-center{align-items:center}
  #sec-whp-about .justify-center{justify-content:center}
  #sec-whp-about .gap-2{gap:calc(var(--spacing)*2)}
  #sec-whp-about .overflow-hidden{overflow:hidden}
  #sec-whp-about .bg-background{background-color:var(--color-background)}
  #sec-whp-about .bg-white{background-color:var(--color-white)}
  #sec-whp-about .\[mask-image\:radial-gradient\(ellipse_farthest-corner_at_center\,_rgba\(0\,0\,0\,1\)_38\%\,_rgba\(0\,0\,0\,0\)_72\%\)\]{-webkit-mask-image:radial-gradient(#000 38%,#0000 72%);mask-image:radial-gradient(#000 38%,#0000 72%)}
  #sec-whp-about .object-contain{object-fit:contain}
  #sec-whp-about .object-cover{object-fit:cover}
  #sec-whp-about .px-4{padding-inline:calc(var(--spacing)*4)}
  #sec-whp-about .px-8{padding-inline:calc(var(--spacing)*8)}
  #sec-whp-about .pt-4{padding-top:calc(var(--spacing)*4)}
  #sec-whp-about .pt-32{padding-top:calc(var(--spacing)*32)}
  #sec-whp-about .text-center{text-align:center}
  #sec-whp-about .text-4xl{font-size:var(--text-4xl);line-height:var(--wh-tw-leading,var(--text-4xl--line-height))}
  #sec-whp-about .text-6xl{font-size:var(--text-6xl);line-height:var(--wh-tw-leading,var(--text-6xl--line-height))}
  #sec-whp-about .text-7xl{font-size:var(--text-7xl);line-height:var(--wh-tw-leading,var(--text-7xl--line-height))}
  #sec-whp-about .font-bold{--wh-tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}
  #sec-whp-about .font-light{--wh-tw-font-weight:var(--font-weight-light);font-weight:var(--font-weight-light)}
  #sec-whp-about .text-\[\#4B9DED\]{color:#4b9ded}
  #sec-whp-about .text-\[\#EF5A73\]{color:#ef5a73}
  #sec-whp-about .text-\[\#FF6767\]\/90{color:#ff6767e6;color:lab(63.9945% 58.9395 31.6038/.9)}
  #sec-whp-about .text-foreground{color:var(--color-foreground)}
  #sec-whp-about .text-white{color:var(--color-white)}
  #sec-whp-about .antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
  #sec-whp-about .transition-opacity{transition-property:opacity;transition-timing-function:var(--wh-tw-ease,var(--default-transition-timing-function));transition-duration:var(--wh-tw-duration,var(--default-transition-duration))}
  #sec-whp-about .duration-1000{--wh-tw-duration:1s;transition-duration:1s}
  #sec-whp-about .ease-out{--wh-tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}
  #sec-whp-about .\[-webkit-mask-image\:radial-gradient\(ellipse_farthest-corner_at_center\,_rgba\(0\,0\,0\,1\)_38\%\,_rgba\(0\,0\,0\,0\)_72\%\)\]{-webkit-mask-image:radial-gradient(#000 38%,#0000 72%)}
  #sec-whp-about .duration-1000{animation-duration:1s}
  #sec-whp-about .ease-out{animation-timing-function:cubic-bezier(0,0,.2,1)}
  @media (min-width:48rem){
    #sec-whp-about .md\:gap-4{gap:calc(var(--spacing)*4)}
    #sec-whp-about .md\:pt-46{padding-top:calc(var(--spacing)*46)}
    #sec-whp-about .md\:text-5xl{font-size:var(--text-5xl);line-height:var(--wh-tw-leading,var(--text-5xl--line-height))}
    #sec-whp-about .md\:text-\[10vw\]{font-size:10vw}
  }
  @media (min-width:64rem){
    #sec-whp-about .lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--wh-tw-leading,var(--text-6xl--line-height))}
    #sec-whp-about .lg\:text-\[160px\]{font-size:160px}
  }
  #sec-whp-about .\[\&\.is-active\]\:visible.is-active{visibility:visible}
  #sec-whp-about .text-balance{text-wrap:balance}
}
#sec-whp-about{--background:#0a0a0a;--foreground:#ededed;--color-primary:#0070f3;--color-secondary:#7c3aed;--color-accent:#f59e0b;--color-muted:#6b7280;--border:#333;--input:#333;--ring:#d4d4d4;--muted-foreground:#999;--accent:#262626;--font-sans:"wh-Mori",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--font-serif:Georgia,Cambria,"Times New Roman",Times,serif}
@property --wh-mask-up-fade{syntax:"<length>";inherits:false;initial-value:0}
@property --wh-mask-down-fade{syntax:"<length>";inherits:false;initial-value:0}
@property --wh-glow-angle{syntax:"<angle>";inherits:true;initial-value:0deg}
@property --wh-tw-translate-x{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-translate-y{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-translate-z{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-scale-x{syntax:"*";inherits:false;initial-value:1}
@property --wh-tw-scale-y{syntax:"*";inherits:false;initial-value:1}
@property --wh-tw-scale-z{syntax:"*";inherits:false;initial-value:1}
@property --wh-tw-rotate-x{syntax:"*";inherits:false}
@property --wh-tw-rotate-y{syntax:"*";inherits:false}
@property --wh-tw-rotate-z{syntax:"*";inherits:false}
@property --wh-tw-skew-x{syntax:"*";inherits:false}
@property --wh-tw-skew-y{syntax:"*";inherits:false}
@property --wh-tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}
@property --wh-tw-border-style{syntax:"*";inherits:false;initial-value:solid}
@property --wh-tw-gradient-position{syntax:"*";inherits:false}
@property --wh-tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}
@property --wh-tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}
@property --wh-tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}
@property --wh-tw-gradient-stops{syntax:"*";inherits:false}
@property --wh-tw-gradient-via-stops{syntax:"*";inherits:false}
@property --wh-tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}
@property --wh-tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}
@property --wh-tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}
@property --wh-tw-leading{syntax:"*";inherits:false}
@property --wh-tw-font-weight{syntax:"*";inherits:false}
@property --wh-tw-tracking{syntax:"*";inherits:false}
@property --wh-tw-ordinal{syntax:"*";inherits:false}
@property --wh-tw-slashed-zero{syntax:"*";inherits:false}
@property --wh-tw-numeric-figure{syntax:"*";inherits:false}
@property --wh-tw-numeric-spacing{syntax:"*";inherits:false}
@property --wh-tw-numeric-fraction{syntax:"*";inherits:false}
@property --wh-tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --wh-tw-shadow-color{syntax:"*";inherits:false}
@property --wh-tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --wh-tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --wh-tw-inset-shadow-color{syntax:"*";inherits:false}
@property --wh-tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --wh-tw-ring-color{syntax:"*";inherits:false}
@property --wh-tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --wh-tw-inset-ring-color{syntax:"*";inherits:false}
@property --wh-tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --wh-tw-ring-inset{syntax:"*";inherits:false}
@property --wh-tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}
@property --wh-tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}
@property --wh-tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}
@property --wh-tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
@property --wh-tw-blur{syntax:"*";inherits:false}
@property --wh-tw-brightness{syntax:"*";inherits:false}
@property --wh-tw-contrast{syntax:"*";inherits:false}
@property --wh-tw-grayscale{syntax:"*";inherits:false}
@property --wh-tw-hue-rotate{syntax:"*";inherits:false}
@property --wh-tw-invert{syntax:"*";inherits:false}
@property --wh-tw-opacity{syntax:"*";inherits:false}
@property --wh-tw-saturate{syntax:"*";inherits:false}
@property --wh-tw-sepia{syntax:"*";inherits:false}
@property --wh-tw-drop-shadow{syntax:"*";inherits:false}
@property --wh-tw-drop-shadow-color{syntax:"*";inherits:false}
@property --wh-tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}
@property --wh-tw-drop-shadow-size{syntax:"*";inherits:false}
@property --wh-tw-backdrop-blur{syntax:"*";inherits:false}
@property --wh-tw-backdrop-brightness{syntax:"*";inherits:false}
@property --wh-tw-backdrop-contrast{syntax:"*";inherits:false}
@property --wh-tw-backdrop-grayscale{syntax:"*";inherits:false}
@property --wh-tw-backdrop-hue-rotate{syntax:"*";inherits:false}
@property --wh-tw-backdrop-invert{syntax:"*";inherits:false}
@property --wh-tw-backdrop-opacity{syntax:"*";inherits:false}
@property --wh-tw-backdrop-saturate{syntax:"*";inherits:false}
@property --wh-tw-backdrop-sepia{syntax:"*";inherits:false}
@property --wh-tw-duration{syntax:"*";inherits:false}
@property --wh-tw-ease{syntax:"*";inherits:false}
@keyframes wh-accordion-down{0%{height:0}to{height:var(--radix-accordion-content-height)}}
@keyframes wh-accordion-up{0%{height:var(--radix-accordion-content-height)}to{height:0}}
@keyframes wh-spin{to{transform:rotate(360deg)}}
@keyframes wh-bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}
@font-face{font-family:wh-Mori;font-weight:100;src:local(Mori),url(../../assets/whp/fonts/PPMori-Extralight.otf)format("opentype");font-display:swap}
@font-face{font-family:wh-Mori;font-weight:300;src:local(Mori),url(../../assets/whp/fonts/WHP-Mori-Regular.woff2)format("opentype");font-display:swap}
@font-face{font-family:wh-Mori;font-weight:500;src:local(Mori),url(../../assets/whp/fonts/WHP-Mori-SemiBold.woff2)format("opentype");font-display:swap}
@font-face{font-family:wh-Mori;font-weight:700;src:local(Mori),url(../../assets/whp/fonts/WHP---Mori-Bold.woff2)format("woff2");font-display:swap}
#sec-whp-about .rfm-marquee-container{overflow-x:hidden;display:flex;flex-direction:row;position:relative;width:var(--width);transform:var(--transform)}
#sec-whp-about .rfm-marquee-container:hover div{animation-play-state:var(--pause-on-hover)}
#sec-whp-about .rfm-marquee-container:active div{animation-play-state:var(--pause-on-click)}
#sec-whp-about .rfm-overlay{position:absolute;width:100%;height:100%}
#sec-whp-about .rfm-marquee{flex:0 0 auto;min-width:var(--min-width);z-index:1;display:flex;flex-direction:row;align-items:center;animation:wh-rfm-scroll var(--duration) linear var(--delay) var(--iteration-count);animation-play-state:var(--play);animation-delay:var(--delay);animation-direction:var(--direction)}
#sec-whp-about .rfm-initial-child-container{flex:0 0 auto;display:flex;min-width:auto;flex-direction:row;align-items:center}
#sec-whp-about .rfm-child{transform:var(--transform)}
@keyframes wh-rfm-scroll{0%{transform:translateX(0%)}100%{transform:translateX(-100%)}}

/* ajuste propio: frases de las escenas a 40 px en celular, para que los renglones que marco Emilio quepan ("Poner a la gente" en 326 px) */
@media (width<48rem){#sec-whp-about [data-texto]>div{font-size:40px;line-height:1}}
/* ajuste propio (2026-10-20): en escritorio grande 140 px en vez de 160 (148 todavia partia "Poner a la gente") para que los renglones que marco Emilio quepan en una linea ("Poner a la gente" mide 1234 px a 160, la caja es de 1152) */
@media (width>=64rem){#sec-whp-about [data-texto]>div{font-size:140px;line-height:140px}}