:root{
  --naranja:#ff4421;
  --lienzo:#181d21;
  --texto:#f3f3f3;
  --apagado:#adadad;
  --apagado-2:#545151;
  --online:#b53219;
  --sombra-info:#b62f17;
  --etiqueta-info:#85210f;
  --negro:#111314;
  --gris-boton:#2a3137;
  --px:20px;
  --radio:0px;
  --lateral:min(calc((100% - 135px) / 4 + 45px), 390.75px);
  --ease-brisk:cubic-bezier(.4,0,.2,1);
  --ease-grow:cubic-bezier(1,0,.47,1.25);
  --ease-reveal:cubic-bezier(.25,.1,.25,1);
  --ease-expo:cubic-bezier(.16,1,.3,1);
  --barra-h:clamp(3.25rem, 2.75rem + 1.2vw, 3.897rem);
  --sep:clamp(2rem, 1.5rem + 1.5vw, 3.125rem);
  --fuente:"General Sans","Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
}
@media (min-width:1024px){:root{--px:15px}}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border:0 solid}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;font-synthesis-weight:auto;background:var(--lienzo)}
body{
  background:var(--lienzo);color:var(--texto);font-family:var(--fuente);font-size:16px;line-height:1.5;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;
  display:flex;flex-direction:column;overflow-x:clip;
}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;cursor:pointer;text-align:inherit}
img,video,canvas,svg{display:block}
ul{list-style:none}
a,button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}
:focus-visible{outline:2px solid var(--naranja);outline-offset:2px}
.barra :focus-visible,.info :focus-visible,.popup__tarjeta :focus-visible{outline-color:#000}


html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}
.lenis.lenis-stopped{overflow:hidden}
html.con-portada,html.con-portada body{overflow:hidden}

.saltar{position:absolute;left:-9999px;top:8px;z-index:90;background:var(--naranja);color:#000;font-size:13px;padding:8px 15px}
.saltar:focus{left:8px;position:fixed}


.logo{display:inline-flex;align-items:flex-start;font-weight:500;letter-spacing:-.045em;line-height:1;white-space:nowrap;color:inherit}
.logo .reg{font-size:.34em;letter-spacing:0;font-weight:500;margin-left:.08em;margin-top:.08em;line-height:1}
.logo--barra{font-size:36px}


.barra{
  position:sticky;top:0;z-index:50;display:grid;grid-template-columns:1fr auto;align-items:center;
  min-height:60px;padding:10px var(--px);background:rgba(255,68,33,.97);color:#000;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  transition:transform .45s cubic-bezier(.64,0,.78,0);
}
@media (min-width:1024px){.barra{height:38px;min-height:38px;grid-template-columns:var(--lateral) 1fr;padding:0}}
.barra__ancla{display:flex;align-items:center}
@media (min-width:1024px){.barra__ancla{grid-column:1;grid-row:1;padding:0 15px}}
.barra__inicio{display:flex;align-items:center;color:#fff}
.barra__inicio .logo{font-size:28px}
@media (min-width:1024px){.barra__inicio .logo{font-size:clamp(1rem, 1rem + .16vw, 19.76px)}}
.barra__grupo{grid-column:2;grid-row:1;display:flex;align-items:center;justify-content:space-between}
@media (min-width:1024px){.barra__grupo{padding-right:15px}}
.barra__izq{display:flex;align-items:center;gap:8.823px}
.info-btn{display:flex;align-items:center;gap:8.823px;line-height:1;font-weight:600;cursor:pointer}
.info-btn__icono{position:relative;top:-1px;display:inline-block;width:16px;height:16px}
.info-btn__icono svg{width:100%;height:100%;transition:rotate .5s cubic-bezier(.34,1.56,.64,1),color .5s;rotate:0deg}
.info-btn__txt{font-size:13px;letter-spacing:.04em}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.info-btn:hover .info-btn__icono svg{rotate:180deg}}
.barra--info .info-btn__icono svg{rotate:225deg;color:var(--texto);transition-duration:.45s;transition-timing-function:cubic-bezier(.22,1,.36,1)}
.reloj{display:none;align-items:center;gap:8.823px;font-weight:600;text-transform:none;line-height:1;cursor:pointer}
@media (min-width:1024px){.reloj{display:flex}}
.reloj time{font-size:13px;letter-spacing:.04em;font-variant-numeric:tabular-nums}
.reloj__txt{font-size:13px;letter-spacing:.04em}
.reloj__estado{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--online)}


html.con-portada .barra{opacity:0;visibility:hidden;pointer-events:none}
html.con-portada .barra.barra--lista{opacity:1;visibility:visible;pointer-events:auto}


.info{
  position:absolute;left:0;right:0;top:100%;height:calc(100dvh - 100%);overflow:hidden;
  visibility:hidden;pointer-events:none;transition:visibility 0s linear .4s;
}
.barra--info .info{visibility:visible;pointer-events:auto;transition-delay:0s}
.info__vidrio{
  width:100%;height:100%;transform:translateY(-100%);will-change:transform;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ff4421fa;
  transition:transform .4s cubic-bezier(.64,0,.78,0);
}
.barra--info .info__vidrio{transform:translateY(0);transition:transform .45s cubic-bezier(.22,1,.36,1)}
.info__scroll{
  height:100%;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;color:#000;
  padding:60px 20px 20px;outline:0;
}
@media (min-width:1024px){.info__scroll{padding:60px 15px 15px}}
.info__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:15px;row-gap:60px;max-width:1488px;align-content:start;flex:1 0 auto}
.info__sobre{grid-column:1 / -1;order:1}
.info__clientes{order:2}
.info__servicios{order:3}
.info__contacto-m{grid-column:1 / -1;order:4}
.info__col1{display:none}
@media (min-width:1024px){
  .info__grid{grid-template-columns:repeat(8,minmax(0,1fr));row-gap:0;flex:1}
  .info__col1{display:flex;flex-direction:column;gap:26.138px;grid-column:1 / span 2;grid-row:1;order:0}
  .info__sobre{grid-column:3 / span 4;grid-row:1;order:0;display:flex;flex-direction:column;gap:26.138px}
  .info__clientes{grid-column:7;grid-row:1;order:0;display:flex;flex-direction:column;gap:26.138px}
  .info__servicios{grid-column:8;grid-row:1;order:0;display:flex;flex-direction:column;gap:26.138px}
  .info__contacto-m{display:none}
}
.info__sec{display:flex;flex-direction:column;gap:26.138px}
.info__sec--solo-grande{display:flex}
.etiqueta{font-weight:600;text-transform:uppercase;color:var(--etiqueta-info);font-size:13px;letter-spacing:.04em;line-height:16px;margin-bottom:20px}
@media (min-width:1024px){.etiqueta{margin-bottom:0}}
.info__grande{font-size:clamp(20px, 1.25rem + .64vw, 31px);letter-spacing:-.04em;line-height:1.3;display:flex;flex-direction:column;gap:.5em}
.info__grande .sep{margin-top:1em}
.info__parrafos{display:flex;flex-direction:column}
.info__lista{font-size:clamp(20px, 1.25rem + .64vw, 31px);letter-spacing:-.04em;line-height:1.3;display:flex;flex-direction:column}
.info__chico{font-size:clamp(15px, .9375rem + .13vw, 17.426px);letter-spacing:-.04em;line-height:1.5}
@media (min-width:1024px){.info__lista{font-size:clamp(15px, .9375rem + .13vw, 17.426px);line-height:1.5}}
.info a.sub,.info .sub{text-decoration:underline;text-underline-offset:3px}
.palabra{display:inline-flex;align-items:baseline;color:#fff;text-transform:none;transition:opacity .4s var(--ease-brisk);cursor:pointer}
.palabra:hover{opacity:.8}
.palabra .mas{margin-left:.14em;width:.6em;height:.6em;transform:translateY(.04em);transition:transform .4s var(--ease-brisk)}
@media (prefers-reduced-motion:no-preference){.palabra:hover .mas{transform:translateY(.04em) scale(1.25) rotate(90deg)}}
.info-reveal{opacity:0;transform:translateY(16px);transition:opacity .64s var(--ease-reveal),transform .64s var(--ease-reveal)}
.info-reveal[data-open=true]{opacity:1;transform:translateY(0)}
.huevo{
  margin-top:auto;padding-top:60px;color:var(--sombra-info);display:flex;align-items:flex-end;justify-content:space-between;
  user-select:none;cursor:default;
}
@media (min-width:1024px){.huevo{padding-top:40px}}
.huevo__palabra{display:flex;font-weight:500;letter-spacing:-.05em;line-height:.8;font-size:clamp(88px, 11.4vw, 172px);white-space:nowrap}
.huevo__palabra i{font-style:normal;display:inline-block}
.huevo__reg{display:block;font-weight:500;font-size:clamp(56px, 7.5vw, 112px);line-height:.8;padding-bottom:.04em}
.huevo__palabra i,.huevo__reg{transform-box:fill-box}
.huevo.huevo--juega i,.huevo.huevo--juega .huevo__reg{animation:huevo-ola .8s cubic-bezier(.34,1.56,.64,1);animation-delay:calc(var(--i) * 50ms)}
@keyframes huevo-ola{0%{transform:translateY(0)}35%{transform:translateY(-40%)}100%{transform:translateY(0)}}


.portada{position:fixed;inset:0;z-index:40;width:100%;overflow:hidden;background:var(--lienzo);display:none}
html.con-portada .portada{display:block}
.portada__video{position:absolute;inset:0;background:#2a0003;overflow:hidden}
.portada__poster,.portada__v{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.portada__v{opacity:0;transition:opacity .6s var(--ease-brisk)}
.portada__v.listo{opacity:1}
.portada__velo{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,0) 35%,rgba(0,0,0,0) 65%,rgba(0,0,0,.28) 100%)}
.portada__entrar{position:absolute;inset:0;z-index:30;display:block;width:100%;cursor:pointer}
.portada__toque{
  position:absolute;left:50%;bottom:30px;z-index:31;transform:translateX(-50%);pointer-events:none;
  height:31px;padding:0 15px;display:none;align-items:center;font-size:13px;letter-spacing:.01em;white-space:nowrap;color:#fff;
  border-radius:9999px;border:.5px solid #ffffff59;background:#6f6f6f33;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);
  box-shadow:inset 0 .5px 1px #ffffff4d,inset 0 -.5px 1px #0000001a,0 2px 6px #0003;
}
@media (hover:none){.portada__toque{display:flex}}

.barra-portada{
  position:fixed;left:0;right:0;top:calc((100svh - var(--barra-h)) / 2);height:var(--barra-h);z-index:50;
  background:rgba(255,68,33,.97);color:#000;overflow:hidden;pointer-events:none;display:none;
}
html.con-portada .barra-portada{display:block}
.barra-portada__lienzo{position:absolute;left:0;top:0;width:100%;height:100%;display:none;pointer-events:none}
.barra-portada.con-tela .barra-portada__lienzo{display:block}
.barra-portada.con-tela .pista{visibility:hidden}
.pista{display:flex;height:100%;width:max-content;align-items:center;will-change:transform;animation:marquesina 30s linear infinite}
.pista__mitad{display:flex;align-items:center}
.unidad{display:flex;flex-shrink:0;align-items:center;gap:var(--sep);padding-right:var(--sep)}
.unidad__a{display:flex;align-items:center;gap:var(--sep)}
.bloque{display:flex;flex-direction:column;font-size:13px;line-height:16px;letter-spacing:0;white-space:nowrap;font-weight:400}
.bloque b{font-weight:600}
@keyframes marquesina{from{transform:translate3d(var(--desfase,0px),0,0)}to{transform:translate3d(calc(-50% + var(--desfase,0px)),0,0)}}
@keyframes entra-marquesina{from{opacity:0}to{opacity:1}}
.pista[data-intro-pendiente] [data-desvanece],
.pista[data-intro-pendiente] [data-logo]:not([data-superviviente]){opacity:0}
.pista[data-intro-pendiente]{animation:none}

.intro{
  position:fixed;left:0;right:0;top:50svh;height:100svh;transform:translateY(-50%);background:#ff4421;z-index:60;
  display:none;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;
}
html.con-portada .intro{display:flex}
.intro.intro--cierra{z-index:45}
.intro__logo{display:flex;white-space:nowrap;transform-origin:50% 50%;color:#000;will-change:transform}
.intro__logo .logo{font-size:36px}
.intro.intro--cierra .intro__logo{visibility:hidden}
.intro__letra{opacity:0;transition:opacity .6s var(--ease-expo)}
.intro__letra.on{opacity:1}


.pildora{position:fixed;inset:0;z-index:70;display:grid;place-items:center;pointer-events:none}
.pildora__c{display:block;will-change:transform}
.pildora__v{
  display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:9999px;height:30.9375px;width:30.9375px;
  border:.5px solid #ffffff59;background:#6f6f6f33;-webkit-backdrop-filter:blur(6px) saturate(120%);backdrop-filter:blur(6px) saturate(120%);
  box-shadow:inset 0 .5px 1px #ffffff4d,inset 0 -.5px 1px #0000001a,0 2px 6px #0003;
  opacity:0;transform:scale(0);transform-origin:0 100%;
  transition:opacity .12s var(--ease-brisk) .2s,transform .14s var(--ease-grow) .2s,width .18s var(--ease-brisk) 60ms;
}
.pildora__t{font-size:13px;line-height:1;letter-spacing:.01em;white-space:nowrap;color:#fff;opacity:0;transition:opacity .1s var(--ease-brisk)}
.pildora[data-abierta=true] .pildora__v{width:var(--ancho,114px);opacity:1;transform:scale(1);transition:opacity .1s var(--ease-brisk),transform .16s var(--ease-grow),width .24s var(--ease-brisk) .1s}
.pildora[data-abierta=true] .pildora__t{opacity:1;transition:opacity .15s var(--ease-brisk) .26s}
@media (hover:none){.pildora{display:none}}


.trabajos-wrap{display:flex;flex:1;flex-direction:column}
.trabajos{display:flex;flex-direction:column}
@media (min-width:1024px){.trabajos{display:grid;width:100%;grid-template-columns:var(--lateral) 1fr}}
.lateral{display:flex;flex-direction:column}
@media (min-width:1024px){.lateral{position:sticky;top:38px;height:calc(100vh - 38px)}}
.lateral__sub{
  position:sticky;top:60px;z-index:30;display:flex;align-items:center;gap:10px;height:60px;padding:0 20px;background:var(--lienzo);
  font-size:13px;line-height:1;letter-spacing:.04em;
}
@media (min-width:1024px){.lateral__sub{display:none}}
.lateral__atras{display:none;align-items:baseline;gap:20px;padding:15px 15px 10px;font-size:13px;line-height:1;letter-spacing:.04em}
@media (min-width:1024px){.lateral__atras{display:flex}}
.lateral__enlace{color:var(--texto);text-transform:uppercase;transition:color .4s var(--ease-brisk)}
.lateral__enlace:hover{color:var(--naranja)}
.lateral__todos{color:var(--apagado-2);text-transform:uppercase}
.lateral__cuerpo{display:flex;flex-direction:column;gap:15px;padding:40px 20px 15px}
@media (min-width:1024px){.lateral__cuerpo{padding:60px 15px 40px}}
.lateral__h1{font-size:clamp(22px, 1.375rem + .5vw, 28.259px);font-weight:400;letter-spacing:-.02em;line-height:1}
.lateral__nav{display:flex;flex-direction:column;gap:15px}
.lateral__fila{display:flex;align-items:flex-start;gap:30px;font-size:clamp(22px, 1.375rem + .5vw, 28.259px)}
.lateral__todos-btn{color:var(--texto);letter-spacing:-.022em;line-height:1.2;transition:color .4s var(--ease-brisk)}
.lateral__filtrar{color:var(--apagado-2);letter-spacing:-.022em;line-height:1.2;transition:color .4s var(--ease-brisk)}
.lateral__filtrar:hover,.lateral__filtrar[aria-expanded=true]{color:var(--texto)}
.lateral.hay-filtro .lateral__todos-btn{color:var(--apagado-2)}
.lateral.hay-filtro .lateral__todos-btn:hover{color:var(--texto)}
.filtro-icono{display:inline-block;position:relative;vertical-align:-.04em;width:.62em;height:.62em;transition:transform .4s var(--ease-brisk)}
.filtro-icono[data-open=true]{transform:rotate(90deg)}
.filtro-icono span{position:absolute;top:50%;left:50%;background:currentColor;transform-origin:50%}
.filtro-icono span:first-child{width:100%;height:.075em;transform:translate(-50%,-50%) scaleX(1);transition:transform .4s var(--ease-brisk)}
.filtro-icono[data-open=true] span:first-child{transform:translate(-50%,-50%) scaleX(0)}
.filtro-icono span:last-child{width:.075em;height:100%;transform:translate(-50%,-50%)}
.filtro-wrap{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1) .3s}
.filtro-wrap[data-open=true]{grid-template-rows:1fr;transition-delay:0s}
.filtro-lista{display:flex;flex-direction:column;min-height:0;overflow:hidden;font-size:clamp(22px, 1.375rem + .5vw, 28.26px);letter-spacing:-.02em;line-height:1.2}
.filtro-item{opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease-reveal),transform .4s var(--ease-reveal)}
.filtro-item[data-open=true]{opacity:1;transform:translateY(0)}
.filtro-item button{display:block;width:100%;padding:2px 0;text-align:left;color:var(--apagado-2);transition:color .4s var(--ease-brisk)}
.filtro-item button:hover,.filtro-item button[aria-pressed=true]{color:var(--texto)}

.lista{display:flex;min-width:0;flex-direction:column;padding:15px 20px 0}
@media (min-width:1024px){.lista{padding:15px 15px 0 0}}
.lista__filas{display:flex;flex-direction:column}


.fila{--cinta-cap:18px;display:flex;flex-direction:column;padding-bottom:15px}
.cinta{--cinta-base:188.781px;--cinta-escala:1;--cinta-h:calc(var(--cinta-base) * var(--cinta-escala));position:relative;width:calc(100% + 40px);margin-inline:-20px;overflow:hidden}
@media (min-width:1024px){.cinta{width:100%;margin-inline:0}}
@media (min-width:1550px){
  .cinta{--cinta-h:calc(var(--cinta-base) * 1.25 * var(--cinta-escala))}
  .cinta .cinta__pista{animation-duration:calc(var(--cinta-dur, 50s) * 1.25)}
}
.cinta__pista{display:flex;width:max-content;align-items:center;animation:cinta var(--cinta-dur,50s) linear infinite;will-change:transform}
.cinta__grupo{display:flex;align-items:center;gap:15px;padding-right:15px;flex-shrink:0}
@keyframes cinta{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.pieza{position:relative;display:block;flex-shrink:0;overflow:hidden;height:var(--cinta-h);border-radius:var(--radio);background:var(--lienzo)}
.pieza:focus-visible{outline:2px solid var(--naranja);outline-offset:-2px}
.pieza img{width:100%;height:100%;object-fit:cover;filter:contrast(1.03) saturate(1.04);opacity:0;transition:opacity .5s var(--ease-brisk)}
.pieza img.listo{opacity:1}
html:not(.js) .pieza img{opacity:1}
.fila__pie{
  display:flex;align-items:baseline;justify-content:space-between;margin-top:15px;line-height:var(--cinta-cap);
  font-size:clamp(13px, .8125rem + .16vw, 15px);letter-spacing:-.02em;
}
@media (min-width:1024px){.fila__pie{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}}
.fila__titulo{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--texto)}
.fila__lema{display:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;color:var(--apagado)}
.fila__ver{flex-shrink:0;color:var(--apagado)}
@media (min-width:1024px){
  .fila__titulo{grid-column:1}
  .fila__lema{display:block;grid-column:2}
  .fila__ver{grid-column:3;justify-self:end}
}
@media (hover:hover){
  .fila .pieza{transition:height .4s var(--ease-grow),width .4s var(--ease-grow)}
  .fila .fila__pie{max-height:var(--cinta-cap);overflow:hidden;transition:margin-top .4s var(--ease-grow),max-height .4s var(--ease-grow),opacity .4s var(--ease-brisk)}
  .fila:hover .fila__pie{opacity:0;max-height:0;margin-top:0}
  .fila:hover .cinta{--cinta-h:calc(var(--cinta-base) * var(--cinta-escala) + var(--cinta-cap) + 15px)}
}
@media (hover:hover) and (min-width:1550px){
  .fila:hover .cinta{--cinta-h:calc(var(--cinta-base) * 1.25 * var(--cinta-escala) + var(--cinta-cap) + 15px)}
}
.fila[hidden]{display:none}
.vacio{padding:30px 0;color:var(--apagado);font-size:15px}
.pie{height:60px;padding-top:25px;font-size:13px;line-height:16px;letter-spacing:.04em;color:var(--apagado)}
.pie a{color:var(--texto);text-decoration:underline;text-underline-offset:3px}
.pie a:hover{color:var(--naranja)}


.popup{position:fixed;inset:0;z-index:80}
.popup__fondo{position:absolute;inset:0;background:#00000080;opacity:0;transition:opacity .4s ease-in-out}
@media (min-width:1024px){.popup__fondo{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000001a}}
.popup--abierto .popup__fondo{opacity:1}
.popup__scroll{position:absolute;inset:0;overflow-y:auto;overscroll-behavior:contain}
.popup__caja{display:flex;min-height:100%;justify-content:center;pointer-events:none}
.popup__tarjeta{
  pointer-events:auto;position:absolute;left:0;right:0;top:25svh;bottom:0;overflow-y:auto;overscroll-behavior:contain;background:#fff;color:var(--negro);
  border-radius:19.2px 19.2px 0 0;transform:translateY(100%);transition:transform .4s cubic-bezier(.64,0,.78,0);outline:0;
}
.popup--abierto .popup__tarjeta{transform:translateY(0);transition:transform .666s var(--ease-expo)}
.popup__asa{position:sticky;top:0;z-index:1;display:flex;height:40px;width:100%;align-items:center;justify-content:center;background:#fff}
.popup__asa span{display:block;height:4px;width:69px;border-radius:50px;background:#d9d9d9}
.popup__cuerpo{padding:0 20px 0}
.popup__cerrar{
  position:absolute;top:88px;left:50%;margin-left:212.5px;display:none;height:30px;width:30px;align-items:center;justify-content:center;border-radius:9999px;
  border:2px solid var(--texto);color:var(--texto);opacity:0;transform:scale(.4);transition:opacity .2s,transform .2s,background-color .4s var(--ease-brisk);
}
.popup__cerrar:hover{background:rgba(255,255,255,.1)}
.popup__cerrar svg{width:7px;height:7px}
@media (min-width:1024px){
  .popup__tarjeta{position:relative;top:auto;bottom:auto;left:auto;right:auto;width:393px;height:fit-content;margin:88px 0 40px;overflow:hidden;border-radius:19.2px;opacity:0;transform:translateY(120px);transition:opacity .4s,transform .4s cubic-bezier(.64,0,.78,0)}
  .popup--abierto .popup__tarjeta{opacity:1;transform:translateY(0);transition:opacity .666s var(--ease-expo),transform .666s var(--ease-expo)}
  .popup__asa{display:none}
  .popup__cuerpo{padding-top:40px}
  .popup__cerrar{display:flex}
  .popup--abierto .popup__cerrar{opacity:1;transform:scale(1);transition-delay:.3s;transition-timing-function:cubic-bezier(.34,1.56,.64,1)}
}
.popup__col{display:flex;flex-direction:column;gap:30px}
.popup__bloque{display:flex;flex-direction:column;gap:20px}
.popup__etiq{font-size:12px;line-height:30px;font-weight:600;letter-spacing:-.02em;color:var(--negro)}
.popup__titulo{font-size:30px;line-height:35px;font-weight:400;letter-spacing:-.02em;color:var(--negro)}
.popup__texto{display:flex;flex-direction:column;gap:1em;font-size:16px;line-height:24px;color:#8a8484}
.popup__oferta{display:flex;flex-direction:column;gap:20px}
.popup__oferta-et{font-size:12px;line-height:30px;font-weight:600;color:var(--naranja)}
.popup__oferta-ul{display:flex;flex-direction:column;gap:20px}
.popup__oferta-ul b{display:block;font-size:13px;line-height:20px;font-weight:600;letter-spacing:.02em;color:var(--negro)}
.popup__oferta-ul b i{font-style:normal;color:var(--naranja)}
.popup__oferta-ul span{display:block;font-size:16px;line-height:24px;color:#8a8484}
.popup__cinta-wrap{margin:40px -20px 0}
.contacto-cinta{display:flex;min-height:65px;width:100%;align-items:center;overflow:hidden;background:var(--naranja);transition:filter .35s var(--ease-brisk)}
.contacto-cinta .pista-c{display:flex;width:max-content;align-items:center;animation:marquesina 30s linear infinite}
.contacto-cinta .mitad-c{display:flex;align-items:center}
.contacto-cinta .item-c{display:flex;flex-shrink:0;align-items:center;white-space:nowrap;font-size:clamp(22px, 1.375rem + .5vw, 28.259px);letter-spacing:-.02em;padding-right:clamp(2rem, 1rem + 3vw, 5rem)}
.contacto-cinta .item-c .frase{color:var(--texto);font-weight:400}
.contacto-cinta .item-c .cta{font-weight:600;color:var(--negro);padding-left:clamp(2rem, 1rem + 3vw, 5rem)}
.flecha{--sz:22px;position:relative;display:inline-flex;flex-shrink:0;width:var(--sz);height:var(--sz);overflow:hidden;border-radius:9999px;margin-left:clamp(10px, .5rem + .5vw, 16px);color:var(--negro)}
@media (min-width:1024px){.flecha{--sz:28px}}
.flecha__pista{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;transform:translateY(-44px)}
@media (min-width:1024px){.flecha__pista{transform:translateY(-56px)}}
.flecha__g,.flecha__h{flex:0 0 var(--sz);width:var(--sz);height:var(--sz);display:block}
.flecha__aro{position:absolute;inset:0;z-index:2;width:100%;height:100%;pointer-events:none}
@media (hover:hover){
  .contacto-cinta:hover{filter:brightness(.5);transition-duration:.25s}
  .contacto-cinta:hover .flecha__pista{animation:flecha-tiro-m .7s cubic-bezier(.83,0,.17,1)}
}
@media (hover:hover) and (min-width:1024px){.contacto-cinta:hover .flecha__pista{animation-name:flecha-tiro-d}}
@keyframes flecha-tiro-m{from{transform:translateY(-44px)}to{transform:translateY(0)}}
@keyframes flecha-tiro-d{from{transform:translateY(-56px)}to{transform:translateY(0)}}


@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
  .pista,.cinta__pista,.contacto-cinta .pista-c{animation:none!important;transform:none!important}
  .flecha__pista{animation:none!important;transform:translateY(-44px)!important}
  .info-reveal{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce) and (min-width:1024px){.flecha__pista{transform:translateY(-56px)!important}}
html.sin-portada .portada,html.sin-portada .barra-portada,html.sin-portada .intro{display:none}
html:not(.js) .portada,html:not(.js) .barra-portada,html:not(.js) .intro{display:none}