
:root{
  --cy:#0A93C4;
  --cy-ink:#0B4E66;
  --cy-soft:#E6F4F9;
  --adc-op:.24;
}

.fly-cinta--cy{background:var(--cy);color:var(--black)}
.cmp--cy .cmp-fr{background:var(--cy)}
.cmp--cy .cmp-fr span{color:var(--black)}
.camp-f--cy{background:var(--cy-ink)}
.camp-f--cy span{color:#BFE3F0}
.camp-f--cy em{color:#fff}
.label--cy{color:var(--cy-ink)}
.s--dark .label--cy{color:var(--cy)}
.btn--cy{background:var(--cy);color:var(--black);border-color:var(--cy)}
.btn--cy:hover{background:var(--black);color:var(--bone);border-color:var(--black)}
.s--cy{background:var(--cy-soft)}

.adc{display:block;position:relative;height:0;pointer-events:none}
.adc::before{
  content:"";position:absolute;top:0;display:block;
  z-index:-1;pointer-events:none;opacity:var(--adc-op);
  background-repeat:no-repeat;background-position:center;background-size:contain;
}
.adc.camp--espera::before,.adc.camp--cerrada::before{content:none}

.adc--i::before{left:8px}
.adc--d::before{right:8px}
.adc--dentro.adc--i::before{left:auto;right:calc(100% + 8px)}
.adc--dentro.adc--d::before{right:auto;left:calc(100% + 8px)}
.adc--medio::before{transform:translateY(-50%)}
.adc--sube::before{transform:translateY(-100%)}
.adc--giro::before{rotate:-14deg}
.adc--giro2::before{rotate:12deg}

.adc--etiqueta.adc--g::before{width:132px;height:154px}
.adc--etiqueta.adc--m::before{width:104px;height:121px}
.adc--etiqueta.adc--p::before{width:80px;height:93px}
.adc--rayo.adc--g::before{width:108px;height:180px}
.adc--rayo.adc--m::before{width:84px;height:140px}
.adc--rayo.adc--p::before{width:66px;height:110px}
.adc--cursor.adc--g::before{width:140px;height:150px}
.adc--cursor.adc--m::before{width:110px;height:118px}
.adc--cursor.adc--p::before{width:86px;height:92px}
.adc--regalo.adc--g::before{width:150px;height:150px}
.adc--regalo.adc--m::before{width:118px;height:118px}
.adc--regalo.adc--p::before{width:92px;height:92px}

.adc--etiqueta::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 140'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%2362CDF0'/%3E%3Cstop offset='.55' stop-color='%230A93C4'/%3E%3Cstop offset='1' stop-color='%23077AA6'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230B4E66'/%3E%3Cstop offset='1' stop-color='%23062E3C'/%3E%3C/linearGradient%3E%3ClinearGradient id='c' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='62' cy='134' rx='32' ry='5' fill='%23111' opacity='.16'/%3E%3Cpath d='M32 12h60q8 0 8 8v78l-38 36-38-36V20q0-8 8-8z' fill='url(%23b)'/%3E%3Cpath d='M26 6h60q8 0 8 8v78l-38 36-38-36V14q0-8 8-8z' fill='url(%23a)'/%3E%3Cpath d='M26 6h60q8 0 8 8v34H18V14q0-8 8-8z' fill='url(%23c)'/%3E%3Ccircle cx='56' cy='24' r='7' fill='%23F7F5F1'/%3E%3Ccircle cx='56' cy='24' r='7' fill='none' stroke='%23062E3C' stroke-width='2'/%3E%3Cpath d='M56 17c-4-10-22-14-34-4' fill='none' stroke='%237C776F' stroke-width='3' stroke-linecap='round'/%3E%3Ctext x='57' y='96' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='52' fill='%23F7F5F1' text-anchor='middle'%3E%25%3C/text%3E%3Ctext x='60' y='99' font-family='Arial Black,Arial,sans-serif' font-weight='900' font-size='52' fill='%23062E3C' text-anchor='middle' opacity='.35'%3E%25%3C/text%3E%3C/svg%3E");
}
.adc--rayo::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 90 150'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23B9EDFF'/%3E%3Cstop offset='.5' stop-color='%2331B3DF'/%3E%3Cstop offset='1' stop-color='%230A93C4'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%230B4E66'/%3E%3Cstop offset='1' stop-color='%23062E3C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='42' cy='144' rx='22' ry='4' fill='%23111' opacity='.16'/%3E%3Cpath d='M58 10L20 88h28L36 146l44-84H54z' fill='url(%23b)'/%3E%3Cpath d='M52 4L14 82h28L30 140l44-84H48z' fill='url(%23a)'/%3E%3Cpath d='M52 4L14 82h28L30 140' fill='none' stroke='%23fff' stroke-width='2.5' stroke-linejoin='round' opacity='.7'/%3E%3Cpath d='M48 56h26L30 140l7-40' fill='%23062E3C' opacity='.18'/%3E%3C/svg%3E");
}
.adc--cursor::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 130'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0' stop-color='%23FFFFFF'/%3E%3Cstop offset='1' stop-color='%23D9D4CC'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none' stroke='%230A93C4' stroke-width='5' stroke-linecap='round'%3E%3Cpath d='M22 30a26 26 0 0 1 26-26'/%3E%3Cpath d='M9 30a39 39 0 0 1 39-39' opacity='.55'/%3E%3Cpath d='M-4 30a52 52 0 0 1 52-52' opacity='.3'/%3E%3C/g%3E%3Cellipse cx='66' cy='124' rx='26' ry='4' fill='%23111' opacity='.16'/%3E%3Cpath d='M54 42v78l18-16 12 28 14-6-12-28h24z' fill='%23062E3C'/%3E%3Cpath d='M48 36v78l18-16 12 28 14-6-12-28h24z' fill='url(%23a)' stroke='%23111' stroke-width='3' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.adc--regalo::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 130 130'%3E%3Cdefs%3E%3ClinearGradient id='a' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2331B3DF'/%3E%3Cstop offset='1' stop-color='%230A93C4'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%230B4E66'/%3E%3Cstop offset='1' stop-color='%23062E3C'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cellipse cx='66' cy='124' rx='44' ry='5' fill='%23111' opacity='.16'/%3E%3Cpath d='M22 62h72v58H22z' fill='url(%23a)'/%3E%3Cpath d='M94 62l18-14v58L94 120z' fill='url(%23b)'/%3E%3Cpath d='M16 50h82v14H16z' fill='%2362CDF0'/%3E%3Cpath d='M98 50l18-14v14L98 64z' fill='%230B4E66'/%3E%3Cpath d='M16 50l18-14h82L98 50z' fill='%23B9EDFF'/%3E%3Cpath d='M52 64h12v56H52z' fill='%23E5231F'/%3E%3Cpath d='M52 50h12v14H52z' fill='%23FF4D49'/%3E%3Cpath d='M52 50l18-14h12L70 50z' fill='%23FF4D49'/%3E%3Cpath d='M58 34c-6-16-30-14-24-2 4 8 16 6 24 2zm0 0c6-16 30-14 24-2-4 8-16 6-24 2z' fill='%23E5231F' stroke='%23A6120E' stroke-width='2' stroke-linejoin='round'/%3E%3Ccircle cx='58' cy='34' r='4' fill='%23A6120E'/%3E%3C/svg%3E");
}

.adc--sobre::before{display:none}
@media(min-width:1340px){ .adc--sobre::before{display:block;z-index:1} }

@media(max-width:760px){
  .adc::before{transform-origin:top left;scale:.74}
  .adc--d::before{transform-origin:top right}
  .adc--i::before{left:2px}
  .adc--d::before{right:2px}
}


.cmp--cy{--cc:#0A93C4}
.cmp--cy .cmp-kk,.cmp--cy .cmp-nn{color:#61C4E8}

.carr.camp--espera,.carr-slide.camp--espera,.camp-bl.camp--espera{display:none}

.cmk:not(.camp--durante):not(.camp--extendido){display:none!important}
.ficha-cinta--an-cyber b{color:#61C4E8}

.bnr[data-camp].camp--durante,.bnr[data-camp].camp--extendido,
.bnr[data-camp].camp--despues,.bnr[data-camp].camp--cerrada{display:none}

.rejilla > .sf{grid-column:1/-1}

.b3d{margin:0 0 var(--sp-5,24px);perspective:900px}
.ph .b3d,.camp-bl .b3d{margin-top:var(--sp-3,12px)}
.b3d-in{
  position:relative;text-align:center;padding:22px 16px 22px;border-radius:16px;
  background:linear-gradient(160deg,#0B4E66 0%,#073747 62%,#04222D 100%);
  color:#fff;transform:rotateX(12deg);transform-origin:50% 100%;
  box-shadow:0 2px 0 #0A93C4,0 4px 0 #0885B2,0 6px 0 #0776A0,0 8px 0 #06678C,0 10px 0 #055876,
             0 24px 30px rgba(0,0,0,.32);
  animation:b3d-flota 4.5s ease-in-out infinite;
}
.b3d-in::before{  
  content:"";position:absolute;inset:0 0 55% 0;border-radius:16px 16px 0 0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,0));
}
.b3d-k{
  display:inline-block;font-size:.66rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;
  background:var(--cy);color:var(--black);padding:5px 12px;border-radius:99px;margin-bottom:12px;
}
.b3d-t{
  display:block;font-size:clamp(1.9rem,8vw,3.6rem);font-weight:900;line-height:1;
  letter-spacing:-.02em;text-transform:uppercase;color:#fff;
  text-shadow:0 1px 0 #D6EEF7,0 2px 0 #9BD8EE,0 3px 0 #62C3E6,0 4px 0 #31B3DF,
              0 5px 0 #0A93C4,0 6px 0 #0885B2,0 7px 0 #0776A0,0 8px 0 #06678C,
              0 16px 20px rgba(0,0,0,.45);
}
.b3d-s{display:block;margin:16px auto 0;max-width:34ch;font-size:.92rem;line-height:1.45;color:#BFE3F0}
.b3d-s b{color:#fff}
@keyframes b3d-flota{0%,100%{transform:rotateX(12deg) translateY(0)}50%{transform:rotateX(8deg) translateY(-5px)}}
@media (prefers-reduced-motion:reduce){ .b3d-in{animation:none} }

.pan-ej{
  position:relative;display:block;width:100%;max-width:260px;margin:var(--sp-4,16px) auto 0;
  border-radius:12px;overflow:hidden;background:#000;color:#fff;text-decoration:none;
}
.pan-ej img,.pan-ej video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#000}
.pan-ej img{opacity:.88}
.pan-ej-t{
  position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;
  padding:14px 12px;font-size:.84rem;font-weight:800;line-height:1.25;
  background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.82) 45%);
}
.pan-ej-t i{
  flex:0 0 40px;height:40px;display:grid;place-items:center;border-radius:50%;
  background:var(--cy);color:var(--black);font-style:normal;font-size:.95rem;
}
.pan-ej:focus-visible{outline:3px solid var(--cy);outline-offset:3px}

.bases-li{max-width:68ch;font-size:.88rem}
.bases-li li{margin-bottom:10px}

.pan-ejw{display:flex;width:100%;margin-top:var(--sp-4,16px)}

.reloj{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:14px 0 6px}
.reloj[hidden]{display:none}
.reloj-t{font-size:.72rem;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--cy-ink)}
.est-ok .reloj-t .est.on{display:inline}
.reloj-n{display:flex;gap:6px}
.reloj-n b{display:flex;flex-direction:column;align-items:center;min-width:54px;padding:8px 6px 6px;border-radius:10px;
  background:#111;color:#fff;box-shadow:0 3px 0 var(--cy)}
.reloj-n i{font-style:normal;font-size:1.35rem;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}
.reloj-n small{margin-top:4px;font-size:.52rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#BFE3F0}
.camp-bl .reloj{margin:12px 0 4px}
