@font-face{font-family:Mont;src:url('/assets/fonts/Mont-Regular.woff2');font-weight:400;font-display:swap}
@font-face{font-family:Mont;src:url('/assets/fonts/Mont-Bold.woff2');font-weight:700;font-display:swap}
@font-face{font-family:Mont;src:url('/assets/fonts/Mont-Heavy.woff2');font-weight:900;font-display:swap}
:root{--red:#ff5a5f;--violet:#8f89ff;color-scheme:dark;scrollbar-color:var(--red) #070709}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050506;color:#fff;font-family:Mont,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:7px}::selection{background:var(--red);color:#000}.skip{position:fixed;top:-80px;left:15px;z-index:20;background:#000;padding:15px}.skip:focus{top:15px}
.stage{height:100svh;min-height:680px;position:relative;isolation:isolate;overflow:hidden;background:#08080e}.films,.veil{position:absolute;inset:0;z-index:-2}.frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--focus);opacity:0;transform:scale(1.035);transition:opacity 1.2s ease,transform 7s linear;filter:saturate(.85)}.frame.active{opacity:1;transform:scale(1.085)}.veil{z-index:-1;background:linear-gradient(180deg,#0009,transparent 28%,#03030835 65%,#050506 100%),linear-gradient(90deg,#08061665,#08061635 50%,#08061670);transition:background .4s}.stage::after{content:'';position:absolute;inset:0;background:#07050e30;z-index:-1;pointer-events:none}.stage.engaged::after{background:#07050e08;transition:background .5s}
header{position:absolute;top:0;left:0;right:0;padding:34px 4.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;z-index:3}.brand img{display:block;width:145px}.brand>span{display:block;font-size:10px;letter-spacing:.28em;margin-top:11px;text-transform:uppercase}nav{display:flex;gap:36px;font-weight:700;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--red)}nav a:last-child span{color:var(--red);padding-left:10px}
.hero-content{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:135px 24px 110px}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.19em;font-weight:700;line-height:1.8}.hero-content>.eyebrow{margin:0 0 26px;color:#fff9;text-shadow:0 2px 10px #000}h1{margin:0;width:100%}.headline{border:0;background:none;padding:0;cursor:pointer;text-align:center;font-weight:900;font-size:clamp(66px,9.3vw,158px);line-height:.93;letter-spacing:-.067em;text-shadow:0 3px 35px #0003}.line{display:block}.line.strategy{color:var(--red)}.letter{display:inline-block;transform:translateY(var(--lift,0px));transition:transform .18s ease,color .25s;will-change:auto}.letter.hot{color:var(--violet)}.interaction-hint{margin:30px 0 0;display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:.05em;color:#eee9}.pointer-dot{width:5px;height:5px;background:var(--red);border-radius:50%;box-shadow:0 0 12px var(--red)}.touch-hint{display:none}.stage-bottom{position:absolute;left:4.5%;right:4.5%;bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.scene-note{display:flex;gap:20px;align-items:center;font-size:11px}.count{color:var(--red);font-variant-numeric:tabular-nums}.scene-label{color:#fffc}.sequence-controls{display:flex;align-items:center;gap:8px}.sequence-controls button{border:0;background:none;cursor:pointer;width:36px;height:36px;font-size:18px;opacity:.75}.sequence-controls button:hover{color:var(--red);opacity:1}.motion-toggle{font-size:14px!important}.discover{font-size:11px}.discover span{margin-left:20px;color:var(--red);font-size:20px}.progress{position:absolute;bottom:0;left:4.5%;right:4.5%;height:1px;background:#fff2}.progress i{display:block;width:25%;height:100%;background:var(--red);transition:transform .5s ease}
.intro,.contact{padding:125px 7%}.intro>.eyebrow,.contact>.eyebrow{color:var(--violet)}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;margin-top:42px;margin-bottom:80px}h2{font-weight:900;font-size:clamp(42px,5.6vw,88px);letter-spacing:-.06em;line-height:1.02;margin:0}em{font-style:normal;color:var(--red)}.intro-grid p,.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:#bbbbc5;max-width:470px}.intro-grid p:first-child{color:white;font-size:20px}.text-link{display:inline-block;margin-top:25px;font-size:13px;font-weight:700;border-bottom:1px solid var(--red);padding-bottom:10px}.text-link span{margin-left:30px;color:var(--red)}.experiences-list>a{display:grid;grid-template-columns:55px 1fr 1fr 30px;gap:20px;align-items:center;border-top:1px solid #fff2;padding:26px 0;transition:color .3s,padding .3s}.experiences-list>a:last-child{border-bottom:1px solid #fff2}.experiences-list>a:hover{color:var(--red);padding-left:12px}.number{font-size:10px;color:var(--violet)}.experiences-list>a>span:nth-child(2){font-size:clamp(21px,2.5vw,36px);font-weight:700;letter-spacing:-.05em}.experiences-list small{color:#9999a6;font-size:12px}.experiences-list>a>span:last-child{text-align:right;font-size:25px}
.story{position:relative;min-height:700px;display:flex;align-items:center;padding:100px 7%;isolation:isolate;overflow:hidden}.story>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;z-index:-2;mask-image:linear-gradient(0deg,transparent,#000 20%,#000 80%,transparent)}.story::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#050506 0%,#050506ed 23%,#05050688 45%,transparent 80%);z-index:-1}.story-copy{max-width:650px}.story h2{font-size:clamp(40px,5vw,76px)}.contact{text-align:center;padding-top:160px;padding-bottom:150px}.contact h2{font-size:clamp(58px,8vw,125px);margin:30px 0 38px}.contact-link{display:inline-flex;align-items:center;gap:65px;padding:17px 25px;border:1px solid var(--red);border-radius:40px;font-size:14px;font-weight:700;transition:background .3s}.contact-link:hover{background:var(--red)}.email{display:block;font-size:12px;color:#999;margin-top:25px}footer{padding:35px 7%;display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid #fff2}footer img{width:175px;display:block}footer span,footer small{font-size:10px;color:#888}
@media(min-width:1700px){.headline{font-size:158px}}
@media(max-width:800px){.stage{min-height:700px}header{padding:25px 6%;align-items:flex-start}.brand img{width:110px}.brand>span{font-size:8px}nav{gap:13px;font-size:10px;padding-top:8px}.hero-content{padding:150px 18px 160px}.headline{font-size:clamp(54px,13vw,100px);letter-spacing:-.065em}.hero-content>.eyebrow{font-size:8px;max-width:220px;line-height:1.8;margin-bottom:26px}.stage-bottom{left:6%;right:6%;bottom:28px;flex-wrap:wrap}.scene-note{width:calc(100% - 125px);gap:10px;font-size:9px}.scene-label{max-width:150px}.sequence-controls{gap:0}.discover{width:100%;text-align:center;font-size:10px;margin-top:15px}.frame{object-position:var(--focus)}.intro,.contact{padding:85px 7%}.intro-grid{grid-template-columns:1fr;gap:25px;margin-top:28px;margin-bottom:50px}.experiences-list>a{grid-template-columns:25px 1fr 25px;gap:12px;padding:23px 0}.experiences-list small{display:none}.story{min-height:740px;align-items:flex-end;padding-bottom:60px}.story>img{height:65%;object-position:60% center}.story::before{background:linear-gradient(0deg,#050506 0%,#050506 22%,#050506bb 40%,transparent 72%)}.story h2{font-size:43px}.story-copy>p:not(.eyebrow){font-size:14px}.contact h2{font-size:62px}footer{flex-direction:column;align-items:flex-start}footer img{width:155px}}
@media(pointer:coarse){.desktop-hint{display:none}.touch-hint{display:inline}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.frame,.frame.active{transform:none}.letter{transform:none!important}.interaction-hint{display:none}}
nav a{white-space:nowrap}
@media(max-width:800px){.scene-note{width:auto;flex:1;min-width:0}.sequence-controls{flex-shrink:0}.desktop-hint{display:none}.touch-hint{display:inline}}

/* Portada editorial: video continuo, mensaje y acciones claras. */
.stage{height:100svh;min-height:720px;background:#050506}.stage::after{display:none}
.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.hero-video{object-fit:cover;object-position:center;z-index:-2;filter:saturate(.82)}
.hero-shade{z-index:-1;background:linear-gradient(180deg,#0505069c 0%,#05050655 25%,#05050685 60%,#050506 100%),linear-gradient(90deg,#05050688,transparent 50%,#05050666)}
header{z-index:3}.hero-content{height:100%;padding:170px 5% 130px;position:relative;z-index:1;pointer-events:auto}
.hero-content>.eyebrow{display:flex;align-items:center;gap:10px;color:#fff;margin:0 0 24px;text-shadow:none;font-size:10px;letter-spacing:.22em}.hero-content>.eyebrow>span{width:6px;height:6px;border-radius:50%;background:var(--red);box-shadow:0 0 15px #ff5a5f99}
.headline{font-size:clamp(68px,9.3vw,156px);font-weight:900;line-height:.94;letter-spacing:-.067em;cursor:default;text-shadow:0 2px 25px #0002;user-select:text;position:relative;margin:0;width:auto}
.headline .line{display:block}.headline em{color:var(--red)}
.hero-description{font-size:14px;line-height:1.75;color:#efedf3;margin:27px 0 0;max-width:480px;text-wrap:balance}
.hero-actions{display:flex;align-items:center;gap:30px;margin-top:30px}.hero-primary{background:var(--red);border:1px solid var(--red);border-radius:30px;padding:15px 22px;font-size:11px;font-weight:700;display:flex;gap:26px;align-items:center;transition:background .2s,transform .2s}.hero-primary:hover{background:#e64c55;transform:translateY(-2px)}.hero-primary span{font-size:18px}.hero-secondary{font-size:11px;font-weight:700}.hero-secondary span{color:var(--red);margin-left:13px}.hero-secondary:hover{color:var(--red)}
.stage-bottom{bottom:32px;z-index:2}.hero-disciplines{display:flex;gap:25px;margin:0;font-size:9px;letter-spacing:.08em;color:#ccc}.hero-disciplines span{display:flex;align-items:center;gap:8px}.hero-disciplines span::before{content:'';height:4px;width:4px;border-radius:50%;background:var(--violet)}.hero-disciplines span:first-child::before{background:var(--red)}
.hero-content>.eyebrow,.headline,.hero-description,.hero-actions{opacity:0;transform:translateY(20px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.stage.entered .hero-content>.eyebrow,.stage.entered .headline,.stage.entered .hero-description,.stage.entered .hero-actions{opacity:1;transform:none}.headline{transition-delay:.1s}.hero-description{transition-delay:.2s}.hero-actions{transition-delay:.3s}
@media(max-width:800px){.stage{min-height:700px}.hero-content{padding:150px 6% 135px}.headline{font-size:clamp(52px,12vw,96px)}.hero-content>.eyebrow{font-size:8px;max-width:none;margin-bottom:25px}.hero-description{font-size:13px;max-width:330px;margin-top:25px}.hero-actions{flex-direction:column;gap:21px;margin-top:28px}.hero-primary{padding:14px 20px}.stage-bottom{bottom:26px;gap:17px}.hero-disciplines{width:100%;justify-content:center;gap:18px;font-size:8px}.discover{margin-top:0}.desktop-break{display:none}.hero-video{object-position:58% center}}
@media(prefers-reduced-motion:reduce){.hero-content>.eyebrow,.headline,.hero-description,.hero-actions{opacity:1;transform:none;transition:none}}

/* Renglones visuales: montaje integrado al fondo negro. */
.experiences-list{display:flex;flex-direction:column;gap:18px}
.experiences-list>.activation-row{position:relative;isolation:isolate;min-height:230px;display:grid;grid-template-columns:42px 1fr 30px;gap:22px;align-items:center;padding:24px 20px;border:0;overflow:hidden;background:#050506}
.experiences-list>.activation-row:last-child{border:0}.experiences-list>.activation-row:hover{padding:24px 20px}
.activation-media{position:absolute;right:1%;top:0;width:58%;height:100%;object-fit:contain;object-position:75% center;z-index:-2;transition:transform .7s ease,opacity .5s ease;opacity:.9}
.activation-row::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#050506 0%,#050506 27%,#050506e6 39%,#05050644 62%,#05050608 80%,#05050655 100%),linear-gradient(180deg,#050506 0%,#05050600 18%,#05050600 80%,#050506 100%)}
.activation-copy{display:flex;flex-direction:column;gap:15px;max-width:58%;font-size:initial!important;letter-spacing:normal!important}
.activation-copy strong{font-size:clamp(25px,3vw,43px);line-height:1.06;letter-spacing:-.055em;font-weight:900}
.experiences-list .activation-copy small{display:block;font-size:12px;color:#c6c3cc;line-height:1.6;max-width:320px}
.activation-arrow{align-self:center;color:white;transition:transform .3s,color .3s}.activation-row:hover .activation-media,.activation-row:focus-visible .activation-media{transform:scale(1.04);opacity:1}.activation-row:hover .activation-arrow{transform:translate(3px,-3px);color:var(--red)}
@media(max-width:800px){.experiences-list{gap:20px}.experiences-list>.activation-row,.experiences-list>.activation-row:hover{min-height:220px;grid-template-columns:20px 1fr 20px;gap:10px;padding:18px 0}.activation-copy{max-width:90%;gap:12px}.activation-copy strong{font-size:28px;max-width:210px}.experiences-list .activation-copy small{font-size:10px;max-width:155px}.activation-media{width:75%;right:-7%;object-position:80% center;opacity:.85}.activation-row::before{background:linear-gradient(90deg,#050506 0%,#050506ee 20%,#050506a8 45%,#05050622 75%,#05050655 100%),linear-gradient(180deg,#050506,#05050600 18%,#05050600 80%,#050506)}.activation-arrow{font-size:23px!important}}
.experiences-list .activation-row .number{font-size:10px;font-weight:400;letter-spacing:normal}
.activation-media{object-fit:cover;object-position:50% 48%;width:55%;right:0}
@media(max-width:800px){.activation-media{width:70%;right:-8%;object-position:50% 48%}}
.activation-media{mask-image:linear-gradient(90deg,transparent 0%,#000 22%,#000 85%,transparent 100%)}
/* Franjas panoramicas: degradado exclusivamente horizontal. */
@font-face{font-family:ExperienciasBrush;src:url('/assets/fonts/PermanentMarker-Regular.ttf');font-weight:400;font-display:swap}
.brand>span{font-family:ExperienciasBrush,Mont,sans-serif;font-size:19px;font-weight:400;letter-spacing:-.03em;line-height:1;margin-top:9px;transform:rotate(-4deg);transform-origin:left center;text-transform:lowercase}
.experiences-list{gap:24px}.experiences-list>.activation-row{min-height:195px;padding:24px 26px;grid-template-columns:42px 1fr 30px}.experiences-list>.activation-row:hover{padding:24px 26px}
.activation-media{width:70%;right:0;object-position:50% center;opacity:1;mask-image:none}
.activation-row::before{background:linear-gradient(90deg,#050506 0%,#050506 24%,#050506ed 39%,#05050666 59%,#05050605 77%,#05050699 100%)}
.experiences-list .activation-row .number{font-size:20px;font-weight:700}.activation-copy{max-width:65%}.activation-copy strong{font-size:clamp(27px,3.15vw,44px)}
@media(max-width:800px){.brand>span{font-size:15px;margin-top:8px}.experiences-list>.activation-row,.experiences-list>.activation-row:hover{min-height:195px;grid-template-columns:25px 1fr 20px;gap:10px;padding:18px 0}.activation-media{width:85%;right:-10%;object-position:55% center;mask-image:none}.activation-row::before{background:linear-gradient(90deg,#050506 0%,#050506e8 26%,#0505068c 50%,#05050633 78%,#05050699 100%)}.activation-copy{max-width:95%}.activation-copy strong{font-size:27px}.experiences-list .activation-row .number{font-size:13px}}
.activation-row:first-child .activation-media{object-position:50% 28%}

/* Identidad oficial de Experiencias y gesto de pincel en “es”. */
.brand img{width:180px;height:auto}
footer img{width:159px;height:auto}
.headline-es{display:inline-block;font-family:ExperienciasBrush,Mont,sans-serif;font-weight:400;font-size:1.24em;letter-spacing:-.065em;line-height:.8;transform:rotate(-8deg);margin-right:.02em;position:relative;top:.02em}
@media(max-width:800px){.brand img{width:145px}.headline-es{font-size:1.2em}}

/* El titular entra por palabras; el trazo de “es” conserva un gesto suave. */
.headline .line:first-child,.headline em{display:block}
.headline em{display:inline-block}
.stage.entered .headline>.line:first-child{animation:headline-rise 1s cubic-bezier(.16,1,.3,1) both}
.stage.entered .headline em{animation:headline-rise 1s .32s cubic-bezier(.16,1,.3,1) both}
.stage.entered .headline-es{animation:brush-arrive 1.1s .16s cubic-bezier(.16,1,.3,1) both,brush-drift 6s 1.4s ease-in-out infinite}
.hero-description{font-weight:700;font-size:clamp(15px,1.5vw,21px);max-width:600px;transition-delay:.55s}
.stage.is-out-of-view .headline *,.stage.page-hidden .headline *{animation-play-state:paused}
@keyframes headline-rise{from{opacity:0;transform:translateY(32px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes brush-arrive{from{opacity:0;transform:translateY(28px) rotate(-18deg) scale(.78)}70%{opacity:1;transform:translateY(-4px) rotate(-5deg) scale(1.04)}to{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}}
@keyframes brush-drift{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-5px) rotate(-5deg)}}
@media(max-width:800px){.hero-description{font-size:15px;max-width:320px}}
@media(prefers-reduced-motion:reduce){.stage.entered .headline>.line:first-child,.stage.entered .headline em,.stage.entered .headline-es{animation:none;opacity:1;filter:none}.headline-es{transform:rotate(-8deg)}}
/* Mirror IA: nueva imagen creada, sin video en el renglón. */
.activation-row:first-child .mirror-cover{width:92%;object-position:75% 18%}
@media(max-width:800px){.activation-row:first-child .mirror-cover{width:115%;right:-25%;object-position:75% 18%}}
/* Foto real de Mirror en Plaza Mayor. */
.activation-row:first-child .mirror-cover{width:74%;object-position:52% 34%}
@media(max-width:800px){.activation-row:first-child .mirror-cover{width:98%;right:-12%;object-position:65% 34%}}
.activation-row:first-child .mirror-cover{width:110%;right:-40%;object-position:left 34%}
@media(max-width:800px){.activation-row:first-child .mirror-cover{width:110%;right:-30%;object-position:8% 34%}}
.activation-row:first-child .mirror-cover{width:165%;right:-92%;object-position:left 38%}
@media(max-width:800px){.activation-row:first-child .mirror-cover{width:180%;right:-100%;object-position:left 38%}}
/* IA vuelve al primer encuadre; nueva imagen real de Mosaico. */
.activation-row:first-child .mirror-cover{width:74%;right:0;object-position:52% 34%}
.activation-row:nth-child(2) .activation-media{object-position:55% 37%}
@media(max-width:800px){.activation-row:first-child .mirror-cover{width:98%;right:-12%;object-position:65% 34%}.activation-row:nth-child(2) .activation-media{object-position:58% 37%}}
/* Más presencia para el video, preservando contraste del titular. */
.hero-video{filter:brightness(1.22) contrast(1.13) saturate(.97)}
.hero-shade{background:linear-gradient(180deg,#05050677 0%,#05050633 25%,#05050644 60%,#050506 100%),linear-gradient(90deg,#05050655,transparent 50%,#05050644)}
.activation-row:nth-child(-n+2)::before{background:linear-gradient(90deg,#050506 0%,#050506 24%,#050506d9 39%,#05050633 59%,transparent 77%,#05050680 100%)}
.activation-row:first-child .mirror-cover{filter:brightness(1.05) contrast(1.03)}
@media(max-width:800px){.activation-row:nth-child(-n+2)::before{background:linear-gradient(90deg,#050506 0%,#050506e8 26%,#05050670 50%,#05050611 78%,#05050680 100%)}}

/* Home: texto aprobado y recorrido compacto. */
.intro{padding:56px 7% 64px}
.intro>.eyebrow{margin:0;font-size:12px}
.intro-grid{margin:22px 0 38px;gap:8%;align-items:center;grid-template-columns:1.15fr 1fr}
.intro-grid h2{font-size:clamp(36px,4.2vw,64px);line-height:1.07}
.intro-grid p:first-child{font-size:clamp(17px,1.5vw,21px);line-height:1.65;margin:0;max-width:490px}
.intro-grid .text-link{margin-top:20px;font-size:15px}
.story{min-height:540px;padding-top:64px;padding-bottom:64px}
.contact{padding:72px 7%}.contact h2{font-size:clamp(40px,6vw,80px);margin:0 0 30px}
.hero-description{opacity:1;transform:none}
@media(max-width:800px){.intro{padding:38px 7% 44px}.intro-grid{grid-template-columns:1fr;gap:20px;margin:18px 0 28px}.intro-grid h2{font-size:clamp(32px,8vw,48px)}.intro-grid p:first-child{font-size:17px}.intro>.eyebrow{font-size:11px}.story{min-height:580px}.contact{padding:52px 7%}.brand img{height:auto}}

/* Invitación a explorar las activaciones */
.hero-explore{display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:clamp(13px,1.1vw,17px);font-weight:700;line-height:1.5;text-decoration:none;text-underline-offset:5px}.hand-icon{width:29px;height:34px;flex:none;color:var(--red)}.hero-explore:hover span{text-decoration:underline}.hero-explore:focus-visible{outline:2px solid var(--red);outline-offset:8px;border-radius:3px}@media(max-width:800px){.hero-explore{max-width:290px;text-align:left;font-size:14px;gap:11px}}

/* Indicador de scroll inspirado en la referencia */
.hero-explore{flex-direction:column;gap:12px;text-align:center;font-size:clamp(13px,1.1vw,17px)}.scroll-icon{width:30px;height:45px;color:#fff;flex:none}.scroll-dot{animation:scroll-cue 2s ease-in-out infinite}@keyframes scroll-cue{0%,15%{transform:translateY(0);opacity:1}65%{transform:translateY(12px);opacity:0}66%,100%{transform:translateY(0);opacity:0}}@media(prefers-reduced-motion:reduce){.scroll-dot{animation:none}}

/* Intervención de grafiti sobre la identidad formal */
.brand .graffiti-logo,footer .graffiti-logo{display:block;position:relative;width:180px;padding-bottom:30px}.brand .graffiti-logo .formal-mark,footer .graffiti-logo .formal-mark{display:block;width:100%;height:auto}.brand .graffiti-logo .graffiti-word,footer .graffiti-logo .graffiti-word{position:absolute;width:110%;height:auto;left:-3%;bottom:0;transform:rotate(-6deg);transform-origin:center;pointer-events:none}@media(max-width:800px){.brand .graffiti-logo{width:145px;padding-bottom:25px}}
.brand .graffiti-logo,footer .graffiti-logo{padding-bottom:40px}.brand .graffiti-logo .graffiti-word,footer .graffiti-logo .graffiti-word{bottom:-3px}@media(max-width:800px){.brand .graffiti-logo{padding-bottom:35px}}

/* Grafiti integrado al pie del logo formal */
.brand .graffiti-logo,footer .graffiti-logo{padding-bottom:30px}.brand .graffiti-logo .graffiti-word,footer .graffiti-logo .graffiti-word{width:117%;left:-7%;bottom:-7px;transform:rotate(-5deg)}@media(max-width:800px){.brand .graffiti-logo{padding-bottom:25px}}
/* Marca formal recta y libre de superposición */
.brand .graffiti-logo{transform:none;line-height:normal;letter-spacing:normal;margin-top:0}
.brand .graffiti-logo,footer .graffiti-logo{padding-bottom:0}
.brand .graffiti-logo .formal-mark,footer .graffiti-logo .formal-mark{transform:none;position:relative;z-index:1}
.brand .graffiti-logo .graffiti-word,footer .graffiti-logo .graffiti-word{position:relative;display:block;width:110%;left:-5%;bottom:auto;margin-top:7px;transform:rotate(-5deg);transform-origin:center}
/* Firma de grafiti más pequeña y próxima a la marca */
.brand .graffiti-logo .graffiti-word,footer .graffiti-logo .graffiti-word{width:84%;left:8%;margin-top:-3px;transform:rotate(-5deg)}
/* Reflex Box: conservar los rostros en el formato panorámico de escritorio */
@media(min-width:801px){.activation-row:nth-child(3) .activation-media{object-position:50% 20%}}
/* Exploración de activaciones en cuadrícula fotográfica */
.experiences-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.experiences-list>.activation-row,.experiences-list>.activation-row:hover{display:flex;align-items:flex-end;position:relative;isolation:isolate;min-height:0;aspect-ratio:1/1;overflow:hidden;padding:26px;border:0;gap:12px;background:#121214}
.experiences-list .activation-row .activation-media,.experiences-list .activation-row:first-child .mirror-cover{width:100%;height:100%;inset:0;object-fit:cover;object-position:50% 35%;opacity:1;mask-image:none;z-index:-2}
.experiences-list .activation-row:nth-child(3) .activation-media{object-position:50% 25%}
.experiences-list .activation-row::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#05050640 65%,#050506d9 100%);z-index:-1}
.experiences-list .activation-row .activation-copy{max-width:calc(100% - 34px);flex:1;gap:0}
.experiences-list .activation-row .activation-copy strong{font-size:clamp(23px,2.2vw,36px);line-height:1.07;max-width:none}
.experiences-list .activation-row .number{position:absolute;top:18px;left:22px;font-size:13px;color:#fff;text-shadow:0 1px 8px #000}
.experiences-list .activation-row .activation-arrow{align-self:flex-end;font-size:25px!important}
.experiences-list .activation-row:hover .activation-media{transform:scale(1.035)}
@media(min-width:801px) and (max-width:1100px){.experiences-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.experiences-list{grid-template-columns:1fr;gap:14px}.experiences-list>.activation-row,.experiences-list>.activation-row:hover{aspect-ratio:1/1;padding:24px;min-height:0}.experiences-list .activation-row .activation-copy strong{font-size:30px}.experiences-list .activation-row .number{top:18px;left:24px}}
/* Mosaico editorial asimétrico inspirado en la segunda referencia */
@media(min-width:1101px){.experiences-list{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,clamp(180px,17vw,260px));gap:5px}.experiences-list>.activation-row,.experiences-list>.activation-row:hover{aspect-ratio:auto;padding:22px}.experiences-list>.activation-row:first-child{grid-column:span 2;grid-row:span 2}.experiences-list>.activation-row:nth-child(4){grid-column:span 2}.experiences-list>.activation-row:nth-child(5),.experiences-list>.activation-row:nth-child(6){grid-column:span 2}.experiences-list .activation-row .activation-copy strong{font-size:clamp(23px,2.2vw,36px)}.experiences-list .activation-row:first-child .activation-copy strong{font-size:clamp(34px,3.4vw,54px)}}

@media(min-width:1101px){.experiences-list>.activation-row:nth-child(6),.experiences-list>.activation-row:nth-child(7){grid-column:span 1}}
.experiences-list .activation-row:nth-child(5) .activation-media{object-position:50% 22%}.experiences-list .activation-row:nth-child(7) .activation-media{object-position:50% 35%}

/* Ocho experiencias: última fila completa del mosaico */
@media(min-width:1101px){.experiences-list>.activation-row:nth-child(5){grid-column:span 1}}
.experiences-list .activation-row:nth-child(6) .activation-media{object-position:52% 30%}.experiences-list .activation-row:nth-child(8) .activation-media{object-position:50% 30%}

.load-more-wrap{display:flex;justify-content:center;padding-top:34px}.load-more{font:700 15px Mont,sans-serif;color:#fff;background:transparent;border:1px solid #ffffff60;border-radius:999px;padding:15px 28px;display:inline-flex;align-items:center;gap:28px}.load-more span{color:var(--red);font-size:23px;line-height:1}.load-more:disabled{opacity:.65;cursor:default}@media(max-width:800px){.load-more-wrap{padding-top:26px}}

/* Base de la galería horizontal de historias */
.story-gallery{display:block;padding:0;min-height:0}.story-gallery::before{display:none}.history-track{display:flex;overflow-x:auto;scroll-snap-type:x proximity;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--red) #151518}.history-slide{position:relative;isolation:isolate;flex:0 0 100%;min-width:0;min-height:560px;padding:64px 7%;display:flex;align-items:center;overflow:hidden;scroll-snap-align:start}.history-slide>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center;z-index:-2}.history-slide::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#050506e8, #05050680 50%,#05050605),linear-gradient(0deg,#050506,transparent 25%)}@media(max-width:800px){.history-slide{min-height:580px;align-items:flex-end;padding:48px 7%}.history-slide::before{background:linear-gradient(0deg,#050506ed,#05050688 45%,#05050610 85%)}.history-slide>img{object-position:60% center}}

.story-gallery{padding:52px 0 32px}.history-heading{padding:0 7% 28px}.history-heading h2{font-size:clamp(36px,5vw,64px);margin:12px 0 20px}.history-heading h2 em{color:var(--red);font-style:normal}.history-heading>p:not(.eyebrow){color:#bebec7;margin:8px 0;line-height:1.6}.history-track{gap:16px;padding:0 7%;scroll-padding-inline:7%}.history-slide.case-slide{flex-basis:82%;min-height:480px;padding:36px;align-items:flex-end}.case-slide h3{font-size:clamp(28px,3.5vw,48px);line-height:1.08;margin:0 0 12px;max-width:700px}.case-slide .story-copy{max-width:90%}.case-slide .story-copy p{font-size:18px}.case-slide::before{background:linear-gradient(0deg,#050506e8, #05050660 40%,transparent 75%)}.history-controls{display:flex;justify-content:flex-end;gap:12px;padding:22px 7% 0}.history-controls button{background:transparent;color:white;border:1px solid #ffffff60;border-radius:50%;width:44px;height:44px;font-size:23px;cursor:pointer}.history-controls button:disabled{opacity:.3;cursor:default}.history-controls button:focus-visible,.case-slide:focus-visible{outline:2px solid var(--red);outline-offset:3px}@media(max-width:800px){.story-gallery{padding-top:38px}.history-slide.case-slide{flex-basis:92%;min-height:420px;padding:26px}.case-slide .story-copy p{font-size:16px}.history-track{gap:12px}}

/* Conservar la composición original con texto sobre la fotografía */
.story-gallery{padding:0 0 24px}.history-track{padding:0;gap:0;scroll-padding:0}.history-slide.case-slide{flex-basis:100%;min-height:560px;padding:64px 7%;align-items:center}.case-slide .story-copy{max-width:560px}.case-slide::before{background:linear-gradient(90deg,#050506e8,#05050680 50%,#05050605),linear-gradient(0deg,#050506,transparent 25%)}@media(max-width:800px){.history-slide.case-slide{flex-basis:100%;min-height:580px;padding:48px 7%;align-items:flex-end}.case-slide::before{background:linear-gradient(0deg,#050506ed,#05050688 45%,#05050610 85%)}}

/* Formulario de contacto integrado antes del footer. */
.contact-section{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;text-align:left;padding:96px 7%;border-top:1px solid #ffffff20}
.contact-intro h2{font-size:clamp(42px,5vw,76px);line-height:1.04;letter-spacing:-.05em;margin:18px 0 24px}.contact-intro h2 em{font-style:normal;color:var(--red)}
.contact-intro>p:not(.eyebrow){max-width:390px;color:#bcbcc6;font-size:17px;line-height:1.6;margin-bottom:28px}.whatsapp-link{gap:24px;font-size:14px}.contact-intro .email{font-size:14px}
.experience-contact-form{padding-top:16px;min-width:0}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:26px 24px}.experience-contact-form label{display:block;font-size:13px;font-weight:600;line-height:1.5;color:#fff}.experience-contact-form label span{color:#999;font-size:11px;font-weight:400}.experience-contact-form input,.experience-contact-form textarea{display:block;width:100%;box-sizing:border-box;border:0;border-bottom:1px solid #ffffff45;background:transparent;color:white;padding:14px 0;font:inherit;font-size:15px;font-weight:400;border-radius:0;outline-offset:5px}.experience-contact-form input::placeholder,.experience-contact-form textarea::placeholder{color:#84848f;opacity:1}.experience-contact-form input:focus,.experience-contact-form textarea:focus{outline:0;border-color:var(--red)}.experience-contact-form>label{margin-top:28px}.experience-contact-form textarea{resize:vertical;min-height:110px}.contact-submit{margin-top:28px}.contact-submit button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;background:var(--red);color:#050506;border:1px solid var(--red);border-radius:40px;padding:17px 26px;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.contact-submit button:hover{background:#fff;border-color:#fff}.contact-submit button:focus-visible,.whatsapp-link:focus-visible{outline:2px solid white;outline-offset:5px}.contact-submit button:disabled{opacity:.6;cursor:wait}.form-status{color:#bcbcc6;font-size:13px;line-height:1.5;margin:15px 0 0;min-height:20px}
@media(max-width:800px){.contact-section{grid-template-columns:1fr;gap:30px;padding:58px 7%}.contact-intro h2{font-size:clamp(40px,10vw,58px)}.contact-intro>p:not(.eyebrow){font-size:16px}.experience-contact-form{padding-top:0}.contact-fields{gap:24px 18px}.contact-submit button{width:100%}}
@media(max-width:430px){.contact-fields{grid-template-columns:1fr}}

/* Acentos de títulos: mismo acabado hand draw en todo Experiencias. */
body :is(h1,h2,h3,h4,h5,h6) em{display:inline-block;font-family:ExperienciasBrush,Mont,sans-serif;font-weight:400;font-style:normal;letter-spacing:-.055em;line-height:1.12;animation:brush-drift 6s ease-in-out infinite;transform-origin:center}
body .stage.entered .headline em{animation:brush-arrive 1.1s .32s cubic-bezier(.16,1,.3,1) both,brush-drift 6s 1.5s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){body :is(h1,h2,h3,h4,h5,h6) em,body .stage.entered .headline em{animation:none;transform:rotate(-8deg)}}

/* Excepción del home: únicamente es lleva el acento hand draw. */
body .headline em{font-family:Mont,Arial,sans-serif;font-weight:900;letter-spacing:-.067em;line-height:.94;font-style:normal}
body .stage.entered .headline em{animation:headline-rise 1s .32s cubic-bezier(.16,1,.3,1) both}
.headline>.line+ .line{margin-top:.14em}.headline .headline-es{margin-right:.15em}
@media(prefers-reduced-motion:reduce){body .stage.entered .headline em{animation:none;transform:none}}

body .headline em{color:#fff}.headline .headline-es{color:var(--red)}

.form-contact-heading{color:var(--red);font-family:ExperienciasBrush,Mont,sans-serif;font-weight:400;font-size:clamp(30px,3vw,42px);line-height:1.2;margin:0 0 26px;animation:brush-drift 6s ease-in-out infinite;transform-origin:left center}
@media(prefers-reduced-motion:reduce){.form-contact-heading{animation:none}}

.activation-filters{display:flex;gap:12px;padding:0 1.5% 24px;overflow-x:auto}.activation-filters button{flex-shrink:0;font:700 17px Mont,sans-serif;color:#fff;background:transparent;border:1px solid #ffffff55;border-radius:999px;padding:12px 24px;cursor:pointer}.activation-filters button[aria-pressed="true"]{background:var(--red);border-color:var(--red);color:#050506}.activation-filters button:focus-visible{outline:2px solid var(--violet);outline-offset:3px}.experiences-list>.activation-row[hidden]{display:none!important}.filter-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:801px){.experiences-list.is-filtered{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:clamp(220px,25vw,380px)}.experiences-list.is-filtered>.activation-row{grid-column:auto!important;grid-row:auto!important;aspect-ratio:auto}}
@media(max-width:800px){.activation-filters{padding:0 4% 20px;gap:8px}.activation-filters button{font-size:14px;padding:11px 19px}}

/* Submenú y filtros con la tipografía del menú principal. */
.activation-nav{position:relative}.activation-nav-toggle{border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer;white-space:nowrap}.activation-nav-toggle:hover,.activation-nav-toggle[aria-expanded="true"]{color:var(--red)}.activation-nav-toggle span{color:var(--red);margin-left:5px}.activation-submenu{position:absolute;top:calc(100% + 15px);left:-20px;min-width:155px;padding:15px 20px;background:#050506f2;border:1px solid #ffffff20;display:flex;flex-direction:column;gap:16px;box-shadow:0 12px 30px #0005}.activation-submenu[hidden]{display:none}.activation-submenu a[aria-current="true"]{color:var(--red)}
.activation-filters{gap:30px}.activation-filters button{border:0;border-bottom:2px solid transparent;border-radius:0;background:none;padding:10px 0;font:700 17px Mont,sans-serif}.activation-filters button[aria-pressed="true"]{background:none;color:var(--red);border-color:var(--red)}.activation-filters button:hover{color:var(--red)}
@media(min-width:1101px){.experiences-list.is-filtered{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,clamp(180px,17vw,260px));grid-auto-rows:clamp(180px,17vw,260px);gap:5px}.experiences-list.is-filtered>.activation-row{grid-column:span 1!important;grid-row:span 1!important}.experiences-list.is-filtered>.filter-feature{grid-column:span 2!important;grid-row:span 2!important}.experiences-list.is-filtered>.filter-wide{grid-column:span 2!important}}
@media(max-width:800px){.activation-filters{gap:24px}.activation-filters button{font-size:14px;padding:9px 0}.activation-submenu{left:auto;right:0;min-width:135px;font-size:13px}}

.catalog-empty{padding:32px 1.5%;color:#bcbcc8;font-size:18px}.catalog-empty[hidden],.load-more-wrap[hidden]{display:none}.activation-submenu{min-width:190px}.experiences-list.is-filtered:empty{display:none}
@media(min-width:1101px){.experiences-list.is-filtered.has-two{grid-template-rows:repeat(2,clamp(180px,17vw,260px))}.experiences-list.is-filtered.has-two>.filter-wide{grid-row:span 2!important}}

#activation-catalog[hidden]{display:none}

/* Menú inspirado en el institucional: Mont blanco e iconos coral. */
header.site-header nav{align-items:center;gap:32px;font:700 18px/1.25 Mont,Arial,sans-serif}header.site-header nav>a,.activation-nav-toggle{display:flex;align-items:center;gap:13px}.menu-line-icon{width:29px;height:29px;flex-shrink:0;stroke:var(--red);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.activation-nav-toggle>span:not(.submenu-chevron){color:inherit;margin:0}.submenu-chevron{font-size:15px}header.site-header nav>a:last-child>span{padding-left:0;color:inherit}header.site-header nav>a:last-child>.menu-arrow{color:var(--red)}
.activation-submenu{min-width:235px;padding:22px;gap:20px}.activation-submenu>a{display:flex;align-items:center;gap:13px;white-space:nowrap}.activation-submenu .menu-line-icon{width:26px;height:26px}.activation-filters button{display:flex;align-items:center;gap:10px;font-size:18px}.activation-filters .menu-line-icon{width:27px;height:27px}.activation-filters{gap:26px}
@media(max-width:800px){header.site-header{flex-wrap:wrap;gap:24px}header.site-header nav{width:100%;justify-content:space-between;font-size:14px;gap:10px;padding-top:0}header.site-header nav>a,.activation-nav-toggle{gap:7px}header.site-header .menu-line-icon{width:24px;height:24px}.activation-submenu{left:0;right:auto;min-width:210px;font-size:16px}.activation-filters{gap:23px}.activation-filters button{font-size:15px;gap:8px}.activation-filters .menu-line-icon{width:24px;height:24px}}

/* Logos de clientes en banda continua, de derecha a izquierda. */
.client-logo-band{overflow:hidden;width:100%;padding:26px 0;border-top:1px solid #ffffff16;border-bottom:1px solid #ffffff16;background:#050506;mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}.client-logo-track{display:flex;width:max-content;animation:clients-drift 95s linear infinite;will-change:transform}.client-logo-group{display:flex;align-items:center;gap:44px;list-style:none;margin:0;padding:0 44px 0 0;flex-shrink:0}.client-logo-group li{width:160px;flex-shrink:0}.client-logo-group img{display:block;width:160px;height:120px;object-fit:contain}.client-logo-band:hover .client-logo-track{animation-play-state:paused}@keyframes clients-drift{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:800px){.client-logo-band{padding:20px 0}.client-logo-group{gap:28px;padding-right:28px}.client-logo-group li,.client-logo-group img{width:125px}.client-logo-group img{height:100px}}
@media(prefers-reduced-motion:reduce){.client-logo-track{animation:none;will-change:auto}.client-logo-band{overflow-x:auto;mask-image:none}.client-logo-group[aria-hidden="true"]{display:none}}

.client-logo-band .client-logo-group img{filter:grayscale(1) brightness(.55)}

.site-header .menu-line-icon{stroke-width:2.15}
@media(max-width:800px){.activation-page .site-header{flex-wrap:wrap;align-items:flex-start;gap:24px}.activation-page .site-header nav>a{display:flex}.activation-page .site-header nav{font-size:14px;gap:10px}}

@media(max-width:800px){header.site-header nav,.activation-page .site-header nav{font-size:12px;gap:8px}header.site-header nav>a,header.site-header .activation-nav-toggle{gap:5px}header.site-header .menu-line-icon{width:21px;height:21px}header.site-header .submenu-chevron{font-size:12px;margin-left:0}header.site-header .activation-submenu{font-size:15px}header.site-header .activation-submenu .menu-line-icon{width:24px;height:24px}}

.experiences-list .activation-row img[src*="cabina-360-principal-toyota-v2"]{object-position:50% 45%}

@media(min-width:1101px){.experiences-list>.activation-row:nth-child(9){grid-column:span 4}.experiences-list.is-filtered:not(.has-three)>.activation-row:nth-child(9){grid-column:span 4!important}.experiences-list.is-filtered.has-three>.filter-tail{grid-column:span 2!important}}

/* Repetir módulo de ocho tarjetas y dar altura a las filas nuevas. */
@media(min-width:1101px){.experiences-list{grid-template-rows:none;grid-auto-rows:clamp(180px,17vw,260px);grid-auto-flow:row dense}.experiences-list>.activation-row:nth-child(8n + 1){grid-column:span 2;grid-row:span 2}.experiences-list>.activation-row:nth-child(8n + 4){grid-column:span 2}.experiences-list>.activation-row:nth-child(9){grid-column:span 2;grid-row:span 2}.experiences-list:has(>.activation-row:nth-child(9)):not(:has(>.activation-row:nth-child(10))):not(.has-three)>.activation-row:nth-child(9){grid-column:3 / span 2!important;grid-row:3 / span 2!important}.experiences-list:has(>.activation-row:nth-child(9)):not(:has(>.activation-row:nth-child(10))):not(.has-three)>.activation-row:nth-child(7),.experiences-list:has(>.activation-row:nth-child(9)):not(:has(>.activation-row:nth-child(10))):not(.has-three)>.activation-row:nth-child(8){grid-column:span 1!important;grid-row:4!important}.experiences-list.is-filtered:not(.has-three)>.activation-row:nth-child(9){grid-column:span 2!important;grid-row:span 2!important}.experiences-list.is-filtered.has-three>.activation-row:nth-child(9){grid-column:span 2!important;grid-row:span 1!important}}

@media(min-width:1101px){.experiences-list:not(.is-filtered)>.activation-row:nth-child(10),.experiences-list:not(.is-filtered)>.activation-row:nth-child(11){grid-row:span 2}.experiences-list.is-filtered.has-two>.activation-row{grid-column:span 2!important;grid-row:span 2!important}.experiences-list.is-filtered:not(.has-two):not(.has-three)>.activation-row:nth-child(9){grid-column:span 4!important;grid-row:span 1!important}}

/* Segundo bloque del home repite la proporción del primer bloque. */
@media(min-width:1101px){.experiences-list:not(.is-filtered)>.activation-row:nth-child(10),.experiences-list:not(.is-filtered)>.activation-row:nth-child(11){grid-row:span 1}.experiences-list:not(.is-filtered)>.activation-row:nth-child(11){grid-column:span 2;grid-row:span 1}}

@media(min-width:1101px){.experiences-list:not(.is-filtered)>.activation-row:nth-child(10),.experiences-list:not(.is-filtered)>.activation-row:nth-child(11){grid-column:span 2;grid-row:span 1}}

@media(min-width:801px) and (hover:hover) and (pointer:fine){.activation-submenu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}}

.activation-row[href="cornhole.html"] .activation-media{filter:contrast(1.08) brightness(1.035) saturate(1.04)}

.site-menu-item{position:relative}.site-submenu[hidden]{display:none!important}@media(min-width:801px) and (hover:hover) and (pointer:fine){.site-submenu::before{content:"";position:absolute;left:0;right:0;top:-16px;height:16px}}

.activation-row[href="subsoccer.html"] .activation-media{filter:contrast(1.09) saturate(1.12) brightness(1.015)}

@media(min-width:1101px){.experiences-list:not(.is-filtered)>.activation-row[href="realidad-virtual.html"]{grid-column:span 4;grid-row:span 2}.experiences-list.is-filtered.has-three>.activation-row[href="realidad-virtual.html"]{grid-column:span 2!important}}

@media(min-width:1101px){.experiences-list.is-filtered.has-four>.activation-row:nth-child(9){grid-column:span 2!important;grid-row:span 1!important}.experiences-list.is-filtered.has-four>.activation-row[href="realidad-virtual.html"]{grid-column:span 4!important;grid-row:span 1!important}}

.activation-row[href="realidad-virtual.html"] .activation-media{object-position:55% 30%;filter:contrast(1.07) saturate(1.08)}

@media(min-width:801px){.experiences-list.is-filtered.has-one{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.experiences-list.is-filtered.has-one>.activation-row{grid-column:span 2!important;grid-row:span 2!important}}

.contact-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}