/* ClaimWise - escena viva de la portada.
   Se carga SOLO en index.html: la clase .hero existe en 89 paginas mas y
   aqui reescribiria la cabecera de todas. Cada selector va bajo #escena
   para ganar en especificidad a estilos.min.css sin usar !important. */


@property --c1{syntax:'<color>';inherits:false;initial-value:#1F58E0}
@property --c2{syntax:'<color>';inherits:false;initial-value:#2F7BFF}
@property --c3{syntax:'<color>';inherits:false;initial-value:#9AC4FF}#escena{
  --lima:#8FF0C0;
  --follaje:#7BD88F;--follaje2:#5EC077;--suelo:#5FB873;
  --nube:#fff;--edif:#2B4270;--edif2:#1E3159;--vent:rgba(255,255,255,.32);
  --calle:#2A3550;--carril:rgba(255,255,255,.5);
}#escena{position:relative;overflow:hidden;padding:104px 0 0;
  background:linear-gradient(180deg,var(--c1) 0%,var(--c2) 46%,var(--c3) 100%);
  transition:--c1 2.6s ease,--c2 2.6s ease,--c3 2.6s ease}#escena .capa{position:absolute;inset:0;pointer-events:none}#escena .astro{position:absolute;top:0;left:0;z-index:2;border-radius:50%;
  transition:opacity 1.8s ease,transform 2.6s ease}#escena .sol{width:104px;height:104px;
  background:radial-gradient(circle,#FFFDF2 0%,#FFE9A0 46%,rgba(255,214,110,0) 72%);
  box-shadow:0 0 130px 46px rgba(255,226,140,.55)}#escena .luna{width:74px;height:74px;
  background:radial-gradient(circle at 36% 32%,#fff 0%,#D9E6FB 56%,rgba(217,230,251,0) 74%);
  box-shadow:0 0 92px 30px rgba(190,214,255,.34)}#escena .estrella{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;
  opacity:0;transition:opacity 1.8s ease;z-index:1}#escena .noche .estrella{opacity:.9;animation:titila 3.4s ease-in-out infinite}
@keyframes titila{0%,100%{opacity:.2}50%{opacity:1}}#escena .nube{position:absolute;z-index:3;opacity:.92;transition:opacity 1.6s ease}#escena .nube i{position:absolute;background:var(--nube);border-radius:50%;
  box-shadow:0 10px 30px rgba(20,50,120,.14);transition:background 2.6s ease}#escena .bandada{position:absolute;z-index:4;opacity:0;transition:opacity 1.4s ease}#escena .dia-claro .bandada{opacity:.9}#escena .bandada svg{width:100%;height:100%;overflow:visible}#escena .ave{stroke:#20335C;stroke-width:2.4;fill:none;stroke-linecap:round;
  animation:aletea 0.62s ease-in-out infinite}
@keyframes aletea{0%,100%{d:path('M0 6 Q7 0 14 6')}50%{d:path('M0 2 Q7 9 14 2')}}
@keyframes cruza{from{transform:translateX(-160px)}to{transform:translateX(calc(100vw + 160px))}}#escena .colinas{position:absolute;left:0;right:0;bottom:196px;height:120px;z-index:5}#escena .colinas svg{width:100%;height:100%;display:block}#escena .cerro{fill:var(--suelo);transition:fill 2.6s ease;opacity:.55}#escena .copa{fill:var(--follaje);transition:fill 2.6s ease}#escena .copa2{fill:var(--follaje2);transition:fill 2.6s ease}#escena .tronco{fill:#6B4A2F}#escena .ciudad{position:absolute;left:0;right:0;bottom:142px;height:200px;z-index:6}#escena .ciudad svg{width:100%;height:100%;display:block}#escena .edif{fill:var(--edif);transition:fill 2.6s ease}#escena .edif2{fill:var(--edif2);transition:fill 2.6s ease}#escena .vent{fill:var(--vent);transition:fill 2.6s ease}#escena .noche .vl{fill:#FFD27A;animation:parpadea 4.6s ease-in-out infinite}#escena .noche .vl.b{fill:var(--lima);animation-delay:1.9s}#escena .noche .vl.c{fill:#FFB05C;animation-delay:3.1s}
@keyframes parpadea{0%,100%{opacity:1}46%{opacity:.3}}#escena .humo-capa{position:absolute;left:0;right:0;bottom:142px;height:200px;z-index:6;
  overflow:visible;pointer-events:none}#escena .humito{position:absolute;border-radius:50%;background:#fff;filter:blur(3px);
  will-change:transform,opacity;animation:humea linear infinite}
@keyframes humea{
  0%  {transform:translate(0,0) scale(.35);opacity:0}
  14% {opacity:.5}
  55% {opacity:.34}
  100%{transform:translate(var(--deriva,16px),-96px) scale(2.2);opacity:0}}#escena .antena{stroke:#FF5A5A;stroke-width:3;animation:baliza 1.9s ease-in-out infinite}
@keyframes baliza{0%,100%{opacity:.25}50%{opacity:1}}#escena .acera-viva{position:absolute;left:0;right:0;bottom:96px;height:46px;z-index:7;
  background:linear-gradient(180deg,color-mix(in srgb,var(--calle) 62%,#fff) 0%,
    color-mix(in srgb,var(--calle) 74%,#fff) 100%);
  transition:background 2.6s ease;overflow:hidden}#escena .acera-viva::after{content:'';position:absolute;left:0;right:0;bottom:0;height:4px;
  background:rgba(0,0,0,.16)}#escena .calle{position:absolute;left:0;right:0;bottom:0;height:96px;z-index:7;
  background:linear-gradient(180deg,var(--calle) 0%,color-mix(in srgb,var(--calle) 80%,#000) 100%);
  transition:background 2.6s ease;overflow:hidden}#escena .acera{position:absolute;left:0;right:0;top:0;height:9px;
  background:rgba(255,255,255,.22)}#escena .raya{position:absolute;left:0;right:0;top:48px;height:3px;
  background:repeating-linear-gradient(90deg,var(--carril) 0 34px,transparent 34px 74px);
  transition:background 2.6s ease}#escena .auto{position:absolute;width:96px;height:38px;will-change:transform}#escena .auto svg{width:100%;height:100%;display:block}#escena .auto.izq{animation:pasaD linear infinite}#escena .auto.der{animation:pasaI linear infinite}
@keyframes pasaD{from{transform:translateX(-140px)}to{transform:translateX(calc(100vw + 140px))}}
@keyframes pasaI{from{transform:translateX(calc(100vw + 140px)) scaleX(-1)}
  to{transform:translateX(-140px) scaleX(-1)}}#escena .faro{fill:#FFE9A8;opacity:0;transition:opacity 1.6s ease}#escena .noche .faro{opacity:1}#escena .piloto{fill:#FF6B6B;opacity:0;transition:opacity 1.6s ease}#escena .noche .piloto{opacity:.95}#escena .particulas{position:absolute;inset:0;z-index:8;overflow:hidden;opacity:0;
  transition:opacity 1.2s ease}#escena .lloviendo .particulas.lluvia,#escena .nevando .particulas.nieve{opacity:1}#escena .gota{position:absolute;width:1.6px;height:18px;border-radius:2px;
  background:linear-gradient(180deg,rgba(200,222,255,0),rgba(190,215,255,.95));
  animation:cae linear infinite}
@keyframes cae{to{transform:translateY(110vh)}}#escena .copo{position:absolute;width:6px;height:6px;border-radius:50%;background:#fff;
  opacity:.92;animation:nieva linear infinite}
@keyframes nieva{
  0%{transform:translate(0,-40px) rotate(0)}
  100%{transform:translate(var(--dx,30px),110vh) rotate(360deg)}}#escena .velo-reposo{position:absolute;inset:0;z-index:10;background:rgba(4,10,26,0);
  transition:background 2.4s ease}#escena .dormido .velo-reposo{background:rgba(4,10,26,.34)}#escena .hero-grid{position:relative;z-index:12;display:grid;grid-template-columns:1.04fr .96fr;
  gap:52px;align-items:center;padding-top:58px;padding-bottom:340px}#escena .col-txt{position:relative}#escena .col-txt::before{content:'';position:absolute;inset:-34px -44px -26px -44px;border-radius:30px;
  z-index:-1;background:linear-gradient(100deg,rgba(5,12,30,.74) 0%,rgba(5,12,30,.68) 66%,
  rgba(5,12,30,.44) 88%,rgba(5,12,30,0) 100%)}#escena .pastilla{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;
  color:#0B3A28;background:var(--lima);border-radius:999px;padding:7px 15px}#escena .pastilla .pt{width:7px;height:7px;border-radius:50%;background:#0B3A28}#escena h1{font-size:clamp(35px,5.2vw,56px);margin:18px 0 0;color:#fff;
  text-shadow:0 2px 28px rgba(4,14,40,.45)}#escena h1 .az{color:var(--lima)}#escena .sub{font-size:18px;color:#fff;margin:18px 0 0;max-width:560px;
  text-shadow:0 1px 18px rgba(4,14,40,.5)}#escena .acciones{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}#escena .btn{display:inline-block;padding:13px 22px;border-radius:10px;font-weight:600;font-size:15px;
  text-decoration:none;transition:transform .18s ease,background .18s ease}#escena .btn-p{background:var(--lima);color:#08301F}#escena .btn-p:hover{transform:translateY(-2px)}#escena .btn-s{background:rgba(6,16,40,.46);color:#fff;border:1px solid rgba(255,255,255,.62);
  backdrop-filter:blur(4px)}#escena .btn-s:hover{background:rgba(6,16,40,.62)}#escena .hero-nota{display:flex;align-items:center;gap:9px;margin-top:20px;font-size:13.5px;color:#fff;
  text-shadow:0 1px 14px rgba(4,14,40,.55)}#escena .hero-nota svg{width:16px;height:16px;stroke:var(--lima);fill:none;stroke-width:2.8;flex:0 0 16px}#escena .carta{background:#fff;border-radius:18px;padding:24px;box-shadow:0 30px 70px rgba(4,16,50,.34);
  transform:rotate(-.5deg)}#escena .carta-cab{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;
  border-bottom:1px solid var(--linea);margin-bottom:16px}#escena .carta-cab .de{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--gris)}#escena .carta-cab .tag{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.08em;
  color:#B0273B;background:#FDECEF;padding:4px 10px;border-radius:6px}#escena .linea-doc{height:9px;border-radius:5px;background:#EEF2F7;margin-bottom:8px}#escena .c1{width:100%}#escena .c2{width:72%}#escena .c3{width:86%}#escena .carta p{color:#3C4857;line-height:1.75;font-size:15px}#escena .jerga{background:#FDF3E3;border-bottom:2px solid var(--ambar);padding:1px 4px;border-radius:3px}#escena .trad{display:flex;gap:11px;background:#E4F6EE;border-left:3px solid var(--verde);
  border-radius:0 10px 10px 0;padding:13px 15px;margin-top:12px}#escena .trad .ic{width:20px;height:20px;border-radius:50%;background:var(--verde);display:grid;
  place-items:center;flex:0 0 20px}#escena .trad .ic svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:3.4}#escena .trad p{font-size:14px;line-height:1.65}#escena .carta-pie{margin-top:16px;padding-top:14px;border-top:1px solid var(--linea);font-size:12.5px;
  color:#8A96A5;text-align:center}#escena .panel-modo{position:absolute;top:120px;left:22px;z-index:13;display:flex;flex-direction:column;
  gap:9px;align-items:flex-start}#escena .etiqueta{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;
  letter-spacing:.05em;padding:7px 14px;border-radius:999px;background:rgba(6,16,38,.62);
  border:1px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(8px)}#escena #txt-estado{display:inline-block;min-width:186px}#escena .etiqueta .vivo{width:7px;height:7px;border-radius:50%;background:var(--lima);
  animation:late 2.1s ease-in-out infinite}
@keyframes late{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}#escena .modos{display:flex;gap:3px;padding:3px;border-radius:999px;background:rgba(6,16,38,.62);
  border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px)}#escena .modos button{border:0;background:transparent;cursor:pointer;font:inherit;font-size:11.5px;
  font-weight:700;letter-spacing:.04em;padding:7px 14px;border-radius:999px;
  color:rgba(255,255,255,.82);display:flex;align-items:center;gap:6px;transition:all .2s ease}#escena .modos button svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2.2}#escena .modos button[aria-pressed="true"]{background:var(--lima);color:#08301F}#escena .modos button:focus-visible{outline:2px solid #fff;outline-offset:2px}

@media(max-width:900px){#escena{padding-top:158px}#escena .hero-grid{grid-template-columns:1fr;gap:34px;padding-top:42px;padding-bottom:300px}#escena .panel-modo{top:86px}#escena .nav-links{display:none}#escena .colinas{bottom:168px;height:86px}#escena .ciudad{bottom:112px;height:150px}#escena .humo-capa{bottom:112px;height:150px}#escena .acera-viva{bottom:76px;height:36px}#escena .calle{height:76px}#escena .raya{top:38px}#escena .auto{width:74px;height:30px}
}
@media(prefers-reduced-motion:reduce){#escena .nube i,#escena .humito,#escena .gota,#escena .copo,#escena .estrella,#escena .vl,#escena .ave,#escena .bandada,#escena .auto,#escena .antena,#escena .etiqueta .vivo{animation:none!important}#escena,#escena .astro,#escena .velo-reposo,#escena .edif,#escena .edif2,#escena .vent,#escena .copa,#escena .copa2,#escena .cerro,#escena .calle,#escena .raya{transition:none!important}#escena .particulas{display:none}#escena .auto,#escena .bandada{display:none}
}