.clima-hero{position:relative;overflow:hidden}.clima-hero>img{z-index:0;object-fit:cover;object-position:center 45%;width:100%;height:100%;position:absolute;inset:0}.clima-hero:after{content:"";z-index:1;background:linear-gradient(180deg, #0a0e1299 0%, #0a0e126b 55%, var(--bg-0) 100%);position:absolute;inset:0}.clima-hero .hero-content{z-index:2;padding:26px 0;position:relative}.hero-eyebrow{color:var(--accent);letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px;font-size:12px;font-weight:500}.clima-hero h1{font-family:var(--font-display);text-wrap:balance;color:var(--ink-0);text-shadow:0 2px 24px #0000008c;font-size:clamp(28px,4.5vw,44px);font-weight:800;line-height:1.1}.geo-chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.chip.fiesta i{color:var(--warn)}#aemet-alerts-container{flex-direction:column;gap:12px;display:flex}.aemet-alert-card{background:var(--bg-1);border:1px solid var(--line);border-left:3px solid var(--warn);border-radius:var(--radius);flex-direction:column;gap:10px;padding:16px 18px;display:flex}.aemet-level-naranja{border-left-color:var(--th-high)}.aemet-level-rojo{border-left-color:var(--th-vhigh)}.aemet-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.aemet-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:10px;font-size:14.5px;font-weight:600;display:flex}.aemet-level-amarillo .aemet-title{color:var(--warn)}.aemet-level-naranja .aemet-title{color:var(--th-high)}.aemet-level-rojo .aemet-title{color:var(--th-vhigh)}.aemet-body{color:var(--ink-1);flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:12.5px;display:flex}.aemet-time{align-items:center;gap:6px;display:flex}.aemet-time i{color:var(--ink-2)}.aemet-time strong{color:var(--ink-1);font-weight:500}.aemet-zones{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.zone-badge{background:var(--bg-2);border:1px solid var(--line);color:var(--ink-1);border-radius:5px;padding:2px 8px;font-size:11.5px}.aemet-clean{color:var(--accent);background:var(--accent-dim);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:7px 16px;font-size:12.5px;font-weight:500;display:inline-flex}#info-container{flex-direction:column;gap:34px;display:flex}.info-row .card-header{flex-wrap:wrap;align-items:center;column-gap:12px;margin-bottom:4px;display:flex}.info-row .card-header:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px var(--accent);border-radius:50%}.info-row .card-header h2{font-family:var(--font-display);color:var(--ink-0);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.info-row .card-header h4{color:var(--ink-2);margin-left:auto;font-size:12px;font-weight:400}.info-row .card-header h3{font-family:var(--font-body);color:var(--ink-2);flex-basis:100%;order:3;margin-top:2px;padding-left:20px;font-size:12px;font-weight:400}.info-row .card-header i{color:var(--ink-2)}.metric-sub-block>h3{font-family:var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2);margin:18px 0 10px;font-size:11px;font-weight:500}.sub-block-grid{grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:10px;display:grid}.info-block{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);text-align:left;padding:16px 16px 14px;position:relative}.info-block.featured-metric{grid-column:span 2}.info-block h2{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-1);align-items:center;gap:7px;margin-bottom:10px;font-size:11.5px;font-weight:500;display:flex}.info-block h2 i{color:var(--ink-2);font-size:11px}.info-block h1{font-family:var(--font-display);color:var(--ink-0);font-size:34px;font-weight:800;line-height:1}.info-block.featured-metric h1{font-size:52px}.info-block h1 .unit{color:var(--ink-2);margin-left:4px;font-size:.42em;font-weight:600}.info-block .text-danger{color:var(--th-high)}.info-block .text-info{color:var(--th-low)}.info-block.alert-high .text-danger{color:var(--th-vhigh)}.info-block.alert-low .text-info{color:var(--th-vlow)}.info-block:has(.text-danger):after,.info-block:has(.text-info):after{letter-spacing:.08em;border-radius:5px;margin-top:10px;padding:3px 8px;font-size:10.5px;font-weight:500;display:inline-block}.info-block:has(.text-danger):after{content:"▲ ALTO";color:var(--th-high);background:#e07a4a1f}.info-block.alert-high:has(.text-danger):after{content:"⚠ MUY ALTO";color:var(--th-vhigh);background:#cf444424}.info-block:has(.text-info):after{content:"▼ BAJO";color:var(--th-low);background:#5598e71f}.info-block.alert-low:has(.text-info):after{content:"▼ MUY BAJO";color:var(--th-vlow);background:#2a78d624}.info-block.alert-high:before,.info-block.alert-low:before{content:"";border-radius:0 3px 3px 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.info-block.alert-high:before{background:var(--th-vhigh)}.info-block.alert-low:before{background:var(--th-vlow)}#stats .controls-row{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);flex-wrap:wrap;align-items:flex-end;gap:14px;padding:16px 18px;display:flex}#stats .control label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);margin-bottom:7px;font-size:11px;font-weight:500;display:block}#stats .control label i{margin-right:5px}#stats .select-wrapper select{background:var(--bg-2);color:var(--ink-0);border:1px solid var(--line);font-size:12.5px;font-family:var(--font-body);border-radius:8px;outline:none;min-width:140px;padding:8px 10px}#stats .select-wrapper select:focus{border-color:var(--accent)}#stats .metric-panel{flex:1;min-width:220px}#stats .metric-group{flex-wrap:wrap;gap:8px;display:flex}.metric-chip{position:relative}.metric-chip input{opacity:0;pointer-events:none;position:absolute}.metric-chip label{cursor:pointer;background:var(--bg-2);border:1px solid var(--line);color:var(--ink-1);border-radius:999px;padding:6px 13px;font-size:12px;transition:all .15s;display:inline-block}.metric-chip input:checked+label{background:var(--accent-dim);color:var(--accent);border-color:#1cb49566;font-weight:500}#btnLoadStats{background:var(--accent);color:#06231c;cursor:pointer;font-family:var(--font-body);border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:500;display:inline-flex}#btnLoadStats:hover{filter:brightness(1.1)}#chartContainer{border:1px solid var(--line);height:420px;background:var(--bg-1)!important;border-radius:var(--radius)!important;margin-top:14px!important;padding:16px!important}@media (width<=720px){#chartContainer{height:300px}}.bot-avatar.mode-sad{filter:saturate(.35)brightness(.8)}#chartMsg{color:var(--ink-2)}#ai-container{width:100%}.info-row.ai-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}.ai-header{color:var(--accent);letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:10px;font-size:12px;font-weight:500;display:flex}.ai-time{color:var(--ink-2);letter-spacing:0;text-transform:none}.ai-content{width:100%}.ai-body p{font-family:var(--font-body);color:var(--ink-1);max-width:76ch;margin:0;font-size:14px;line-height:1.6}.fade-in-down{animation:.8s ease-out forwards fadeInDown}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}#btnOpenGlossary{background:var(--bg-2);border:1px solid var(--line);color:var(--ink-1);cursor:pointer;font-size:12.5px;font-family:var(--font-body);border-radius:999px;align-items:center;gap:8px;margin-bottom:16px;padding:7px 16px;display:inline-flex}#btnOpenGlossary:hover{color:var(--accent);border-color:#1cb49566}@media (width<=720px){.info-block.featured-metric{grid-column:span 1}.info-block.featured-metric h1{font-size:40px}}.ai-layout{align-items:center;gap:1.5rem;width:100%;display:flex}.ai-body p:after{content:"▋";color:var(--color-warn);animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.bot-avatar{border:2px solid var(--color-warn);cursor:pointer;background:#1a1a1a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:50px;min-width:50px;height:50px;transition:transform .3s;display:flex;position:relative;box-shadow:0 0 10px #f5c84233}.bot-avatar:after{content:"";background:var(--color-warn);border-radius:50%;width:4px;height:4px;animation:2s infinite pulseAntenna;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.bot-eyes{gap:8px;margin-bottom:5px;display:flex}.eye{background:var(--color-warn);border-radius:1px;width:8px;height:8px;animation:4s infinite blinkEye}.bot-mouth{background:var(--color-warn);border-radius:2px;width:18px;height:3px}.bot-spin{animation:.5s ease-in-out spinBot}@keyframes spinBot{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mode-danger{border-color:var(--color-danger);box-shadow:0 0 15px #ff3e4d80}.mode-danger .eye,.mode-danger .bot-mouth,.mode-danger:after{background:var(--color-danger)}.mode-sleep{border-color:#555}.mode-sleep .eye{background:#555;height:2px;animation:none}.bot-avatar.mode-crash{transform:scale(.95);background:#004!important;border-color:#00a8ff!important;box-shadow:0 0 15px #00a8ff!important}.bot-avatar.mode-crash .eye{box-shadow:none;background:0 0;border-radius:0;width:8px;height:8px;animation:none;transform:rotate(0)}.bot-avatar.mode-crash .eye:before,.bot-avatar.mode-crash .eye:after{content:"";background:#00a8ff;border-radius:1px;position:absolute}.bot-avatar.mode-crash .eye:before{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)rotate(45deg)}.bot-avatar.mode-crash .eye:after{width:100%;height:2px;top:50%;left:0;transform:translateY(-50%)rotate(-45deg)}.bot-avatar.mode-crash .bot-mouth{background:#00a8ff;border-radius:0;width:18px;height:2px;margin-top:2px}@keyframes pulseAntenna{50%{opacity:1;box-shadow:0 0 8px var(--color-warn)}}@keyframes blinkEye{97%{transform:scaleY(.1)}}.modal-overlay{z-index:3000;backdrop-filter:blur(5px);background-color:#000000d9;width:100%;height:100%;animation:.3s ease-out fadeInModal;display:none;position:fixed;top:0;left:0;overflow:auto}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}.modal-content{border:1px solid var(--color-accent);color:#e0e0e0;background-color:#151515;border-radius:12px;width:90%;max-width:900px;margin:5% auto;padding:2rem;position:relative;box-shadow:0 0 50px #000c}.modal-content h2{color:#fff;border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:10px}.close-modal{color:#aaa;cursor:pointer;z-index:10;font-size:2rem;line-height:.8;position:absolute;top:15px;right:20px}.close-modal:hover{color:var(--color-danger)}.glossary-grid{text-align:left;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;display:grid}.glossary-item{background:#ffffff0d;border:1px solid #ffffff0d;border-radius:8px;padding:1.2rem}.glossary-item h3{color:var(--color-accent);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.glossary-item p{color:#ccc;margin:0;font-size:.9em;line-height:1.5}#toy-container{z-index:10000;pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;bottom:50px;right:30px}.interactive-toy{cursor:pointer;pointer-events:auto;color:#aaa;user-select:none;z-index:10001;font-size:2.5rem;transition:color .3s}.interactive-toy:hover{color:#fff;text-shadow:0 0 10px #fff}.toy-rocket{animation:.2s infinite alternate engineIdle;transform:rotate(-45deg)}@keyframes engineIdle{0%{transform:rotate(-45deg)translateY(0)}to{transform:rotate(-45deg)translateY(1px)}}.culi-target{z-index:9998;cursor:crosshair;width:40px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;position:absolute}@keyframes popIn{0%{opacity:0;transform:scale(0)rotate(0)}to{opacity:1;transform:scale(1)rotate(10deg)}}.culi-target.golden{filter:sepia()saturate(1000%)hue-rotate(360deg)brightness(1.2)drop-shadow(0 0 10px gold);z-index:9999;width:50px!important;animation:.3s ease-out popIn,2s linear infinite spinCrazy!important}@keyframes spinCrazy{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.culi-target.dark{filter:invert()hue-rotate(180deg)drop-shadow(0 0 8px #9c27b0);z-index:9999;width:40px!important;animation:.3s ease-out popIn,.2s infinite glitchShake!important}@keyframes glitchShake{0%{transform:translate(1px,1px)rotate(0)}25%{transform:translate(-1px,-2px)rotate(-1deg)}50%{transform:translate(-3px)rotate(1deg)}75%{transform:translate(3px,2px)rotate(-1deg)}to{transform:translate(1px,-1px)rotate(0)}}.culi-explosion{z-index:9999;background:radial-gradient(circle,#ffeb3b,#0000 70%);border-radius:50%;width:50px;height:50px;animation:.3s ease-out forwards boom;position:absolute}@keyframes boom{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(3)}}.laser-beam{background:var(--color-danger);height:4px;box-shadow:0 0 5px var(--color-danger), 0 0 10px var(--color-danger), 0 0 20px #fff;z-index:9997;transform-origin:0;pointer-events:none;animation:.3s ease-out forwards laserFlash;position:absolute}@keyframes laserFlash{0%{opacity:1;width:0}20%{opacity:1;width:100%}to{opacity:0;width:100%}}#black-hole{z-index:20000;pointer-events:none;background:radial-gradient(circle,#000 0%,#1a0033 40%,#9c27b0 70%,#0000 72%);border-radius:50%;width:0;height:0;transition:width .5s ease-out,height .5s ease-out;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 50px #9c27b0}#black-hole.active{opacity:.95;width:150vmax;height:150vmax;animation:4s linear infinite holeSpin}@keyframes holeSpin{0%{transform:translate(-50%,-50%)rotate(0)}to{transform:translate(-50%,-50%)rotate(360deg)}}.sucked-in{opacity:0;transition:all .8s cubic-bezier(.55,.055,.675,.19)!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%)scale(0)rotate(720deg)!important}#eventBadge{z-index:990;backdrop-filter:blur(4px);cursor:pointer;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;align-items:center;padding:10px 15px;transition:all .3s;display:flex;position:fixed;top:20px;left:20px}#eventBadge:hover{background:#0009;border-color:#ffffff4d;transform:scale(1.05)}.badge-icon i{margin-bottom:4px;font-size:2.2rem}.event-badge.mode-mourning .badge-icon i{color:#e0e0e0}.badge-text span{text-transform:uppercase;color:#ccc;font-size:.75rem;font-weight:700}.event-badge.playing .badge-icon i{color:#fff;animation:1.5s infinite musicPulse}@keyframes musicPulse{50%{text-shadow:0 0 15px #fffc;transform:scale(1.2)}}