:root{--ink:#14354f;--muted:#6f8290;--blue:#147ecc;--border:#dce7ef;--bg:#f2f7fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #f4bb4e;outline-offset:3px}a{color:inherit;text-decoration:none}.notice{background:#081d30;color:#d5e9fa;text-align:center;font-size:11px;letter-spacing:.015em;padding:9px 10px}.notice b{color:#f9d28b}
.hero{height:clamp(430px,67vh,695px);min-height:430px;position:relative;isolation:isolate;background:#0a1c31;overflow:hidden;color:#fff}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;z-index:-6;object-fit:cover;object-position:center 39%;transition:opacity .28s}
.hero[data-night="true"] .hero-photo{object-position:center 13%}
.hero-bg{position:absolute;inset:-10px;z-index:-8;background-position:center;background-size:cover;filter:blur(18px) brightness(.38);transform:scale(1.1);opacity:0}
.hero.fit .hero-bg{opacity:1}.hero.fit .hero-photo{object-fit:contain;object-position:center center!important}
.hero-shade{position:absolute;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(180deg,#0618296e 0%,transparent 23%,transparent 78%,#061c2e82 100%)}
.hero[data-night="true"] .hero-shade{background:linear-gradient(180deg,#0311264d,transparent 21%,transparent 76%,#04101e6d)}
.cloud{position:absolute;z-index:-2;left:-30%;top:-14%;width:150%;height:59%;background:radial-gradient(ellipse at 22% 40%,#edf6ffb8,transparent 23%),radial-gradient(ellipse at 55% 37%,#cde7f5d4,transparent 25%),radial-gradient(ellipse at 85% 40%,#ecf2fab4,transparent 26%);filter:blur(36px);mix-blend-mode:screen;opacity:0;animation:cloudmove 42s ease-in-out infinite alternate;pointer-events:none}
.hero[data-weather="cloudy"] .cloud{opacity:.34}.hero[data-weather="rain"] .cloud,.hero[data-weather="storm"] .cloud{opacity:.28}.hero[data-weather="snow"] .cloud{opacity:.28}
@keyframes cloudmove{to{transform:translateX(9%)}}
.fog{position:absolute;z-index:-1;inset:0;opacity:0;background:linear-gradient(transparent 6%,#d1dce29a 84%),radial-gradient(ellipse at 60% 64%,#d1e3efae,transparent 61%);filter:blur(20px);pointer-events:none}.hero[data-weather="fog"] .fog{opacity:.83}
.rain-shade{position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:0;background:#081a33b5}.hero[data-weather="rain"] .rain-shade{opacity:.29}.hero[data-weather="storm"] .rain-shade{opacity:.55}.hero[data-weather="cloudy"] .rain-shade{opacity:.18}.hero[data-weather="snow"] .rain-shade{opacity:.16}
#fx{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.flash{position:absolute;z-index:2;inset:0;background:#e4f5ff;opacity:0;pointer-events:none}.flash.active{animation:flash .65s ease-out}@keyframes flash{0%{opacity:0}8%{opacity:.61}19%{opacity:.03}27%{opacity:.3}40%{opacity:.07}100%{opacity:0}}
.nav{height:82px;max-width:1390px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative;z-index:6;border-bottom:1px solid #ffffff45}
.brand{display:flex;gap:11px;align-items:center}.brand-logo{height:42px;width:42px;border-radius:12px;background:linear-gradient(135deg,#ffcf73,#5dc6e5);font-size:23px;display:grid;place-items:center;box-shadow:0 7px 25px #0003}.brand strong{font-size:17px;line-height:1.15;display:block;letter-spacing:-.035em}.brand small{font-size:10px;opacity:.82}.nav-links{display:flex;align-items:center;gap:23px;font-size:12px;font-weight:700}.nav-links a:hover{text-decoration:underline}
.chip{position:absolute;right:max(22px,calc((100% - 1300px)/2));top:106px;z-index:4;display:flex;gap:12px;align-items:center;padding:12px 16px;background:#06223ab5;border:1px solid #ffffff6b;border-radius:16px;box-shadow:0 12px 26px #0004;backdrop-filter:blur(13px)}.chip .symbol{font-size:28px}.chip .degrees{font-size:27px;font-weight:800;line-height:1}.chip .descr{display:block;font-size:11px;color:#e7f0f8;margin-top:5px}.chip .hours{border-left:1px solid #ffffff58;padding-left:13px;font-size:11px;color:#dfebf4}
.hero-foot{position:absolute;left:max(22px,calc((100% - 1300px)/2));right:22px;bottom:19px;z-index:4;display:flex;justify-content:space-between;align-items:end;gap:15px}.hero-foot span{font-size:12px;font-weight:600;color:#fff;filter:drop-shadow(0 1px 3px #000)}.hero-foot button{background:#09243ab8;color:#fff;border:1px solid #ffffff8a;border-radius:11px;padding:10px 13px;font-size:12px;font-weight:750;backdrop-filter:blur(10px)}
.wrap{max-width:1340px;margin:auto;padding:17px 20px 60px}.toolbar{background:#11314c;color:#fff;border-radius:20px;padding:19px 22px;box-shadow:0 9px 30px #1c54712a}.sec-title{font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:#d2e6f5;margin:0 0 13px}.conditions{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:2px 0 9px;scrollbar-width:thin;scrollbar-color:#6384a0 transparent}.weather-btn{flex:none;background:#ffffff16;color:#e6f1fd;border:1px solid #ffffff30;border-radius:12px;padding:10px 14px;font-weight:700;font-size:12px;display:flex;align-items:center;gap:9px;white-space:nowrap}.weather-btn[aria-pressed="true"]{background:#177cce;color:#fff;border-color:#7ac9ff;box-shadow:0 4px 18px #178bd447}.weather-btn .wico{font-size:19px;display:inline-block;animation:float 4s ease-in-out infinite}@keyframes float{50%{transform:translateY(-3px)}}.weather-btn:hover{background:#27759d}
.hourslider{margin-top:12px;display:grid;grid-template-columns:78px 1fr 57px;gap:15px;align-items:center}.hourslider label{color:#e0effb;font-size:12px;font-weight:750}.hourslider input{width:100%;accent-color:#ffc969}.hourslider output{font-size:15px;font-weight:800;color:#ffda8c;text-align:right}.audio-tools{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:14px;padding-top:13px;border-top:1px solid #ffffff2c}.audio-tools button{padding:9px 12px;border:1px solid #88afcb;border-radius:11px;background:#ffffff18;color:white;font-size:12px;font-weight:700}.audio-tools button:hover{background:#ffffff36}.audio-tools label{display:flex;align-items:center;gap:9px;font-size:12px;color:#dbeaf5}.audio-tools input{width:90px;accent-color:#4cb1ff}.audionote{color:#b9d9ed;font-size:11px;flex:1 1 180px;text-align:right}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-top:15px}.grid>*{min-width:0}.card{background:white;border:1px solid #deebf2;border-radius:19px;padding:22px;box-shadow:0 4px 20px #173e5f0b}.card h2{margin:0 0 7px;font-size:18px;letter-spacing:-.03em}.sub{margin:0 0 15px;color:#6b8493;font-size:12px}.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.thumb{height:96px;position:relative;border:2px solid transparent;background-position:center;background-size:cover;border-radius:13px;overflow:hidden}.thumb:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#05243de3)}.thumb span{position:absolute;bottom:8px;left:8px;right:6px;z-index:1;color:white;font-weight:800;font-size:10px;text-align:left;text-shadow:0 1px 4px #000}.thumb[aria-pressed="true"]{border-color:#1681d3;box-shadow:0 0 0 2px #b9dafa}.thumb[aria-pressed="true"]:before{content:'✓';position:absolute;z-index:2;right:6px;top:6px;background:#187fca;color:white;width:22px;height:22px;border-radius:50%;text-align:center;line-height:22px;font-size:13px}
.meteo-big{display:flex;align-items:center;gap:12px;margin:6px 0 20px}.meteo-big .emoji{font-size:52px}.meteo-big strong{font-size:49px;line-height:1;letter-spacing:-.07em}.meteo-big small{display:block;font-size:12px;color:#678090;margin-top:5px}.stats{border-top:1px solid #e4eef4;padding-top:13px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.stat{font-size:11px;color:#708596;min-width:0;overflow-wrap:anywhere}.stat b{display:block;color:#193a58;font-size:17px;margin:4px 0}.maphead{display:flex;justify-content:space-between;align-items:center;gap:12px}.maptop{display:flex;flex-wrap:wrap;gap:7px;margin:14px 0}.maptop button{background:#f0f6fa;border:1px solid #d8e7f0;border-radius:10px;padding:8px 10px;font-size:11px;font-weight:800;color:#32607c}.maptop button[aria-pressed="true"]{background:#1778bf;border-color:#1778bf;color:#fff}.map{height:370px;background:#dce9ee;border-radius:14px;position:relative;overflow:hidden;touch-action:pan-y}.tiles{position:absolute;inset:0}.tiles img{position:absolute;width:256px;height:256px;user-select:none;pointer-events:none}.hero[data-pilot="true"] .sky-deco{display:none!important}.hero[data-pilot="true"] .pilot-moon::before{display:none!important}
.heatmap-layer{position:absolute;inset:0;pointer-events:none;width:100%;height:100%;z-index:1;opacity:.82;image-rendering:auto}.layerwash{position:absolute;inset:0;background:radial-gradient(ellipse at 35% 45%,#dfa75a50,transparent 55%),radial-gradient(ellipse at 79% 63%,#469dea45,transparent 65%);pointer-events:none}.pin{position:absolute;transform:translate(-50%,-50%);background:#fff;border:2px solid #148ad9;border-radius:12px;min-width:50px;padding:6px 9px;box-shadow:0 3px 14px #0004;font-size:12px;font-weight:850;z-index:2;color:#11446e}.pin.selected{background:#1876be;color:#fff}.pin small{display:block;font-size:9px;font-weight:650}.map-ctrl{position:absolute;right:12px;top:12px;z-index:4;display:grid;gap:5px}.map-ctrl button{width:34px;height:34px;border:1px solid #c1d3dc;background:white;border-radius:8px;color:#225479;font-size:22px;line-height:1}.map-status{position:absolute;bottom:10px;left:10px;right:10px;pointer-events:none;font-size:10px;color:#fff;background:#122d42b8;padding:5px 8px;border-radius:7px;z-index:3;max-width:max-content}.credits{font-size:10px;color:#7b8d98;margin:8px 0 0}.credits a{text-decoration:underline}.mapvalue{background:#f2f8fb;padding:12px 14px;border-radius:12px;font-size:12px;display:flex;gap:12px;flex-wrap:wrap}.mapvalue b{font-size:13px}.footer{padding:20px 0 0;color:#7f91a0;font-size:11px;text-align:center}
@media(max-width:880px){.grid{grid-template-columns:minmax(0,1fr)}.map{height:330px}}
@media(max-width:650px){.notice{font-size:10px;padding:8px}.hero{height: min(72svh,590px);min-height:420px}.nav{height:66px;padding:0 13px}.brand-logo{height:37px;width:37px;font-size:20px}.brand strong{font-size:14px}.brand small{font-size:9px}.nav-links{display:none}.chip{top:81px;right:10px;padding:9px 10px;gap:7px}.chip .symbol{font-size:23px}.chip .degrees{font-size:22px}.chip .hours{display:none}.chip .descr{font-size:10px}.hero-foot{left:12px;right:12px;bottom:12px}.hero-foot span{max-width:55%;font-size:11px}.hero-foot button{padding:8px 10px;font-size:11px}.wrap{padding:12px 11px 40px}.toolbar{padding:15px 12px;border-radius:16px}.weather-btn{padding:9px 11px;font-size:11px}.hourslider{grid-template-columns:70px 1fr 52px;gap:8px}.audio-tools{gap:8px}.audio-tools button{font-size:11px;padding:8px}.audionote{text-align:left}.card{padding:16px}.thumbs{display:flex;overflow-x:auto;padding-bottom:6px}.thumb{min-width:120px;height:89px}.stats{gap:6px}.stat b{font-size:15px}.map{height:290px}}

.sky-deco{position:absolute;inset:0;z-index:-4;pointer-events:none;overflow:hidden}
.sky-deco:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(94,164,255,.10) 0%,rgba(255,184,92,.00) 42%,rgba(255,153,76,.00) 100%);opacity:var(--day-wash,.15);transition:opacity .5s ease}
.twilight-wash{position:absolute;inset:0;opacity:0;background:linear-gradient(180deg,rgba(255,137,84,.28) 0%,rgba(255,144,96,.11) 26%,rgba(255,183,120,0) 58%),linear-gradient(180deg,rgba(63,77,131,.10) 0%,rgba(10,22,44,.00) 38%,rgba(9,18,36,.18) 100%);transition:opacity .5s ease}
.hero[data-twilight="true"] .twilight-wash{opacity:1}
.sun-disc{position:absolute;left:50%;top:22%;width:clamp(50px,7.2vw,84px);height:clamp(50px,7.2vw,84px);border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff6cc 0%,#ffe79f 22%,#ffd370 48%,#ffb548 74%,rgba(255,180,72,.55) 100%);box-shadow:0 0 30px rgba(255,204,110,.60),0 0 90px rgba(255,189,82,.20);transform:translate(-50%,-50%);opacity:0;transition:left .4s ease, top .4s ease, opacity .35s ease, filter .35s ease}
.hero[data-night="false"] .sun-disc{opacity:.96}
.hero[data-weather="cloudy"] .sun-disc,.hero[data-weather="fog"] .sun-disc{filter:blur(1.5px) brightness(.86);opacity:.45}
.hero[data-weather="rain"] .sun-disc,.hero[data-weather="storm"] .sun-disc,.hero[data-weather="snow"] .sun-disc{filter:blur(2px) brightness(.78);opacity:.22}
.starfield{position:absolute;inset:0;opacity:0;transition:opacity .55s ease}
.star{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 7px rgba(255,255,255,.95),0 0 14px rgba(151,204,255,.35);animation:twinkle var(--dur,7s) ease-in-out infinite;opacity:var(--o,.85)}
.star.big{width:3px;height:3px}
@keyframes twinkle{0%,100%{transform:scale(.9);opacity:calc(var(--o,.85)*.72)}50%{transform:scale(1.35);opacity:var(--o,.85)}}
.hero[data-stars="true"] .starfield{opacity:1}
.monthrow{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:6px}
.monthrow label{font-size:12px;font-weight:700;color:#e6f1fd}
.monthrow select{appearance:none;background:#ffffff16;color:#fff;border:1px solid #ffffff30;border-radius:12px;padding:10px 14px;font-size:13px;font-weight:700;min-width:160px}
.monthrow select option{color:#111}
.scenehint{display:inline-flex;gap:8px;align-items:center;padding:8px 11px;border-radius:999px;background:#08233ab0;border:1px solid #ffffff3e;font-size:11px;font-weight:800;letter-spacing:.03em;text-transform:uppercase}
.hero-foot span{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
@media (max-width:700px){.monthrow{margin-top:10px}.monthrow select{min-width:unset;width:100%}.hero-foot span{gap:6px}.scenehint{padding:7px 9px;font-size:10px}}
button[data-w="stars"]{display:none!important}

@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

/* V0.9 — paisaje por capas; la máscara transparente conserva la geometría original. */
.hero[data-pilot="true"] .sky-deco{display:none}
.hero[data-pilot="false"] .pilot-sky,.hero[data-pilot="false"] .pilot-details{display:none}
.pilot-sky{position:absolute;inset:0;z-index:-7;pointer-events:none;background:linear-gradient(180deg,#316fbc,#c8e7f5);transition:background .65s ease}
.pilot-sky::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(255,170,110,.10));opacity:var(--horizon-glow,0);pointer-events:none}
.pilot-sun{position:absolute;width:clamp(39px,6vw,74px);height:clamp(39px,6vw,74px);left:50%;top:22%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 34%,#fffef0,#ffe4a2 40%,#ffc46d 78%,rgba(255,180,73,.9));border-radius:50%;box-shadow:0 0 22px rgba(255,235,165,.40),0 0 75px rgba(255,181,95,.18);opacity:0;transition:left .6s ease,top .6s ease,opacity .5s ease;}
.pilot-moon{position:absolute;width:39px;height:39px;left:78%;top:18%;border-radius:50%;background:#d4e7f4;box-shadow:0 0 18px #a7cae0a1;opacity:0;transition:opacity 1s ease,top .5s,left .5s;transform:translate(-50%,-50%)}
.pilot-moon::before{content:"";position:absolute;top:-7px;left:12px;width:36px;height:38px;border-radius:50%;background:#0c1c35;opacity:.97}
.pilot-stars{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease}
.pilot-star{position:absolute;background:white;border-radius:50%;width:1.5px;height:1.5px;box-shadow:0 0 6px #fff8;animation:pilot-twinkle var(--d,9s) ease-in-out infinite;opacity:var(--o,.65)}
@keyframes pilot-twinkle{0%,100%{opacity:.32}55%{opacity:var(--o,.7)}}
.pilot-clouds{position:absolute;inset:-4%;background:radial-gradient(ellipse 19% 9% at 28% 30%,rgba(231,240,245,.92),transparent 90%),radial-gradient(ellipse 25% 13% at 65% 40%,rgba(235,240,248,.82),transparent 90%),radial-gradient(ellipse 19% 8% at 85% 28%,rgba(218,236,246,.75),transparent 90%);filter:blur(15px);opacity:0;transition:opacity .6s;animation:pilot-clouds 75s ease-in-out infinite alternate}
@keyframes pilot-clouds{to{transform:translateX(-7%)}}
.hero[data-pilot="true"] .hero-photo{filter:brightness(var(--fg-bright,1)) saturate(var(--fg-saturation,1)) sepia(var(--fg-sepia,0));transition:filter .6s ease,opacity .3s}
.pilot-details{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;overflow:hidden}
.pilot-lamps,.pilot-windows{opacity:0;transition:opacity 1.7s ease}
.hero[data-pilot="true"][data-night="true"] .pilot-lamps{opacity:.75}
.hero[data-pilot="true"][data-night="true"] .pilot-windows{opacity:.65}
.pilot-lamps{animation:pilot-warmth 11s ease-in-out infinite alternate}
@keyframes pilot-warmth{0%,100%{filter:brightness(.85)}47%{filter:brightness(1)}81%{filter:brightness(.94)}}
.pilot-cat{opacity:0;animation:pilot-cat-appear 58s ease-in-out infinite}
@keyframes pilot-cat-appear{0%,19%{opacity:0}22%,76%{opacity:.95}80%,100%{opacity:0}}
.cat-tail{transform-origin:13px -3px;animation:pilot-tail 13s ease-in-out infinite}
@keyframes pilot-tail{0%,80%,100%{transform:rotate(0)}88%{transform:rotate(8deg)}}
.hero[data-weather="storm"] .pilot-cat,.hero[data-weather="rain"] .pilot-cat,.hero[data-weather="snow"] .pilot-cat{animation:none;opacity:0}
.hero[data-pilot="true"] .hero-shade{background:linear-gradient(180deg,rgba(3,13,28,.14) 0%,transparent 35%,transparent 78%,rgba(3,15,25,.51) 100%)}
.pilot-caption{font-size:11px;line-height:1.35;color:#a9c6d8;margin:8px 0 0}
.hero[data-pilot="true"] #scene-count{font-size:10px}
@media(prefers-reduced-motion:reduce){.pilot-cat{display:none}.pilot-clouds,.pilot-star,.pilot-lamps,.cat-tail{animation:none!important}}


/* V0.10: no mostramos microeventos anteriores mal alineados */
.pilot-lamps,.pilot-windows,.pilot-cat{display:none!important}
.pilot-moon::before{content:none!important;display:none!important}
.pilot-moon{width:clamp(27px,4.4vw,47px);height:clamp(27px,4.4vw,47px);background:transparent;box-shadow:0 0 20px rgba(230,242,255,.12);overflow:visible;opacity:0;transition:left .4s ease, top .4s ease, opacity .45s ease;}
.pilot-moon svg{width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(236,244,255,.55))}
.pilot-sun{transition:left .35s ease,top .35s ease,opacity .35s ease}
.monthrow input[type=date]{min-width:165px;background:#ffffff16;color:white;color-scheme:dark;border:1px solid #ffffff55;border-radius:12px;padding:10px 12px;font-weight:700}
.astro-info{display:flex;align-items:center;gap:7px 16px;flex-wrap:wrap;margin:10px 0 0;color:#d7e9fa;font-size:11px}
.astro-info span{background:#ffffff0e;border:1px solid #ffffff1a;padding:6px 9px;border-radius:9px}
@media(max-width:700px){.monthrow input[type=date]{width:100%}.astro-info{gap:5px}}

/* Vista del visitante - diseño realista de portada, no consola de prueba */
:root{--ink:#142d43;--muted:#65798b;--blue:#1781c2;--border:#e2ebf1;--bg:#f4f7fa}
body{background:var(--bg);color:#16334b;font-size:14px}
.dev-controls,[hidden]{display:none!important}
.hero{height:clamp(495px,69svh,770px);min-height:495px}
.pilot-lamps,.pilot-windows,.pilot-cat{display:none!important}
.nav{height:73px;padding:0 clamp(17px,4vw,45px);border-bottom:1px solid rgba(255,255,255,.21)}
.nav-links{gap:27px;letter-spacing:.01em}.nav-links a{color:#f3f7fb;font-size:12px;opacity:.92}
.brand-logo{height:39px;width:39px;font-size:21px}.brand strong{font-size:17px;letter-spacing:-.025em}.brand small{font-size:10px}
.nav-mobile-link{display:none;font-size:12px;font-weight:800;border:1px solid #ffffff60;padding:8px 10px;border-radius:10px;background:#102c4190}
.chip{top:91px;right:max(20px,calc((100% - 1260px)/2));border-radius:16px;background:rgba(7,32,53,.77);padding:10px 14px;gap:10px;border-color:rgba(255,255,255,.26)}
.chip .symbol{font-size:24px}.chip .degrees{font-size:31px}.chip .descr{font-size:11px}.chip .hours{font-size:11px}
.hero-foot{left:max(18px,calc((100% - 1260px)/2));right:max(18px,calc((100% - 1260px)/2));bottom:20px;align-items:end;flex-wrap:wrap}
.hero-caption{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.hero-caption .place-caption{font-size:13px;text-shadow:0 2px 8px #000}.scenehint{font-size:10px;background:#06263b9c;border:1px solid rgba(255,255,255,.3);padding:6px 9px}
.hero-buttons{display:flex;gap:8px;justify-content:flex-end}.hero-foot .hero-buttons button{display:inline-flex;align-items:center;gap:6px;border-radius:11px;background:rgba(7,32,51,.7);border:1px solid rgba(255,255,255,.35);font-size:11px;font-weight:700;padding:9px 12px;backdrop-filter:blur(11px)}
.visitor-preview{max-width:1300px;margin:14px auto -4px;padding:0 22px;display:flex;align-items:center;gap:7px;color:#6a8090;font-size:11px}
.dot-note{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#8fb3c3}
.visitor-wrap{max-width:1300px;padding:18px 20px 52px}
.visitor-wrap .card{border:1px solid #e2ebf1;border-radius:18px;padding:24px;box-shadow:0 4px 18px rgba(18,55,83,.035)}
.eyebrow{font-size:10px;font-weight:900;letter-spacing:.16em;color:#1782ae;margin:0 0 5px}
.section-head,.section-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:15px}
.section-head h2,.section-heading h2{font-size:21px;letter-spacing:-.04em;line-height:1.2;margin:0;color:#153449}
.updated,.quiet-tag{font-size:11px;color:#8093a1;white-space:nowrap}
.visitor-wrap .sub{font-size:12px;line-height:1.55;margin-bottom:14px;color:#72879a}
.overview{margin-top:0}.overview .section-head{margin-bottom:14px}
.current-content{display:grid;grid-template-columns:minmax(180px,.9fr) 2.1fr;gap:24px;align-items:center}
.overview .meteo-big{margin:0;gap:11px}.overview .meteo-big .emoji{font-size:43px}.overview .meteo-big strong{font-size:53px;color:#143952}.overview .meteo-big small{font-size:12px;max-width:220px}
.overview .stats{border:0;border-left:1px solid #e8eff3;padding:0 0 0 24px;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:15px;column-gap:15px}
.overview .stat{font-size:11px;line-height:1.3}.overview .stat b{font-size:17px;margin-top:5px}.stat-ico{font-size:12px;margin-right:2px}
.forecast-zone{margin:27px 0 21px}.section-heading{margin:0 4px 14px}.section-heading h2{font-size:21px}
.hourly-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}
.hourcell{background:white;border:1px solid #e2ebf1;border-radius:15px;text-align:center;padding:15px 4px 13px;min-width:0}
.hourcell strong{display:block;font-size:12px;color:#7890a1}.hourcell .hour-icon{font-size:24px;display:block;margin:9px 0}.hourcell b{display:block;font-size:18px;color:#173d59;letter-spacing:-.06em}.hourcell small{font-size:10px;color:#9babb8;display:block;margin-top:3px}
.week-title{margin-top:28px}
.week-weather{background:white;border:1px solid #e2ebf1;border-radius:17px;overflow:hidden;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.daycell{display:flex;flex-direction:column;align-items:center;gap:4px;border-right:1px solid #eef3f6;padding:13px 8px;text-align:center}.daycell:last-child{border-right:0}
.daycell .dayname{font-size:12px;font-weight:800;color:#4e6d83}.daycell .dayicon{font-size:25px;margin:4px 0}.daycell .temps{font-size:16px;font-weight:900;color:#153b55}.daycell .temps em{font-size:13px;color:#a1b0bf;font-weight:700;font-style:normal}.daycell .rainchance{font-size:10px;color:#6a99b6}
.sky-card{margin:0 0 19px}.sky-graphic{white-space:nowrap;font-size:21px}.sky-graphic span{color:#b8c8d2;padding:0 4px}
.sky-card .astro-info{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0;padding:0}
.sky-card .astro-info span{background:#f5f9fc;border:1px solid #e5eef4;border-radius:11px;padding:12px 10px;display:flex;align-items:center;font-weight:700;color:#284b64;min-height:54px;font-size:12px}
.helpnote{margin:11px 0 0;font-size:11px;color:#93a2ae}
.map-section{margin-bottom:19px}.map-section .maptop{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;margin:14px 0;padding:0 0 7px}
.map-section .maptop button{flex:none;white-space:nowrap;padding:9px 14px;font-size:12px;border-radius:11px;background:#f4f8fb;border:1px solid #e5ecf1;color:#517186}
.map-section .maptop button[aria-pressed="true"]{background:#176f9f;border-color:#176f9f;color:#fff}
.map-section .map{height:410px;border-radius:15px}
.map-legend{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:700;color:#8ca0af;margin:13px 0 11px}
.heatline{display:block;height:8px;width:160px;border-radius:10px;background:linear-gradient(90deg,#386bd6,#38afe2,#42c6ac,#dcdb68,#fa9c43,#d74231)}
.mapvalue{margin:0;border-radius:11px}.credits{line-height:1.5}
.gallery-section .thumbs{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.gallery-section .thumb{height:132px;border-radius:13px}
.visitor-footer{display:flex;flex-direction:column;align-items:center;text-align:center;gap:5px;padding:27px 16px 0;font-size:12px;color:#6d889c}.visitor-footer strong{font-size:15px;color:#224a62}.visitor-footer small{margin-top:12px;font-size:10px;color:#97a9b6;max-width:550px}
@media(max-width:980px){.hourly-rail{grid-template-columns:repeat(4,minmax(0,1fr))}.sky-card .astro-info{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
.hero{height:clamp(470px,67svh,720px);min-height:470px}.nav{height:70px;padding:0 19px}.nav-mobile-link{display:inline-flex}.nav-links{display:none}.brand strong{font-size:16px}.brand small{font-size:10px}.brand-logo{width:38px;height:38px}
.chip{right:17px;top:89px;gap:9px;padding:10px 12px;border-radius:16px}.chip .symbol{font-size:24px}.chip .degrees{font-size:29px}.chip .descr{font-size:10px;margin-top:2px}.chip .hours{padding-left:10px;font-size:10px}
.hero-foot{left:16px;right:16px;bottom:16px;gap:10px}.hero-caption .place-caption{font-size:12px}.scenehint{font-size:10px;padding:5px 8px}.hero-buttons{gap:6px}.hero-foot .hero-buttons button{font-size:11px;padding:8px 10px}
.visitor-preview{padding:0 17px;margin:12px auto -4px;font-size:10px}
.visitor-wrap{padding:15px 13px 40px}.visitor-wrap .card{padding:17px;border-radius:17px}.section-head{margin-bottom:11px}.section-head h2,.section-heading h2{font-size:18px}.eyebrow{font-size:9px}.updated{font-size:10px;max-width:110px;text-align:right;line-height:1.25}
.current-content{display:block}.overview .meteo-big{margin:5px 0 18px}.overview .meteo-big .emoji{font-size:43px}.overview .meteo-big strong{font-size:48px}.overview .meteo-big small{font-size:12px}
.overview .stats{border-left:0;border-top:1px solid #e8eff3;padding:14px 0 1px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 8px}.overview .stat{font-size:10px}.overview .stat b{font-size:15px;letter-spacing:-.03em}
.forecast-zone{margin:23px 0 19px}.section-heading{margin-bottom:12px}.hourly-rail{display:flex;gap:8px;overflow-x:auto;padding-bottom:5px;scrollbar-width:thin;scroll-snap-type:x proximity}.hourcell{flex:0 0 70px;padding:11px 3px 12px;scroll-snap-align:start}.hourcell strong{font-size:11px}.hourcell .hour-icon{font-size:23px;margin:7px 0}.hourcell b{font-size:17px}
.week-title{margin-top:23px}.week-weather{display:block;padding:0 13px}.daycell{display:grid;grid-template-columns:1fr 1fr 1.4fr .6fr;align-items:center;text-align:left;gap:6px;min-height:47px;padding:8px 0;border-right:none;border-bottom:1px solid #edf2f5}.daycell:last-child{border-bottom:0}.daycell .dayname{font-size:12px}.daycell .dayicon{font-size:22px;margin:0;text-align:center}.daycell .temps{font-size:15px;text-align:right}.daycell .rainchance{text-align:right}
.sky-card .astro-info{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.sky-card .astro-info span{min-height:53px;padding:10px 8px;font-size:10px}.helpnote{font-size:10px}
.map-section .map{height:340px}.map-section .maptop{margin:11px 0 10px}.map-section .maptop button{padding:9px 11px;font-size:11px}.map-legend{font-size:10px}.heatline{width:130px}
.gallery-section .thumbs{display:flex;overflow-x:auto;gap:9px;padding-bottom:3px}.gallery-section .thumb{height:92px;min-width:117px;width:117px;flex:none}.gallery-section .thumb span{font-size:10px}
.hero-foot{flex-direction:column;align-items:stretch;gap:8px}.hero-foot .hero-caption{flex-direction:row;align-items:center;justify-content:space-between;width:100%;gap:9px}.hero-foot .hero-caption .place-caption{font-size:12px;white-space:nowrap;letter-spacing:-.01em}.hero-foot .hero-buttons{width:100%;justify-content:flex-start}
}
@media(max-width:370px){.chip .hours{display:none}.nav-mobile-link{font-size:11px;padding:7px}.hero-foot .hero-buttons button{padding:8px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.hourly-rail{scroll-behavior:auto}}


/* V0.14 · Visor real de predicción */
.model-intro{font-size:13px;color:#647b8d;margin:4px 0 14px}
.model-panel-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 17px;padding:4px;background:#edf4f9;border-radius:13px;max-width:560px}
.model-panel-tabs button{border:0;flex:1;min-width:126px;background:transparent;color:#3d566a;border-radius:10px;padding:11px 14px;font-weight:800;font-size:12px}
.model-panel-tabs button[aria-selected="true"]{background:#fff;color:#0a598c;box-shadow:0 3px 13px #244c6721}
#local-map-panel[hidden],#forecast-map-panel[hidden],#model-design-pane[hidden],#windy-live-pane[hidden]{display:none!important}
.model-ui{background:#f6f9fc;border:1px solid #dbe7ee;border-radius:16px;padding:16px;min-width:0}
.model-heading{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:12px}
.model-heading h3{margin:0;font-size:17px;letter-spacing:-.02em;line-height:1.3}
.model-heading p{margin:4px 0 0;font-size:12px;color:#687c8b}
.model-pill{font-size:10px;font-weight:850;border-radius:99px;background:#e0edf9;color:#235a87;padding:7px 11px;white-space:nowrap}
.model-source-switch{display:flex;gap:5px;padding:4px;border:1px solid #d2e2eb;border-radius:12px;background:#e9f1f7;margin-bottom:14px;max-width:500px}
.model-source-switch button{flex:1;min-width:0;border:0;background:transparent;padding:10px 8px;border-radius:9px;font-weight:760;font-size:12px;color:#526e80}
.model-source-switch button[aria-pressed="true"]{color:#fff;background:#155f95;box-shadow:0 3px 9px #1b4b7338}
.model-rowlabel{display:block;font-size:11px;letter-spacing:.065em;font-weight:850;text-transform:uppercase;color:#668195;margin-bottom:8px}
.model-choice{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:14px}
.model-choice button{flex:1 1 100px;border:1px solid #cddce6;color:#35566e;background:#fff;padding:10px 7px;border-radius:11px;font-weight:800;font-size:12px}
.model-choice button small{font-size:10px;font-weight:500;display:block;color:#6c8497;margin-top:3px}
.model-choice button[aria-pressed="true"]{background:#e2f2ff;border-color:#1694d5;color:#096394;box-shadow:inset 0 0 0 1px #1694d5}
.model-layers{display:flex;gap:7px;overflow:auto;scrollbar-width:thin;margin:0 -3px 10px;padding:2px 3px 8px}
.model-layers button{flex:none;background:#fff;border:1px solid #d3e0e9;color:#35566e;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:750;white-space:nowrap}
.model-layers button[aria-pressed="true"]{background:#123e5b;color:#fff;border-color:#123e5b}
.model-map{height:430px;border-radius:16px;position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(150deg,#d7e4d7,#d2e5d3 48%,#f6e7c8);border:1px solid #c4d8e1;touch-action:pan-y}
.model-map-tile{position:absolute;inset:0;overflow:hidden;z-index:-2}
.model-map-tile img{width:256px;height:256px;position:absolute;max-width:none;filter:saturate(.77) contrast(.94)}
#model-field{position:absolute;width:100%;height:100%;inset:0;z-index:1;pointer-events:none}
.model-scrim{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(0deg,#09263d2d,transparent 20%)}
.model-map-caption{position:absolute;left:12px;top:12px;z-index:4;background:#08334edb;color:#fff;border-radius:11px;padding:9px 12px;box-shadow:0 4px 16px #0002;backdrop-filter:blur(6px);max-width:calc(100% - 120px);font-size:12px}
.model-map-caption strong{display:block;font-size:13px}.model-map-caption span{display:block;color:#dbeaf5;font-size:10px;margin-top:2px}
.model-placemark{position:absolute;left:50%;top:51%;z-index:5;transform:translate(-50%,-100%);display:flex;align-items:center;flex-direction:column;filter:drop-shadow(0 2px 3px #0007);pointer-events:none}
.model-placemark span{background:#082e48;color:#fff;border:1px solid #fff;border-radius:99px;font-size:12px;font-weight:850;padding:6px 12px;white-space:nowrap}
.model-placemark svg{fill:#ffe6a2;stroke:#173b52;stroke-width:1.7;width:21px;height:21px;margin-top:-3px}
.model-mini-legend{position:absolute;right:10px;bottom:13px;z-index:5;display:flex;flex-direction:column;gap:3px;background:#ffffffed;border:1px solid #fff;border-radius:12px;padding:8px 10px;font-size:10px;color:#24485e;min-width:145px;box-shadow:0 3px 12px #0002}
.model-legend-bar{display:block;height:10px;border-radius:4px;background:linear-gradient(90deg,#315bb8,#56bcda,#e3da5b,#eb794f,#b22840)}
.model-legend-scale{display:flex;justify-content:space-between}
.model-map-actions{position:absolute;right:10px;top:10px;z-index:5;display:flex;gap:5px}
.model-map-actions button{background:#fff;border:1px solid #ccdde5;border-radius:9px;color:#234b65;font-weight:850;font-size:15px;width:32px;height:32px;box-shadow:0 2px 9px #0002}
.model-time{margin-top:14px;background:#fff;border:1px solid #dce8f0;border-radius:14px;padding:13px 15px}
.model-time-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.model-time-head span{font-size:11px;color:#5b7485;font-weight:750}.model-time-head strong{font-size:12px;color:#133b56;text-align:right}
.model-timeline{display:flex;gap:10px;align-items:center}
.model-timeline input[type=range]{flex:1;min-width:0;accent-color:#1879b2;cursor:pointer}
.model-timeline button{width:40px;height:40px;display:grid;place-items:center;flex:none;border:0;border-radius:10px;background:#137db7;color:#fff;font-weight:900;font-size:14px}
.model-time-scale{display:flex;justify-content:space-between;margin-left:49px;margin-top:7px;color:#688293;font-size:10px}
.model-map-disclaimer{display:flex;gap:7px;align-items:flex-start;margin:12px 0 0;font-size:11px;color:#6e7e8d;line-height:1.55}
.model-map-disclaimer strong{color:#294e68}
.model-map-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:11px}
.model-map-summary>div{border:1px solid #d8e6ef;background:#fff;padding:10px;border-radius:11px;min-width:0}
.model-map-summary small{display:block;font-size:10px;color:#718396}.model-map-summary b{font-size:14px;color:#164569}
#windy-live-pane .windy-wrap{height:475px;border-radius:14px;overflow:hidden;background:#cde4e4;position:relative}
#windy-frame{width:100%;height:100%;border:0;background:#d4e9ed}
.windy-links{display:flex;gap:11px;flex-wrap:wrap;margin:11px 0 3px;font-size:12px}
.windy-links a{text-decoration:underline;color:#115f94;font-weight:700}
.hero-scene-arrow{position:absolute;top:51%;z-index:7;transform:translateY(-50%);width:37px;height:48px;background:#092c45a3;backdrop-filter:blur(8px);border:1px solid #ffffff8a;border-radius:12px;color:#fff;font-size:26px;font-weight:500;display:grid;place-items:center;text-shadow:0 1px 2px #0008}
.hero-scene-arrow.prev{left:9px}.hero-scene-arrow.next{right:9px}
.hero-scene-arrow:hover{background:#082d4cde}
.gallery-section{display:none!important}
@media(max-width:650px){.model-ui{padding:12px}.model-map{height:365px}.model-heading h3{font-size:16px}.model-pill{font-size:9px}.model-time{padding:12px}.model-map-summary{gap:5px}.model-map-summary>div{padding:8px 6px}.model-map-summary b{font-size:12px}#windy-live-pane .windy-wrap{height:405px}.model-map-caption{padding:8px 9px}.hero-scene-arrow{width:32px;height:43px;font-size:23px}}


/* V0.13 · Dos tarjetas astronómicas con imagen y datos lado a lado */
.astro-showcase{padding:22px!important}
.astro-showcase .section-head{margin-bottom:16px}
.astro-date{font-size:11px;color:#7190a3;background:#f1f6fa;padding:7px 10px;border-radius:99px;text-transform:capitalize;font-weight:700}
.astro-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.astro-feature{display:flex;min-width:0;min-height:213px;border-radius:19px;overflow:hidden;border:1px solid #dce8f0;background:#fbfdff}
.astro-photo{flex:0 0 43%;width:43%;position:relative;overflow:hidden;background:#071521;display:flex;align-items:center;justify-content:center;min-width:0}
.astro-photo.sun-photo{background:radial-gradient(circle at 50% 48%,#593e27,#121a24 75%)}
.astro-photo.moon-photo{background:radial-gradient(circle at 50% 52%,#2d3b56,#08121f 75%)}
.astro-photo>img,.astro-photo>canvas{width:100%;height:100%;object-fit:cover;display:block;aspect-ratio:1/1}
.astro-photo>canvas{object-fit:contain;padding:0}
.astro-image-label{position:absolute;left:10px;bottom:11px;color:#fff;font-size:9px;font-weight:900;letter-spacing:.15em;background:#0a2435a8;padding:6px 8px;border-radius:6px;z-index:2}
.astro-copy{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;padding:17px 18px 16px}
.astro-overline{text-transform:uppercase;letter-spacing:.13em;color:#2b8fbb;font-weight:800;font-size:10px}
.astro-copy h3{margin:4px 0 12px;font-size:22px;letter-spacing:-.04em;color:#1a3a51;font-weight:820}
.astro-stat{display:flex;align-items:baseline;justify-content:space-between;gap:12px;border-top:1px solid #e7edf2;padding:9px 0}
.astro-stat small{font-size:11px;color:#678297;font-weight:650}
.astro-stat strong{font-size:17px;color:#163c56;font-variant-numeric:tabular-nums;white-space:nowrap}
.astro-stat.compact strong{font-size:13px}
.moon-feature .astro-stat strong{font-size:13px;text-align:right;white-space:normal}
.moon-feature .astro-stat:nth-of-type(3) strong{font-size:17px}
.astro-visibility{margin-top:9px;font-size:10px;border-radius:9px;padding:9px 10px;background:#ecf1f6;color:#526e83;font-weight:700}
.astro-visibility.visible{background:#e6f6ef;color:#246854}
.astro-footnote{font-size:10px;color:#8ca0ae;margin:12px 1px 0;line-height:1.55}
.observation-status{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#59778a;background:#edf5f9;border-radius:10px;padding:10px 12px;margin:10px 0 4px}
.pulse-dot{width:8px;height:8px;border-radius:50%;background:#90a7b6;display:inline-block;flex:none}
@media(min-width:1050px){.astro-feature{min-height:236px}.astro-photo{flex-basis:43%;width:43%}.astro-copy{padding:19px 20px}}
@media(max-width:980px){.astro-duo{grid-template-columns:1fr}.astro-feature{min-height:180px}.astro-photo{flex-basis:34%;width:34%}}
@media(max-width:650px){.astro-showcase{padding:17px!important}.astro-showcase .section-head{margin-bottom:13px}.astro-date{font-size:10px;padding:5px 7px}.astro-duo{gap:11px}.astro-feature{min-height:153px;border-radius:15px}.astro-photo{flex-basis:37%;width:37%}.astro-copy{padding:12px 12px 11px}.astro-copy h3{font-size:20px;margin:3px 0 8px}.astro-overline{font-size:9px}.astro-stat{padding:6px 0;gap:6px}.astro-stat small{font-size:10px}.astro-stat strong{font-size:15px}.astro-stat.compact strong{font-size:12px}.moon-feature .astro-stat strong{font-size:12px}.astro-visibility{margin-top:6px;font-size:9px;padding:6px 7px}.astro-image-label{bottom:7px;left:7px}.astro-footnote{font-size:9px}.model-panel-tabs button{min-width:0}}


/* V0.14: proveedor real en lugar de canvas con manchas ficticias */
.provider-card{background:#f7fafc;border:1px solid #dce8ef;border-radius:17px;padding:19px;min-width:0}
.provider-top{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:17px}
.provider-top h3{font-size:21px;letter-spacing:-.025em;color:#14394e;line-height:1.18;margin:4px 0 7px}
.provider-top p{font-size:12px;color:#6d8594;margin:0;line-height:1.4}
.provider-eyebrow{font-weight:850!important;color:#117b9a!important;letter-spacing:.1em;text-transform:uppercase;font-size:10px!important}
.provider-source{white-space:nowrap;border:1px solid #d1e4ee;padding:8px 10px;border-radius:30px;background:#e8f3f9;color:#24566e;font-size:11px;font-weight:750}
.provider-controls{display:flex;align-items:end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:13px}
.provider-control-group{min-width:0;flex:1}
.provider-control-group.model-selector{flex:0 1 185px;min-width:150px}
.provider-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;color:#637f90;margin:0 0 8px}
.provider-layer-rail{display:flex;gap:7px;overflow-x:auto;padding:1px 2px 8px;scrollbar-width:thin}
.provider-layer-rail button{white-space:nowrap;flex:none;border:1px solid #cddce6;background:#fff;color:#244f67;border-radius:10px;font-size:12px;font-weight:800;padding:12px 13px}
.provider-layer-rail button[aria-pressed="true"]{background:#0e5276;color:white;border-color:#0e5276}
.provider-control-group select{background:#fff;color:#244f67;border:1px solid #cddce6;border-radius:10px;font-size:13px;font-weight:800;padding:11px 12px;width:100%;height:43px}
.real-map-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid #c4dae7;background:#d7e9ef;height:clamp(390px,55vw,570px)}
.real-map-frame iframe{position:absolute;inset:0;border:0;width:100%;height:100%;z-index:2;background:transparent}
.real-map-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;flex-direction:column;color:#37627a;font-size:12px;font-weight:700;z-index:1;text-align:center;padding:20px}
.real-map-loading[hidden]{display:none}
.real-map-spinner{width:22px;height:22px;border:3px solid #b7ceda;border-top-color:#187eb3;border-radius:50%;animation:provider-spin .9s linear infinite}
@keyframes provider-spin{to{transform:rotate(360deg)}}
.provider-action-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0}
.provider-action-bar span{display:flex;flex-direction:column;gap:4px;min-width:0}
.provider-action-bar strong{font-size:13px;color:#1c4c65}
.provider-action-bar small{font-size:11px;color:#677d8a;line-height:1.45}
.provider-action-bar a,.official-models a{flex:none;display:inline-flex;align-items:center;justify-content:center;padding:10px 13px;border-radius:10px;background:#e7f3f9;color:#11618c;font-size:11px;font-weight:800;text-align:center;border:1px solid #bedceb}
.provider-note{background:#fff8e8;border:1px solid #f0dab2;border-radius:12px;padding:12px 14px;line-height:1.55;font-size:11px;color:#755b2f;margin:0 0 12px}
.provider-note strong{display:block;color:#79501d;margin-bottom:3px}
.official-models{background:#eef4f6;border-radius:12px;padding:13px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.official-models div{display:flex;flex-direction:column;gap:5px}.official-models strong{font-size:12px;color:#2e5365}.official-models span{font-size:11px;color:#6d8290;line-height:1.45}
@media(max-width:710px){.provider-card{padding:11px}.provider-top{gap:9px;flex-wrap:wrap}.provider-top h3{font-size:17px}.provider-source{font-size:10px;padding:6px 9px}.provider-controls{display:block}.provider-control-group.model-selector{margin:2px 0 12px}.provider-layer-rail button{padding:10px 10px}.provider-control-group select{max-width:none}.real-map-frame{height:510px}.provider-action-bar{align-items:stretch;flex-wrap:wrap}.provider-action-bar a{width:100%}.official-models{flex-wrap:wrap}.official-models a{width:100%}}
@media(max-width:380px){.real-map-frame{height:470px}}


/* ElTiempoEnJumilla · Vista WordPress privada. */

/* Reglas específicas para portada de WordPress, sin cabecera ni pie del tema. */
html{scroll-padding-top:32px}body.etj-wordpress{margin:0;overflow-x:hidden}
body.etj-wordpress .etj-pending-map{border:1px solid #d9e6ef;border-radius:16px;padding:50px 20px;background:linear-gradient(160deg,#edf6fa,#fafcfd);text-align:center;color:#23445c;}
body.etj-wordpress .etj-pending-map h3{font-size:clamp(21px,2.5vw,28px);margin:8px 0 12px}
body.etj-wordpress .etj-pending-map p{max-width:580px;margin:10px auto;font-size:14px;line-height:1.7}
body.etj-wordpress .etj-pending-map .etj-pending-small{font-size:12px;color:#657d8f}
body.etj-wordpress .etj-pending-map a{display:inline-block;margin-top:17px;text-decoration:underline;color:#0b6194;font-weight:700}
body.etj-wordpress .etj-pending-icon{font-size:48px;color:#438baf}
body.etj-wordpress .visitor-preview{background:#193247;color:#fff}
body.etj-wordpress .visitor-preview strong{color:#fff}
/* En una página real nunca se muestra el aviso de Chrome/SSL como elemento de la web. */

/* ============ v0.2 · Vista inmersiva y 3 niveles de datos ============ */
/* Las imágenes de prueba son 4:3. Sin recorte ni distorsión: la altura resulta del ancho.
   Cuando haya fotos maestras 16:9, el hero ajustará dinámicamente esa proporción. */
body.etj-wordpress .hero{height:auto!important;min-height:0!important;aspect-ratio:4/3;overflow:hidden}
body.etj-wordpress .hero-photo{object-fit:contain!important;object-position:center center!important}
body.etj-wordpress .hero-bg{opacity:0!important}
body.etj-wordpress .hero .pilot-details{display:none!important}
body.etj-wordpress .hero .hero-shade{pointer-events:none}
body.etj-wordpress .etj-meteo-overlay{
 position:absolute;z-index:7;top:clamp(82px,7.1vw,115px);right:max(15px,calc((100% - 1260px)/2));
 width:min(398px,calc(100% - 30px)); padding:16px 17px 12px;
 border:1px solid rgba(227,243,253,.30);border-radius:18px;
 background:linear-gradient(135deg,rgba(8,35,55,.79),rgba(10,35,52,.62));
 color:#f5fbff;box-shadow:0 14px 38px rgba(0,0,0,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
 transition:opacity .2s ease,transform .2s ease;pointer-events:auto;
}
body.etj-wordpress .hero .chip{display:none!important}
body.etj-wordpress .etj-meteo-main{display:flex;align-items:center;justify-content:space-between;gap:14px}
body.etj-wordpress .etj-meteo-current{min-width:0;flex:1}
body.etj-wordpress .etj-meteo-kicker{font-size:10px;font-weight:800;letter-spacing:.085em;color:#c2e4f6;display:block;margin-bottom:8px}
body.etj-wordpress .etj-demo-mark{font-size:8px;color:#ffdc91;border:1px solid #ffdc9160;padding:2px 4px;border-radius:4px;margin-left:3px}
body.etj-wordpress .etj-current-line{display:flex;align-items:center;gap:8px}
body.etj-wordpress .etj-weather-icon{font-size:29px;line-height:1}
body.etj-wordpress .etj-current-temp{font-size:clamp(28px,3.1vw,39px);font-weight:800;letter-spacing:-.06em;line-height:1.1;white-space:nowrap}
body.etj-wordpress .etj-current-desc{font-size:11px;color:#e1ebf4;display:block;margin-top:6px;white-space:normal}
body.etj-wordpress .etj-extremes{display:grid;gap:7px;padding-left:12px;border-left:1px solid rgba(236,247,255,.26)}
body.etj-wordpress .etj-extreme{display:flex;align-items:center;justify-content:space-between;gap:8px;white-space:nowrap}
body.etj-wordpress .etj-extreme span{font-size:11px;color:#e0e8f0}
body.etj-wordpress .etj-extreme.high span{color:#ffbd9d}
body.etj-wordpress .etj-extreme.low span{color:#a9d8ff}
body.etj-wordpress .etj-extreme strong{font-size:20px;font-weight:800;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
body.etj-wordpress .etj-extra-weather{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:13px;padding-top:12px;border-top:1px solid #ffffff40}
body.etj-wordpress .etj-extra-weather>div{display:flex;flex-direction:column;align-items:center;min-width:0;gap:3px}
body.etj-wordpress .etj-extra-weather>div>span{font-size:17px;color:#b1dcef}
body.etj-wordpress .etj-extra-weather strong{font-size:12px;white-space:nowrap}
body.etj-wordpress .etj-extra-weather small{font-size:10px;color:#cfdeea}
body.etj-wordpress .etj-meteo-update{display:none;color:#bad4e4;font-size:9px;margin-top:10px;text-align:right}
body.etj-wordpress .hero[data-etj-view="basic"] .etj-extra-weather{display:none}
body.etj-wordpress .hero[data-etj-view="full"] .etj-meteo-update{display:block}
body.etj-wordpress .hero[data-etj-view="none"] .etj-meteo-overlay{opacity:0;transform:translateY(-6px);pointer-events:none}
body.etj-wordpress .hero-buttons{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.etj-wordpress .etj-view-picker{position:relative;z-index:12}
body.etj-wordpress .hero-buttons button{min-height:35px}
body.etj-wordpress #etj-view-toggle{font-size:11px;font-weight:750;display:flex;align-items:center;gap:6px;background:#0c2939bf;border:1px solid #ffffff65;color:#fff;border-radius:11px;padding:8px 10px;white-space:nowrap}
body.etj-wordpress #etj-view-toggle:focus-visible,body.etj-wordpress .etj-view-menu button:focus-visible{outline:3px solid #ffdb7b;outline-offset:2px}
body.etj-wordpress .etj-view-menu{position:absolute;right:0;bottom:calc(100% + 8px);width:234px;max-width:calc(100vw - 22px);padding:6px;border:1px solid #ffffff46;border-radius:12px;background:#0b2739ee;box-shadow:0 12px 30px #0008;backdrop-filter:blur(12px)}
body.etj-wordpress .etj-view-menu button{color:#eef6ff;background:transparent;border:0;text-align:left;display:flex;flex-direction:column;width:100%;gap:2px;padding:9px 11px;border-radius:8px;font-size:12px;font-weight:750;line-height:1.2}
body.etj-wordpress .etj-view-menu button small{font-size:10px;font-weight:400;color:#b5cbda}
body.etj-wordpress .etj-view-menu button:hover,body.etj-wordpress .etj-view-menu button[aria-pressed="true"]{background:#206087}
body.etj-wordpress .hero:fullscreen,body.etj-wordpress .hero.etj-cinema-fallback{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;z-index:999999!important;background:#030e19}
body.etj-wordpress .hero:fullscreen .hero-photo,body.etj-wordpress .hero.etj-cinema-fallback .hero-photo{object-fit:contain!important;object-position:center center!important}
body.etj-wordpress .hero:fullscreen .hero-bg,body.etj-wordpress .hero.etj-cinema-fallback .hero-bg{opacity:.30!important}
body.etj-wordpress .hero:fullscreen .etj-meteo-overlay,body.etj-wordpress .hero.etj-cinema-fallback .etj-meteo-overlay{top:clamp(80px,12vh,120px)}
@media (max-width:700px){
 body.etj-wordpress .hero{height:auto!important;min-height:0!important;aspect-ratio:4/3}
 body.etj-wordpress .nav{height:47px;padding:0 10px}
 body.etj-wordpress .brand-logo{width:28px;height:28px;font-size:16px}
 body.etj-wordpress .brand strong{font-size:12px}
 body.etj-wordpress .brand small{font-size:8px}
 body.etj-wordpress .nav-mobile-link{font-size:10px;padding:5px 7px}
 body.etj-wordpress .etj-meteo-overlay{top:51px;right:8px;width:min(268px,calc(100% - 16px));padding:9px 10px;border-radius:12px}
 body.etj-wordpress .etj-meteo-main{gap:8px}
 body.etj-wordpress .etj-meteo-kicker{font-size:8px;letter-spacing:.035em;margin-bottom:3px}
 body.etj-wordpress .etj-current-line{gap:4px}
 body.etj-wordpress .etj-current-temp{font-size:25px}
 body.etj-wordpress .etj-weather-icon{font-size:20px}
 body.etj-wordpress .etj-current-desc{font-size:9px;margin-top:2px;line-height:1.2}
 body.etj-wordpress .etj-extremes{padding-left:8px;gap:3px}
 body.etj-wordpress .etj-extreme{gap:4px}
 body.etj-wordpress .etj-extreme span{font-size:9px}
 body.etj-wordpress .etj-extreme strong{font-size:14px}
 body.etj-wordpress .etj-extra-weather{gap:3px;padding-top:5px;margin-top:5px}
 body.etj-wordpress .etj-extra-weather>div>span{font-size:11px}
 body.etj-wordpress .etj-extra-weather strong{font-size:9px}
 body.etj-wordpress .etj-extra-weather small{font-size:8px}
 body.etj-wordpress .etj-meteo-update{font-size:8px;margin-top:4px}
 body.etj-wordpress .hero-foot{left:7px;right:7px;bottom:7px;gap:4px;align-items:flex-end}
 body.etj-wordpress .hero-caption{gap:3px}
 body.etj-wordpress .hero-caption .place-caption{font-size:9px}
 body.etj-wordpress .scenehint{font-size:8px;padding:2px 4px}
 body.etj-wordpress .hero-buttons{gap:4px}
 body.etj-wordpress #etj-view-toggle{font-size:9px;padding:5px 6px;min-height:29px}
 body.etj-wordpress .hero-foot .hero-buttons>button{font-size:9px;padding:5px 6px;min-height:29px}
 body.etj-wordpress .hero .hero-scene-arrow{top:58%;width:25px;height:36px;font-size:21px}
 body.etj-wordpress .etj-view-menu{width:192px}
 body.etj-wordpress .hero[data-etj-view="full"] .hero-caption{display:none}
 body.etj-wordpress .hero:fullscreen .nav,body.etj-wordpress .hero.etj-cinema-fallback .nav{height:59px}
 body.etj-wordpress .hero:fullscreen .etj-meteo-overlay,body.etj-wordpress .hero.etj-cinema-fallback .etj-meteo-overlay{top:70px}
}
@media(max-width:420px){
 body.etj-wordpress .hero-foot{flex-wrap:nowrap}
 body.etj-wordpress .hero-caption{max-width:28%}
 body.etj-wordpress .hero-buttons{flex-wrap:nowrap}
 body.etj-wordpress .hero-buttons>button#sound-toggle{font-size:0;padding:6px;min-width:30px}
 body.etj-wordpress .hero-buttons>button#sound-toggle::before{content:"♫";font-size:15px}
 body.etj-wordpress #fit-photo{font-size:0!important;padding:5px 8px!important;min-width:30px}
 body.etj-wordpress #fit-photo::before{content:"⛶";font-size:18px}
 body.etj-wordpress .hero:fullscreen #fit-photo::before,body.etj-wordpress .hero.etj-cinema-fallback #fit-photo::before{content:"✕"}
}
@media(prefers-reduced-motion:reduce){body.etj-wordpress .etj-meteo-overlay{transition:none}}

/* v0.3: fotografía original 2048 × 1152, ningún recorte; céu dinámico detrás del alfa */
body.etj-wordpress .hero{aspect-ratio:16 / 9;min-height:0!important;height:auto!important}
body.etj-wordpress .hero .hero-photo{object-fit:contain!important;object-position:center center!important;z-index:-6;filter:brightness(var(--fg-bright,1))!important}
body.etj-wordpress .hero .etj-photo-next{z-index:-5;opacity:0;pointer-events:none;transition:opacity .9s ease!important}
body.etj-wordpress .hero .etj-photo-next.etj-visible{opacity:1}
body.etj-wordpress .hero[data-pilot="true"] .pilot-sky{display:block;z-index:-7}
body.etj-wordpress .hero[data-pilot="true"] .hero-bg{display:none!important}
body.etj-wordpress .hero .pilot-clouds{z-index:1}
body.etj-wordpress .hero .pilot-stars{z-index:2}
body.etj-wordpress .hero .pilot-sun,body.etj-wordpress .hero .pilot-moon{z-index:3}
body.etj-wordpress .hero .sky-deco{display:none!important}
body.etj-wordpress .hero .pilot-details{display:none!important}
body.etj-wordpress .hero .etj-meteo-overlay{z-index:8}
body.etj-wordpress .hero .etj-view-menu[hidden]{display:none!important}
/* En pantallas pequeñas, no ocupar el cielo con tarjetas grandes. */
@media(max-width:700px){
 body.etj-wordpress .hero{height:auto!important;min-height:0!important;aspect-ratio:16 / 9}
 body.etj-wordpress .hero .nav{height:43px;padding:0 9px}
 body.etj-wordpress .hero .etj-meteo-overlay{top:46px;width:min(246px,calc(100% - 18px));padding:7px 9px}
 body.etj-wordpress .hero .etj-meteo-kicker{font-size:7px;margin-bottom:1px}
 body.etj-wordpress .hero .etj-current-temp{font-size:23px}
 body.etj-wordpress .hero .etj-weather-icon{font-size:18px}
 body.etj-wordpress .hero .etj-extreme strong{font-size:13px}
 body.etj-wordpress .hero .etj-current-desc{font-size:8px}
 body.etj-wordpress .hero .etj-extra-weather small{font-size:8px}
 body.etj-wordpress .hero .hero-caption{display:none}
 body.etj-wordpress .hero .hero-foot{bottom:4px}
 body.etj-wordpress .hero .hero-buttons{justify-content:center}
 body.etj-wordpress .hero .hero-scene-arrow{top:62%}
}
@media(max-width:420px){
 body.etj-wordpress .hero .etj-meteo-overlay{width:min(218px,calc(100% - 18px))}
 body.etj-wordpress .hero[data-etj-view="full"] .etj-extra-weather{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:3px;padding-top:3px}
 body.etj-wordpress .hero .etj-meteo-update{display:none!important}
}
/* En fullscreen las escenas se ajustan completas a la pantalla */
body.etj-wordpress .hero:fullscreen .hero-photo,body.etj-wordpress .hero.etj-cinema-fallback .hero-photo{object-fit:contain!important}


/* v0.5: UN ÚNICO control de tiempo SOBRE la fotografía (normal + pantalla completa). */
body.etj-wordpress .hero .etj-time-overlay{
 position:absolute;z-index:18;left:50%;bottom:clamp(47px,5.5vw,76px);
 transform:translateX(-50%);width:min(790px,calc(100% - 36px));
 padding:9px 12px;display:flex;align-items:center;gap:12px;
 border:1px solid rgba(211,234,247,.36);border-radius:14px;
 background:rgba(5,28,44,.86);color:#f6faff;
 box-shadow:0 8px 26px rgba(1,14,26,.28);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)
}
body.etj-wordpress .etj-time-track{min-width:0;flex:1;display:flex;flex-direction:column;gap:4px}
body.etj-wordpress .etj-time-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;line-height:1.15}
body.etj-wordpress .etj-time-heading label{font-size:11px;white-space:nowrap;color:#deedf6;font-weight:650;min-width:0;overflow:hidden;text-overflow:ellipsis}
body.etj-wordpress .etj-time-heading strong{color:#fff;font-weight:760}
body.etj-wordpress .etj-time-demo{flex-shrink:0;background:rgba(236,184,91,.17);color:#ffe0a3;border:1px solid rgba(236,184,91,.38);border-radius:5px;padding:2px 4px;font-size:8px;font-weight:800;letter-spacing:.07em}
body.etj-wordpress .etj-time-overlay input[type=range]{display:block;appearance:auto;accent-color:#f1c36b;cursor:pointer;min-width:0;width:100%;height:18px;margin:0;background:transparent}
body.etj-wordpress .etj-time-scale{display:flex;justify-content:space-between;color:#acc9dc;font-size:9px;line-height:1}
body.etj-wordpress .etj-time-overlay button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(239,247,255,.3);border-radius:9px;padding:8px 12px;min-height:35px;flex-shrink:0;background:rgba(255,255,255,.08);color:white;font-size:11px;font-weight:760;white-space:nowrap;cursor:pointer}
body.etj-wordpress .etj-time-overlay .etj-time-play{background:#0f6590;border-color:#2e8ab2;min-width:105px}
body.etj-wordpress .etj-time-overlay button:disabled{opacity:.52;cursor:default}
body.etj-wordpress .etj-time-overlay button:focus-visible,body.etj-wordpress .etj-time-overlay input:focus-visible{outline:3px solid #ffdc88;outline-offset:3px}
body.etj-wordpress .etj-sr-only{position:absolute!important;clip-path:inset(50%)!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}
/* El control es exactamente el mismo en pantalla completa; no hay una segunda versión duplicada. */
body.etj-wordpress .hero:fullscreen .etj-time-overlay,body.etj-wordpress .hero.etj-cinema-fallback .etj-time-overlay{
 bottom:clamp(48px,7vh,83px);width:min(790px,calc(100% - 30px));
}
@media(max-width:700px){
 body.etj-wordpress .hero .etj-time-overlay{width:calc(100% - 20px);bottom:34px;padding:5px 8px;gap:7px;border-radius:10px}
 body.etj-wordpress .etj-time-overlay button{min-height:29px;padding:5px 7px;font-size:10px;gap:4px}
 body.etj-wordpress .etj-time-overlay .etj-time-play{min-width:0}
 body.etj-wordpress .etj-time-heading label{font-size:9px}
 body.etj-wordpress .etj-time-demo{font-size:7px;padding:1px 3px}
 body.etj-wordpress .etj-time-track{gap:0}
 body.etj-wordpress .etj-time-overlay input[type=range]{height:14px}
 body.etj-wordpress .etj-time-scale{font-size:8px}
 body.etj-wordpress .hero:fullscreen .etj-time-overlay,body.etj-wordpress .hero.etj-cinema-fallback .etj-time-overlay{bottom:44px}
}
@media(max-width:420px){
 body.etj-wordpress .etj-time-overlay .etj-time-play span{display:none}
 body.etj-wordpress .etj-time-overlay .etj-time-now span{display:none}
 body.etj-wordpress .etj-time-demo{font-size:0;letter-spacing:0}
 body.etj-wordpress .etj-time-demo::after{content:'DEMO';font-size:7px}
 body.etj-wordpress .etj-time-overlay button{min-width:31px;min-height:31px;font-size:15px}
 body.etj-wordpress .etj-time-heading label{font-size:8px}
 body.etj-wordpress .etj-time-scale span:nth-child(2),body.etj-wordpress .etj-time-scale span:nth-child(4){display:none}
}

/* v0.5.1 · Corrección: el desplegable debe quedar por encima de la línea temporal.
   La barra de tiempo está en z-index:18; el menú vivía en .hero-foot (z-index:4),
   así que aumentar solamente el z-index del menú no podía resolverlo. */
body.etj-wordpress .hero.etj-view-menu-open .hero-foot{z-index:30!important}
body.etj-wordpress .hero.etj-view-menu-open .etj-view-picker{z-index:31}
body.etj-wordpress .hero.etj-view-menu-open .etj-view-menu{z-index:32}


/* v0.5.3: el relieve arquitectónico está iluminado DENTRO de jumilla-noche.webp.
   Solo se superponen dos recortes exactos de ventanas para variaciones minúsculas.
   Cada recorte conserva tamaño y alfa de la foto maestra (2048×1152). */
body.etj-wordpress .hero img.etj-micro-lights{
 position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
 object-fit:contain!important;object-position:center center!important;
 z-index:-4!important;pointer-events:none!important;
 filter:none!important;mix-blend-mode:normal!important;
 opacity:0;will-change:opacity;
}
body.etj-wordpress .hero img.etj-micro-lights-1{
 animation:etj-light-variation-1 13.6s ease-in-out infinite;
}
body.etj-wordpress .hero img.etj-micro-lights-2{
 animation:etj-light-variation-2 18.4s ease-in-out -6.8s infinite;
}
@keyframes etj-light-variation-1{
 0%,100%{opacity:calc(var(--etj-micro-opacity,0)*.12)}
 18%{opacity:calc(var(--etj-micro-opacity,0)*.26)}
 46%{opacity:calc(var(--etj-micro-opacity,0)*.16)}
 72%{opacity:calc(var(--etj-micro-opacity,0)*.31)}
 89%{opacity:calc(var(--etj-micro-opacity,0)*.19)}
}
@keyframes etj-light-variation-2{
 0%,100%{opacity:calc(var(--etj-micro-opacity,0)*.18)}
 25%{opacity:calc(var(--etj-micro-opacity,0)*.29)}
 59%{opacity:calc(var(--etj-micro-opacity,0)*.13)}
 85%{opacity:calc(var(--etj-micro-opacity,0)*.24)}
}
/* Estrellas de distintas magnitudes que titilan a destiempo, solo con cielo despejado. */
body.etj-wordpress .hero .pilot-star{
 width:var(--size,1.2px);height:var(--size,1.2px);
 box-shadow:0 0 3px rgba(232,244,255,.50);
 opacity:calc(var(--o,.65)*.75);
 animation:etj-star-twinkle var(--d,11s) ease-in-out var(--delay,0s) infinite;
}
@keyframes etj-star-twinkle{
 0%,100%{opacity:calc(var(--o,.65)*.73);transform:scale(.98)}
 17%{opacity:calc(var(--o,.65)*var(--low,.45));transform:scale(.96)}
 39%{opacity:calc(var(--o,.65)*.86);transform:scale(1.03)}
 67%{opacity:calc(var(--o,.65)*.56);transform:scale(.99)}
 84%{opacity:var(--o,.65);transform:scale(1.06)}
}
@media(prefers-reduced-motion:reduce){
 body.etj-wordpress .hero img.etj-micro-lights{animation:none!important;opacity:0!important}
 body.etj-wordpress .hero .pilot-star{animation:none!important;opacity:calc(var(--o,.65)*.75)}
}
/* El menú de niveles de datos se abre por encima de la línea de tiempo. */
body.etj-wordpress .hero.etj-view-menu-open>.hero-foot{z-index:35!important}
body.etj-wordpress .hero.etj-view-menu-open .etj-view-picker{z-index:36!important}
body.etj-wordpress .hero.etj-view-menu-open .etj-view-menu{z-index:37!important}

/* v0.5.4 · Osas visibles, estrellas con titileo independiente y guías opcionales. */
body.etj-wordpress .hero .pilot-stars{pointer-events:none;filter:none;z-index:2}
body.etj-wordpress .hero .etj-star-chart{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
body.etj-wordpress .hero .etj-constellation-star{fill:#fffdfa;stroke:rgba(219,238,255,.45);stroke-width:.55;opacity:1;filter:drop-shadow(0 0 4px rgba(222,238,255,.95));transform-box:fill-box;transform-origin:center;animation:etj-real-twinkle var(--period,5s) ease-in-out var(--phase,0s) infinite}
body.etj-wordpress .hero .etj-star-flare{fill:none;stroke:#dde9ff;stroke-width:1.05;stroke-linecap:round;opacity:.30;filter:drop-shadow(0 0 2px #e8f4ff);animation:etj-flare-twinkle 8s ease-in-out infinite}
@keyframes etj-real-twinkle{0%,100%{opacity:.94;filter:drop-shadow(0 0 4px rgba(240,246,255,.9));transform:scale(1)}12%{opacity:var(--lo,.56);filter:drop-shadow(0 0 1px rgba(242,246,255,.3));transform:scale(.82)}19%{opacity:1;filter:drop-shadow(0 0 8px #dfeaff);transform:scale(1.16)}30%{opacity:.8;transform:scale(.97)}62%{opacity:.64;transform:scale(.9)}69%{opacity:1;filter:drop-shadow(0 0 7px #e4efff);transform:scale(1.12)}85%{opacity:.8;transform:scale(.96)}}
@keyframes etj-flare-twinkle{0%,100%{opacity:.12}23%,27%{opacity:.56}31%{opacity:.12}60%,65%{opacity:.34}70%{opacity:.13}}
body.etj-wordpress .hero .etj-constellation-guide{fill:none;stroke:#b8d9f0;stroke-width:1.65;stroke-dasharray:4 9;opacity:0;transition:opacity .3s ease}
body.etj-wordpress .hero .etj-constellation-label{font:600 23px/1 system-ui,-apple-system,sans-serif;letter-spacing:4px;fill:#d3e6f5;opacity:0;paint-order:stroke;stroke:rgba(5,18,35,.65);stroke-width:5;transition:opacity .3s ease}
body.etj-wordpress .hero.etj-guides-on .etj-constellation-guide{opacity:.48}
body.etj-wordpress .hero.etj-guides-on .etj-constellation-label{opacity:.85}
body.etj-wordpress #etj-constellations-toggle{background:#09243ab8;color:#fff;border:1px solid #ffffff8a;border-radius:11px;padding:10px 12px;font-size:12px;font-weight:750;backdrop-filter:blur(10px)}
body.etj-wordpress #etj-constellations-toggle[aria-pressed="true"]{border-color:#f0d394;color:#ffe5a0}
@media(max-width:1150px){body.etj-wordpress #etj-constellations-toggle span{display:none}body.etj-wordpress #etj-constellations-toggle{min-width:34px;padding:7px 9px}}
@media(max-width:700px){body.etj-wordpress #etj-constellations-toggle{min-width:27px;padding:5px 7px;font-size:13px}}
@media(prefers-reduced-motion:reduce){body.etj-wordpress .hero .etj-constellation-star,body.etj-wordpress .hero .etj-star-flare{animation:none!important;transform:none!important;opacity:.85!important}}


/* v0.5.5 — Escena móvil inmersiva 80 % fotografía + 20 % controles.
   En escritorio se conserva la composición panorámica sin recortar. */
body.etj-wordpress .hero>.etj-scene-stage{
 position:absolute;inset:0;overflow:hidden;isolation:isolate;
}
body.etj-wordpress .hero>.etj-mobile-dock{display:contents}
/* El cielo, sol, luna y estrellas se calculan sobre la MISMA área recortada de la fotografía. */
body.etj-wordpress .etj-scene-stage>.pilot-sky{z-index:-7}
@media(max-width:700px){
 body.etj-wordpress .hero,
 body.etj-wordpress .hero:fullscreen,
 body.etj-wordpress .hero.etj-cinema-fallback{
   display:flex!important;flex-direction:column!important;
   height:clamp(570px,89svh,850px)!important;min-height:0!important;
   aspect-ratio:auto!important;overflow:hidden!important;background:#0a2133;
 }
 body.etj-wordpress .hero:fullscreen,
 body.etj-wordpress .hero.etj-cinema-fallback{
   height:100dvh!important;min-height:0!important;
 }
 body.etj-wordpress .hero>.etj-scene-stage{
   position:relative;inset:auto;width:100%;height:auto;flex:1 1 80%;
   min-height:0;overflow:hidden;isolation:isolate;
 }
 body.etj-wordpress .hero>.etj-mobile-dock{
   display:flex;flex:0 0 20%;min-height:135px;max-height:190px;
   box-sizing:border-box;flex-direction:column;justify-content:center;
   gap:7px;padding:9px 9px 11px;background:#0b2638;
   border-top:1px solid rgba(208,230,245,.22);
   position:relative;z-index:20;
 }
 body.etj-wordpress .hero .etj-scene-stage .hero-photo,
 body.etj-wordpress .hero:fullscreen .etj-scene-stage .hero-photo,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-scene-stage .hero-photo{
   object-fit:cover!important;
   object-position:var(--etj-mobile-focus-x,34%) var(--etj-mobile-focus-y,50%)!important;
   width:100%!important;height:100%!important;
 }
 /* Los recortes de microiluminación usan exactamente la misma transformación espacial. */
 body.etj-wordpress .hero .etj-scene-stage img.etj-micro-lights,
 body.etj-wordpress .hero:fullscreen .etj-scene-stage img.etj-micro-lights{
   object-fit:cover!important;
   object-position:var(--etj-mobile-focus-x,34%) var(--etj-mobile-focus-y,50%)!important;
 }
 body.etj-wordpress .hero .etj-scene-stage .nav{
   height:45px;padding:0 10px;background:linear-gradient(180deg,rgba(4,19,34,.55),transparent);
 }
 /* Tarjeta más baja y compacta en móvil para no ocupar toda la panorámica. */
 body.etj-wordpress .hero .etj-scene-stage .etj-meteo-overlay{
   position:absolute;top:52px;right:9px;left:auto;
   width:min(205px,calc(100% - 18px));padding:8px 9px;
   z-index:8;border-radius:12px;
 }
 body.etj-wordpress .hero .etj-meteo-kicker{font-size:7px}
 body.etj-wordpress .hero .etj-current-temp{font-size:25px}
 body.etj-wordpress .hero .etj-extreme span{font-size:8px}
 body.etj-wordpress .hero .etj-extreme strong{font-size:13px}
 body.etj-wordpress .hero .etj-scene-stage .hero-scene-arrow{top:55%;width:27px;height:40px}
 /* Única línea temporal, dentro de la franja inferior y fuera de la fotografía. */
 body.etj-wordpress .hero .etj-mobile-dock .etj-time-overlay,
 body.etj-wordpress .hero:fullscreen .etj-mobile-dock .etj-time-overlay,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-mobile-dock .etj-time-overlay{
   position:relative!important;left:auto!important;right:auto!important;top:auto!important;
   bottom:auto!important;transform:none!important;
   order:1;width:100%!important;max-width:none;box-sizing:border-box;
   margin:0!important;padding:5px 7px;border-radius:9px;gap:6px;
   box-shadow:none;background:rgba(5,25,40,.35);
 }
 body.etj-wordpress .hero .etj-mobile-dock .hero-foot,
 body.etj-wordpress .hero:fullscreen .etj-mobile-dock .hero-foot,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-mobile-dock .hero-foot{
   position:relative!important;left:auto!important;right:auto!important;top:auto!important;
   bottom:auto!important;transform:none!important;z-index:21;
   order:2;margin:0!important;padding:0;width:100%;display:flex;
   align-items:center!important;justify-content:center!important;gap:4px;
   flex-direction:row!important;
 }
 body.etj-wordpress .hero .hero-caption{display:none!important}
 body.etj-wordpress .hero .hero-foot .hero-buttons{
   width:100%;justify-content:center;flex-wrap:nowrap!important;gap:7px;align-items:center;
 }
 body.etj-wordpress .hero .hero-foot .hero-buttons>*{flex:0 0 auto}
 body.etj-wordpress .hero .hero-foot .hero-buttons #etj-view-toggle,
 body.etj-wordpress .hero .hero-foot .hero-buttons>button,
 body.etj-wordpress .hero .hero-foot .hero-buttons #etj-constellations-toggle{
   min-height:34px!important;padding:6px 8px!important;
 }
 body.etj-wordpress .hero .etj-view-menu{bottom:calc(100% + 7px)}
 body.etj-wordpress .hero.etj-view-menu-open .hero-foot{z-index:32!important}
 body.etj-wordpress .hero.etj-view-menu-open .etj-view-menu{z-index:35!important}
 body.etj-wordpress .hero .etj-time-heading label{font-size:10px}
 body.etj-wordpress .hero .etj-time-scale{font-size:8px}
 body.etj-wordpress .hero .etj-time-overlay input[type=range]{height:20px}
 body.etj-wordpress .hero .etj-time-overlay button{min-height:38px;min-width:36px}
}
@media(max-width:380px){
 body.etj-wordpress .hero>.etj-mobile-dock{padding:7px 6px;min-height:130px}
 body.etj-wordpress .hero .hero-foot .hero-buttons{gap:4px}
 body.etj-wordpress .hero .hero-foot .hero-buttons #etj-view-toggle{padding:5px!important}
}
/* El desplegable móvil se abre por encima del deslizador, sin cubrir la barra temporal. */
@media(max-width:700px){
 body.etj-wordpress .hero .etj-mobile-dock .etj-view-menu{
   bottom:calc(100% + 72px)!important;
 }
}


/* v0.5.6 — atmósfera realista y gotas sobre cristal */
body.etj-wordpress .hero[data-pilot="true"] .cloud{display:none!important}
body.etj-wordpress .hero .pilot-clouds{inset:-3%;filter:none;background-image:linear-gradient(180deg,rgba(145,151,165,.82),rgba(198,203,208,.84) 48%,rgba(170,181,192,.90)),var(--etj-cloud-texture);background-blend-mode:multiply,normal;background-size:cover,120% 120%;background-position:center;animation:etj-gentle-clouds 160s ease-in-out infinite alternate;opacity:0;transition:opacity 1.2s ease}
body.etj-wordpress .hero[data-weather="cloudy"] .pilot-clouds{mask-image:linear-gradient(105deg,black 0%,transparent 49%,black 92%);-webkit-mask-image:linear-gradient(105deg,black 0%,transparent 49%,black 92%)}
body.etj-wordpress .hero[data-weather="overcast"] .pilot-clouds,body.etj-wordpress .hero[data-weather="storm"] .pilot-clouds,body.etj-wordpress .hero[data-weather="rain"] .pilot-clouds{mask-image:none;-webkit-mask-image:none}
@keyframes etj-gentle-clouds{from{transform:translateX(-1.5%) scale(1.01)}to{transform:translateX(1.5%) scale(1.025)}}
body.etj-wordpress .hero .etj-photo-atmosphere{position:absolute;inset:0;z-index:-2;pointer-events:none;background:var(--etj-atmo-color,#4b7aa1);mix-blend-mode:soft-light;opacity:var(--etj-atmo-opacity,0);transition:opacity 1.5s,background-color 1.5s}
body.etj-wordpress .hero .etj-photo-atmosphere::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 17%,rgba(210,224,233,.35) 90%);opacity:var(--etj-landscape-haze,0)}
body.etj-wordpress .hero #etj-glass-drops{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:0;transition:opacity 1s;}
body.etj-wordpress .hero[data-weather="rain"] #etj-glass-drops,body.etj-wordpress .hero[data-weather="storm"] #etj-glass-drops{opacity:.76}
@media(prefers-reduced-motion:reduce){body.etj-wordpress .hero .pilot-clouds{animation:none!important}}
/* Estrellas lejanas, sin brillo sobredimensionado. */
body.etj-wordpress .hero .etj-constellation-star{stroke:rgba(232,243,255,.30);stroke-width:.15;filter:drop-shadow(0 0 1.1px rgba(229,239,255,.6))}
body.etj-wordpress .hero .etj-star-flare{display:none!important}
body.etj-wordpress .hero .etj-constellation-guide{stroke-width:.75;stroke-dasharray:3 8}
body.etj-wordpress .hero.etj-guides-on .etj-constellation-guide{opacity:.28}
body.etj-wordpress .hero.etj-guides-on .etj-constellation-label{opacity:.65}
/* Sección Sol y Luna 25 % más contenida. */
body.etj-wordpress .astro-feature{min-height:156px}
body.etj-wordpress .astro-photo{flex-basis:31%;width:31%;max-height:165px}
body.etj-wordpress .astro-copy{padding:9px 12px}
body.etj-wordpress .astro-stat{padding:4px 0}
body.etj-wordpress .etj-astro-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
body.etj-wordpress .etj-sky-mode-label{font-size:11px;display:flex;align-items:center;gap:5px;color:#5e7183}
body.etj-wordpress #etj-sky-mode{font-size:11px;max-width:175px;padding:6px;border:1px solid #d4e0e9;border-radius:7px}
body.etj-wordpress .etj-sky-explanation{font-size:11px;color:#77899b;margin:-3px 0 12px}
body.etj-wordpress .etj-orientation-label{font-size:10px;color:#e0edf7;margin-right:6px}
/* Escritorio: marco completo, imagen sin recorte y barra única de controles. */
@media(min-width:701px){
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback){
  width:min(calc(100vw - 34px),calc((100svh - 147px)*1.77778));height:auto!important;
  min-height:0!important;aspect-ratio:auto!important;display:flex!important;
  flex-direction:column;overflow:visible;margin:12px auto 0;border-radius:19px;
  background:#0a263b;box-shadow:0 15px 45px rgba(4,22,39,.16);
 }
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback)>.etj-scene-stage{
  position:relative!important;inset:auto!important;width:100%;height:auto;
  aspect-ratio:16/9;flex:0 0 auto;border-radius:19px 19px 0 0;overflow:hidden;
 }
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback)>.etj-mobile-dock{
  display:flex!important;align-items:center;justify-content:space-between;
  flex:0 0 74px;min-height:74px;background:#0b2539;padding:9px 12px;
  position:relative;z-index:25;gap:8px;border-radius:0 0 19px 19px;
 }
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .hero-foot{
  display:contents!important;
 }
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .hero-caption{
  position:relative;display:flex;flex:0 0 auto;max-width:145px;flex-direction:column;gap:2px;order:1;
 }
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .etj-time-overlay{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  transform:none!important;order:2;flex:1 1 320px;width:auto!important;max-width:none!important;
  min-width:245px;margin:0!important;box-shadow:none;padding:6px 7px;gap:6px;
 }
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .hero-buttons{
  order:3;display:flex;flex:0 0 auto;gap:4px;align-items:center;justify-content:flex-end;flex-wrap:nowrap;
 }
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .hero-buttons button{font-size:11px;padding:7px!important}
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .hero-buttons>button span{display:none}
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .hero-caption .place-caption{font-size:10px}
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .etj-time-heading{font-size:10px}
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .etj-time-overlay .etj-time-scale{display:none}
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .etj-view-menu{bottom:calc(100% + 10px)!important}
}
@media(min-width:701px) and (max-width:1100px){
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .hero-caption{display:none!important}
 body.etj-wordpress .hero:not(:fullscreen):not(.etj-cinema-fallback) .etj-time-overlay{min-width:200px}
}
/* Móvil: datos básicos en la franja inferior, castillo y cielo despejados. */
@media(max-width:700px){
 body.etj-wordpress .hero>.etj-mobile-dock{min-height:150px;max-height:205px;flex-basis:26%;justify-content:flex-end;padding-bottom:7px;gap:4px}
 body.etj-wordpress .hero>.etj-scene-stage{flex-basis:74%}
 body.etj-wordpress .hero .etj-scene-stage .etj-meteo-overlay{display:none!important}
 body.etj-wordpress .hero .etj-mobile-dock .etj-meteo-overlay{
  position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;
  display:block!important;width:100%!important;padding:4px 7px!important;margin:0!important;
  background:rgba(8,31,49,.58);border-radius:7px;box-shadow:none;z-index:2;
 }
 body.etj-wordpress .hero .etj-mobile-dock .etj-meteo-main{display:flex;align-items:center;justify-content:space-between;gap:6px}
 body.etj-wordpress .hero .etj-mobile-dock .etj-meteo-kicker,body.etj-wordpress .hero .etj-mobile-dock .etj-meteo-update{display:none!important}
 body.etj-wordpress .hero .etj-mobile-dock .etj-current-line{display:inline-flex!important;align-items:center;gap:4px}
 body.etj-wordpress .hero .etj-mobile-dock .etj-current-temp{font-size:20px!important}
 body.etj-wordpress .hero .etj-mobile-dock .etj-current-desc{font-size:9px!important}
 body.etj-wordpress .hero .etj-mobile-dock .etj-extra-weather{display:none!important}
 body.etj-wordpress .hero .etj-mobile-dock .etj-extremes{flex-direction:row;gap:10px}
 body.etj-wordpress .hero .etj-mobile-dock .etj-extreme{gap:0}
 body.etj-wordpress .hero .etj-mobile-dock .etj-extreme span{font-size:8px!important}
 body.etj-wordpress .hero .etj-mobile-dock .etj-extreme strong{font-size:13px!important}
 body.etj-wordpress .hero .etj-mobile-dock .etj-time-overlay{padding:3px 5px!important}
 body.etj-wordpress .hero .etj-mobile-dock .etj-time-overlay button{min-height:30px;min-width:29px}
 body.etj-wordpress .astro-photo{flex-basis:28%;width:28%;max-height:138px}
 body.etj-wordpress .astro-feature{min-height:139px}
}


/* v0.5.7 — Atmosfera meteorologica corregida: afectacion real a la fotografia */
body.etj-wordpress .hero[data-pilot="true"] .etj-scene-stage .hero-photo:not(.etj-micro-lights){
 filter:brightness(var(--fg-bright,1)) saturate(var(--fg-saturation,1)) sepia(var(--fg-sepia,0)) hue-rotate(var(--fg-hue,0deg))!important;
 transition:filter 1.4s ease,opacity .9s ease!important;
}
body.etj-wordpress .hero .etj-photo-atmosphere{
 z-index:-4!important;
 background-color:var(--etj-atmo-color,#62849a);
 mix-blend-mode:soft-light;
 opacity:var(--etj-atmo-opacity,0);
 transition:opacity 1.5s ease,background-color 1.5s ease;
}
body.etj-wordpress .hero .etj-photo-atmosphere::after{
 background:linear-gradient(180deg,transparent 18%,rgba(200,215,223,.15) 68%,rgba(196,212,225,.35));
 opacity:var(--etj-landscape-haze,0);
}
body.etj-wordpress .hero .pilot-clouds{
 inset:-1.5%;background-image:linear-gradient(180deg,rgba(154,162,171,.48),rgba(172,181,188,.34) 60%,rgba(180,189,197,.20)),var(--etj-cloud-texture);
 background-blend-mode:multiply,normal;
 background-size:cover,cover;
 background-position:center center;
 filter:none;
 animation:etj-gentle-clouds 175s ease-in-out infinite alternate;
}
/* Romper la mascara que producia huecos artificiales en la nubosidad parcial. */
body.etj-wordpress .hero[data-weather="cloudy"] .pilot-clouds{
 mask-image:linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.45) 47%,rgba(0,0,0,.77))!important;
 -webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.90),rgba(0,0,0,.45) 47%,rgba(0,0,0,.77))!important;
}
body.etj-wordpress .hero[data-weather="overcast"] .pilot-clouds,
body.etj-wordpress .hero[data-weather="rain"] .pilot-clouds,
body.etj-wordpress .hero[data-weather="storm"] .pilot-clouds{
 mask-image:none!important;-webkit-mask-image:none!important;
}
/* Selector astronomico accesible dentro del visor, sincronizado con la ficha Sol y Luna. */
body.etj-wordpress .etj-sky-mode-hero{
 display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;
 color:#f5f7fb;background:#09243ab8;border:1px solid #ffffff8a;
 border-radius:10px;padding:3px 6px;min-height:33px;white-space:nowrap;
 backdrop-filter:blur(10px);
}
body.etj-wordpress .etj-sky-mode-hero select{
 max-width:112px;font-size:11px;font-weight:700;color:#fff;background:transparent;
 border:0;outline-offset:2px;padding:3px 0;cursor:pointer;
}
body.etj-wordpress .etj-sky-mode-hero select option{color:#172e42;background:#fff}
body.etj-wordpress .etj-mode-icon{color:#d0e8fa;font-size:11px}
@media(max-width:1000px){body.etj-wordpress .etj-mode-icon{display:none}body.etj-wordpress .etj-sky-mode-hero{padding:2px 3px}body.etj-wordpress .etj-sky-mode-hero select{max-width:90px;font-size:10px}}
@media(max-width:700px){
 body.etj-wordpress .hero .etj-sky-mode-hero{min-height:32px;padding:3px 4px}
 body.etj-wordpress .etj-sky-mode-hero select{max-width:78px;font-size:10px}
 body.etj-wordpress .hero .hero-foot .hero-buttons{gap:3px}
}
/* Pantalla completa PC: una unica fila horizontal compacta, sin perder imagen. */
@media(min-width:701px){
 body.etj-wordpress .hero:fullscreen>.etj-mobile-dock,
 body.etj-wordpress .hero.etj-cinema-fallback>.etj-mobile-dock{
  position:absolute!important;left:12px!important;right:12px!important;
  bottom:14px!important;top:auto!important;z-index:45!important;
  width:calc(100% - 24px)!important;height:56px!important;min-height:56px!important;
  display:flex!important;flex-direction:row!important;align-items:center!important;
  gap:9px!important;padding:6px 9px!important;margin:0!important;
  border-radius:13px!important;background:rgba(6,25,40,.76)!important;
  box-shadow:0 5px 20px rgba(0,0,0,.2);
 }
 body.etj-wordpress .hero:fullscreen .etj-mobile-dock .hero-foot,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-mobile-dock .hero-foot{
  display:contents!important;
 }
 body.etj-wordpress .hero:fullscreen .etj-mobile-dock .hero-caption,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-mobile-dock .hero-caption{
  display:flex!important;position:relative!important;order:1!important;
  flex:0 0 170px!important;max-width:170px!important;min-width:0!important;
  flex-direction:column!important;gap:1px!important;white-space:nowrap;overflow:hidden;
 }
 body.etj-wordpress .hero:fullscreen .etj-mobile-dock .etj-time-overlay,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-mobile-dock .etj-time-overlay{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  transform:none!important;order:2!important;flex:1 1 440px!important;min-width:170px!important;
  width:auto!important;max-width:none!important;height:44px!important;
  margin:0!important;padding:4px 7px!important;gap:5px!important;box-shadow:none!important;
 }
 body.etj-wordpress .hero:fullscreen .etj-mobile-dock .hero-buttons,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-mobile-dock .hero-buttons{
  position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;top:auto!important;
  order:3!important;flex:0 0 auto!important;display:flex!important;
  flex-flow:row nowrap!important;align-items:center!important;gap:5px!important;margin:0!important;
 }
 body.etj-wordpress .hero:fullscreen .etj-mobile-dock .hero-buttons>*,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-mobile-dock .hero-buttons>*{
  flex:0 0 auto!important;
 }
 body.etj-wordpress .hero:fullscreen .etj-mobile-dock .hero-buttons button,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-mobile-dock .hero-buttons button{
  padding:7px 8px!important;min-height:32px!important;font-size:10px!important;
 }
 body.etj-wordpress .hero:fullscreen .etj-time-scale,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-time-scale{display:none!important}
 body.etj-wordpress .hero:fullscreen .etj-time-heading,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-time-heading{font-size:9px!important;line-height:1!important}
 body.etj-wordpress .hero:fullscreen #etj-time-play,
 body.etj-wordpress .hero.etj-cinema-fallback #etj-time-play{min-width:70px!important;padding:6px!important}
 body.etj-wordpress .hero:fullscreen #etj-time-play span,
 body.etj-wordpress .hero.etj-cinema-fallback #etj-time-play span{display:none!important}
 body.etj-wordpress .hero:fullscreen #etj-time-now,
 body.etj-wordpress .hero.etj-cinema-fallback #etj-time-now{min-width:34px!important;padding:6px!important}
}
@media(min-width:701px) and (max-width:1150px){
 body.etj-wordpress .hero:fullscreen .etj-mobile-dock .hero-caption,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-mobile-dock .hero-caption{display:none!important}
 body.etj-wordpress .hero:fullscreen .hero-buttons>button span,
 body.etj-wordpress .hero.etj-cinema-fallback .hero-buttons>button span{display:none!important}
}

/* V0.5.8 — panel compacto: temperatura | previsión horaria | lecturas. */
body.etj-wordpress .visitor-wrap .overview .section-head{margin-bottom:15px}
body.etj-wordpress .etj-observation-grid{
 display:grid;grid-template-columns:minmax(190px,.95fr) minmax(360px,2.15fr) minmax(288px,1.45fr);
 gap:16px;align-items:center;min-width:0;
}
body.etj-wordpress .etj-observation-grid>*{min-width:0}
body.etj-wordpress .etj-observation-grid .meteo-big{margin:0;align-self:center;gap:8px}
body.etj-wordpress .etj-observation-grid .meteo-big .emoji{font-size:36px}
body.etj-wordpress .etj-observation-grid .meteo-big strong{font-size:clamp(32px,3.3vw,47px)}
body.etj-wordpress .etj-observation-grid .meteo-big small{font-size:11px;line-height:1.35}
body.etj-wordpress .etj-observation-grid .stats{
 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:12px;
 border:0;border-left:1px solid #e3edf2;padding:4px 0 4px 16px;margin:0;
}
body.etj-wordpress .etj-observation-grid .stat{font-size:10px;line-height:1.24}
body.etj-wordpress .etj-observation-grid .stat b{font-size:15px;margin-top:4px;white-space:nowrap}
body.etj-wordpress .etj-hourly-inline{
 align-self:stretch;min-width:0;border-left:1px solid #e3edf2;padding:0 0 0 16px;
 display:flex;flex-direction:column;justify-content:center;gap:9px;
}
body.etj-wordpress .etj-hourly-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;min-width:0}
body.etj-wordpress .etj-hourly-heading .eyebrow{font-size:9px;margin:0 0 2px}
body.etj-wordpress .etj-hourly-heading h3{font-size:17px;line-height:1.12;margin:0;color:#143952}
body.etj-wordpress .etj-hourly-heading>small{font-size:9px;color:#7b91a3;white-space:nowrap}
body.etj-wordpress .etj-hourly-inline .hourly-rail{
 display:flex;gap:7px;overflow-x:auto;overflow-y:hidden;min-width:0;padding:0 0 6px;
 scrollbar-width:thin;scroll-snap-type:x proximity;overscroll-behavior-inline:contain;
}
body.etj-wordpress .etj-hourly-inline .hourcell{
 flex:0 0 72px;min-width:72px;padding:10px 3px 9px;border-radius:12px;
 background:#f5f9fc;border-color:#e6eef4;scroll-snap-align:start;
}
body.etj-wordpress .etj-hourly-inline .hourcell strong{font-size:10px}
body.etj-wordpress .etj-hourly-inline .hourcell .hour-icon{font-size:19px;margin:6px 0}
body.etj-wordpress .etj-hourly-inline .hourcell b{font-size:17px}
body.etj-wordpress .etj-hourly-inline .hourcell small{font-size:10px}
body.etj-wordpress .visitor-wrap .forecast-zone{margin-top:22px}
body.etj-wordpress .visitor-wrap .forecast-zone .week-title{margin-top:0}
@media(max-width:1100px){
 body.etj-wordpress .etj-observation-grid{grid-template-columns:minmax(170px,.9fr) minmax(340px,2.1fr);gap:16px}
 body.etj-wordpress .etj-observation-grid .meteo-big{grid-column:1;grid-row:1}
 body.etj-wordpress .etj-observation-grid .stats{grid-column:2;grid-row:1;grid-template-columns:repeat(3,minmax(0,1fr))}
 body.etj-wordpress .etj-observation-grid .etj-hourly-inline{grid-column:1/-1;grid-row:2;border-left:0;border-top:1px solid #e3edf2;padding:14px 0 0}
 body.etj-wordpress .etj-hourly-heading>small{font-size:10px}
}
@media(max-width:700px){
 body.etj-wordpress .etj-observation-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
 body.etj-wordpress .etj-observation-grid .meteo-big{align-self:stretch;justify-content:flex-start;margin:2px 0 12px}
 body.etj-wordpress .etj-observation-grid .meteo-big strong{font-size:44px}
 body.etj-wordpress .etj-observation-grid .meteo-big .emoji{font-size:39px}
 body.etj-wordpress .etj-observation-grid .stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 8px;padding:12px 0;border-left:0;border-top:1px solid #e3edf2}
 body.etj-wordpress .etj-observation-grid .stat{font-size:10px}
 body.etj-wordpress .etj-observation-grid .stat b{font-size:14px}
 body.etj-wordpress .etj-observation-grid .etj-hourly-inline{padding:12px 0 0;border-top:1px solid #e3edf2}
 body.etj-wordpress .etj-hourly-inline .hourcell{flex-basis:70px;min-width:70px}
 body.etj-wordpress .etj-hourly-heading h3{font-size:16px}
}


/* v0.5.9 — resumen meteorológico compacto y siempre en la cabecera. */
body.etj-wordpress .hero .etj-scene-stage .nav{
 display:grid!important;grid-template-columns:minmax(175px,1fr) auto minmax(165px,1fr);
 align-items:center;column-gap:14px;position:relative;z-index:25;
 height:66px;padding:0 clamp(12px,2.6vw,28px);
}
body.etj-wordpress .hero .nav .brand{min-width:0}
body.etj-wordpress .hero .nav .nav-links{justify-self:end;gap:clamp(8px,1vw,16px)}
body.etj-wordpress .hero .nav .etj-meteo-overlay,
body.etj-wordpress .hero:fullscreen .nav .etj-meteo-overlay,
body.etj-wordpress .hero.etj-cinema-fallback .nav .etj-meteo-overlay{
 position:static!important;inset:auto!important;transform:none!important;
 display:block!important;justify-self:center;align-self:center;
 margin:0!important;padding:7px 12px!important;
 width:auto!important;max-width:470px;min-width:250px;
 border-radius:12px!important;background:rgba(4,29,48,.80);
 backdrop-filter:blur(12px);box-shadow:none;
}
body.etj-wordpress .hero .nav .etj-meteo-main{display:flex;align-items:center;justify-content:space-between;gap:12px}
body.etj-wordpress .hero .nav .etj-meteo-kicker,
body.etj-wordpress .hero .nav .etj-current-desc,
body.etj-wordpress .hero .nav .etj-extra-weather,
body.etj-wordpress .hero .nav .etj-meteo-update{display:none!important}
body.etj-wordpress .hero .nav .etj-meteo-current{flex:1 1 auto;min-width:0}
body.etj-wordpress .hero .nav .etj-current-line{display:flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}
body.etj-wordpress .hero .nav .etj-current-temp{font-size:25px!important;line-height:1.05!important;white-space:nowrap}
body.etj-wordpress .hero .nav .etj-weather-icon{font-size:21px!important;flex:none}
body.etj-wordpress .hero .nav .etj-current-word{display:inline-block!important;font-size:12px!important;font-weight:760;line-height:1.1;color:#eef6ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
body.etj-wordpress .hero .nav .etj-current-meta{display:flex;align-items:center;gap:10px;margin-top:2px;font-size:10px;font-weight:650;color:#c7d8e6;white-space:nowrap}
body.etj-wordpress .hero .nav .etj-current-meta span{display:inline-flex;align-items:center;gap:4px}
body.etj-wordpress .hero .nav .etj-extremes{display:flex;flex-direction:column;gap:2px;padding-left:10px;border-left:1px solid rgba(255,255,255,.18);flex:none}
body.etj-wordpress .hero .nav .etj-extreme{gap:5px;justify-content:flex-start}
body.etj-wordpress .hero .nav .etj-extreme span{font-size:9px!important;white-space:nowrap}
body.etj-wordpress .hero .nav .etj-extreme strong{font-size:12px!important;white-space:nowrap}
/* La barra de tiempo muestra las 48 horas y permite saltar a cada fenómeno. */
body.etj-wordpress .hero .etj-time-heading{display:flex;gap:7px;align-items:center;justify-content:space-between;min-width:0}
body.etj-wordpress .hero .etj-time-heading label{white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis;flex:1 1 auto}
body.etj-wordpress #etj-demo-weather-jump{min-width:86px;max-width:135px;flex:0 1 135px;border:1px solid #66859b;color:#eef7ff;background:#15344a;border-radius:6px;font-size:10px;padding:2px 3px;line-height:1.4;cursor:pointer}
body.etj-wordpress #etj-demo-weather-jump option{background:#15344a;color:#fff}
body.etj-wordpress .etj-time-demo{font-size:9px;white-space:nowrap}
body.etj-wordpress .hero #etj-glass-drops{display:none!important}
/* Estrellas diminutas, lejos y siempre presentes en noches despejadas. */
body.etj-wordpress .hero .etj-bg-star{fill:#ebf4fc;opacity:.65;animation:etj-background-twinkle var(--period,9s) ease-in-out var(--phase,0s) infinite}
@keyframes etj-background-twinkle{0%,100%{opacity:var(--lo,.30)}40%{opacity:.76}73%{opacity:.46}}
body.etj-wordpress .hero .etj-constellation-star{fill:#f5faff;stroke:none;filter:drop-shadow(0 0 .6px #fff7)}
@media(prefers-reduced-motion:reduce){body.etj-wordpress .hero .etj-bg-star{animation:none!important;opacity:.55}}
/* Cielo cubierto sin manchas algodonosas repetidas. */
body.etj-wordpress .hero .pilot-clouds{background-size:cover,170% 180%;background-blend-mode:multiply,soft-light}
body.etj-wordpress .hero[data-weather="cloudy"] .pilot-clouds{mask-image:linear-gradient(115deg,transparent 8%,black 32%,black 60%,transparent 82%)!important;-webkit-mask-image:linear-gradient(115deg,transparent 8%,black 32%,black 60%,transparent 82%)!important}
body.etj-wordpress .hero[data-weather="overcast"] .pilot-clouds{filter:blur(7px) contrast(.83)!important}
body.etj-wordpress .hero[data-weather="storm"] .pilot-clouds{filter:blur(5px) brightness(.65)!important}
body.etj-wordpress .hero[data-weather="fog"] .fog{opacity:.75;pointer-events:none}
@media(min-width:701px) and (max-width:1080px){
 body.etj-wordpress .hero .etj-scene-stage .nav{grid-template-columns:minmax(130px,1fr) auto minmax(130px,1fr);gap:7px}
 body.etj-wordpress .hero .nav .brand strong{font-size:13px}
 body.etj-wordpress .hero .nav .etj-meteo-overlay{min-width:165px;padding:5px!important}
 body.etj-wordpress .hero .nav .nav-links{gap:7px}
 body.etj-wordpress .hero .nav .nav-links a{font-size:10px}
 body.etj-wordpress #etj-demo-weather-jump{max-width:105px;font-size:9px}
}
@media(max-width:700px){
 body.etj-wordpress .hero .etj-scene-stage .nav,
 body.etj-wordpress .hero:fullscreen .etj-scene-stage .nav,
 body.etj-wordpress .hero.etj-cinema-fallback .etj-scene-stage .nav{
   display:flex!important;height:52px!important;padding:0 8px!important;
   align-items:center;justify-content:space-between;gap:5px;
 }
 body.etj-wordpress .hero .nav .brand{flex:1 1 auto;min-width:0;gap:5px}
 body.etj-wordpress .hero .nav .brand-logo{width:28px;height:28px;font-size:14px;border-radius:8px;flex:none}
 body.etj-wordpress .hero .nav .brand strong{font-size:12px;white-space:nowrap}
 body.etj-wordpress .hero .nav .brand small{display:none}
 body.etj-wordpress .hero .nav .nav-links,body.etj-wordpress .hero .nav .nav-mobile-link{display:none!important}
 body.etj-wordpress .hero .nav .etj-meteo-overlay{flex:0 0 auto;min-width:0!important;max-width:158px!important;padding:5px!important;margin:0!important}
 body.etj-wordpress .hero .nav .etj-current-temp{font-size:19px!important}
 body.etj-wordpress .hero .nav .etj-weather-icon{font-size:16px!important}
 body.etj-wordpress .hero .nav .etj-extremes{gap:1px;padding-left:6px}
 body.etj-wordpress .hero .nav .etj-extreme span{font-size:7px!important}
 body.etj-wordpress .hero .nav .etj-extreme strong{font-size:10px!important}
 body.etj-wordpress .hero .etj-time-heading{flex-wrap:wrap;gap:1px 5px}
 body.etj-wordpress .hero .etj-time-heading label{flex:1 1 65%;font-size:9px!important}
 body.etj-wordpress #etj-demo-weather-jump{max-width:110px;min-width:86px;flex:1 1 auto;font-size:9px;padding:0 2px}
 body.etj-wordpress .etj-time-demo{display:none}
 body.etj-wordpress .hero .etj-mobile-dock .etj-meteo-overlay{display:none!important}
 body.etj-wordpress .hero>.etj-mobile-dock{min-height:120px;max-height:200px}
}
@media(max-width:380px){body.etj-wordpress .hero .nav .brand strong{font-size:11px}body.etj-wordpress .hero .nav .etj-meteo-overlay{max-width:145px!important}}
/* Menos espacio vacío entre fotografía y controles en pantallas estrechas. */
@media(max-width:700px){
 body.etj-wordpress .hero>.etj-scene-stage{flex-basis:78%!important}
 body.etj-wordpress .hero>.etj-mobile-dock{flex-basis:22%!important;min-height:138px!important;max-height:174px!important;justify-content:center!important;padding:7px 8px!important;gap:7px!important}
}


/* v0.5.10 — Un cielo y un paisaje con la MISMA atmósfera. */
body.etj-wordpress .hero[data-pilot="true"] .etj-scene-stage .hero-photo:not(.etj-micro-lights){
 filter:brightness(var(--fg-bright,1)) saturate(var(--fg-saturation,1)) contrast(var(--fg-contrast,1)) sepia(var(--fg-sepia,0)) hue-rotate(var(--fg-hue,0deg))!important;
}
/* Se aplica una veladura de color SUAVE sobre toda la escena, encima de la foto. */
body.etj-wordpress .hero .etj-photo-atmosphere{
 z-index:-2!important;mix-blend-mode:soft-light!important;
 opacity:var(--etj-atmo-opacity,0)!important;
}
/* Cielo cubierto nocturno: no puede seguir gris claro si la ciudad está a oscuras. */
body.etj-wordpress .hero[data-night="true"] .pilot-clouds{
 filter:brightness(var(--etj-cloud-night-bright,.15)) saturate(.65) blur(2px)!important;
}
body.etj-wordpress .hero[data-night="true"][data-weather="fog"] .pilot-clouds{opacity:.04!important}
/* Reducir el ambiente de nieve: foto fría, baja saturación y sombras suaves. */
body.etj-wordpress .hero[data-weather="snow"] .etj-photo-atmosphere{
 background-color:#6488a8!important;mix-blend-mode:multiply!important;opacity:.22!important
}
body.etj-wordpress .hero[data-weather="overcast"] .etj-photo-atmosphere,
body.etj-wordpress .hero[data-weather="rain"] .etj-photo-atmosphere,
body.etj-wordpress .hero[data-weather="storm"] .etj-photo-atmosphere{
 background-color:#647e98!important;mix-blend-mode:multiply!important;opacity:.13!important
}
/* Niebla atmosférica distribuida, difusa y gradual. Evitar el círculo gris uniforme. */
body.etj-wordpress .hero[data-weather="fog"] .fog{
 inset:-4%;z-index:-1!important;mix-blend-mode:normal!important;
 opacity:.58!important;filter:blur(11px) brightness(var(--etj-fog-night-bright,.88))!important;
 background:
  linear-gradient(180deg,rgba(169,184,197,.10) 0%,rgba(177,190,201,.24) 32%,rgba(190,201,211,.42) 62%,rgba(176,192,204,.65) 100%),
  radial-gradient(ellipse 70% 21% at 39% 60%,rgba(221,228,231,.48),transparent 93%),
  radial-gradient(ellipse 85% 24% at 64% 78%,rgba(206,216,221,.54),transparent 90%);
 transition:opacity 2s ease,filter 2s ease;
}
body.etj-wordpress .hero[data-night="true"][data-weather="fog"] .fog{opacity:.39!important}
/* Nubes suaves en lugar de manchas blancas repetidas. */
body.etj-wordpress .hero[data-weather="overcast"] .pilot-clouds,
body.etj-wordpress .hero[data-weather="snow"] .pilot-clouds,
body.etj-wordpress .hero[data-weather="rain"] .pilot-clouds,
body.etj-wordpress .hero[data-weather="storm"] .pilot-clouds{
 mask-image:none!important;-webkit-mask-image:none!important;
}
body.etj-wordpress .hero[data-weather="snow"] .pilot-clouds{opacity:.97!important}
/* Ya no tiene sentido seleccionar Datos completos/Básicos/Solo paisaje: la cabecera es compacta. */
body.etj-wordpress .hero .etj-view-picker{display:none!important}
/* Resumen inferior (PC): horas a la izquierda, temperatura centrada, mediciones a la derecha. */
@media(min-width:1251px){
 body.etj-wordpress .etj-observation-grid{
  display:grid!important;
  grid-template-columns:minmax(420px,2.45fr) minmax(170px,.92fr) minmax(275px,1.38fr)!important;
  gap:15px!important;align-items:center;
 }
 body.etj-wordpress .etj-observation-grid .etj-hourly-inline{
  grid-column:1!important;grid-row:1!important;order:0;
  border-left:0!important;border-right:1px solid #e3edf2;
  border-top:0!important;padding:0 15px 0 0!important;
 }
 body.etj-wordpress .etj-observation-grid .meteo-big{
  grid-column:2!important;grid-row:1!important;order:0;justify-content:center;
  border-right:1px solid #e3edf2;padding-right:12px;
 }
 body.etj-wordpress .etj-observation-grid .meteo-big strong{font-size:clamp(31px,2.65vw,43px)}
 body.etj-wordpress .etj-observation-grid .stats{
  grid-column:3!important;grid-row:1!important;order:0;
  border:0!important;padding:0!important;gap:13px 11px!important;
 }
}
/* En portátiles el diseño pasa a dos filas para no sacrificar legibilidad. */
@media(min-width:701px) and (max-width:1250px){
 body.etj-wordpress .etj-observation-grid{display:grid!important;grid-template-columns:minmax(0,1.7fr) minmax(180px,.8fr)!important;gap:12px!important}
 body.etj-wordpress .etj-observation-grid .etj-hourly-inline{grid-column:1!important;grid-row:1!important;border:0!important;padding:0!important}
 body.etj-wordpress .etj-observation-grid .meteo-big{grid-column:2!important;grid-row:1!important;align-self:center!important;justify-content:center}
 body.etj-wordpress .etj-observation-grid .stats{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;border:0!important;border-top:1px solid #e3edf2!important;padding:10px 0 0!important}
 body.etj-wordpress .etj-observation-grid .stat b{font-size:13px!important}
}
@media(max-width:700px){
 body.etj-wordpress .etj-observation-grid{display:flex!important;flex-direction:column!important;align-items:stretch!important}
 body.etj-wordpress .etj-observation-grid .meteo-big{order:0!important}
 body.etj-wordpress .etj-observation-grid .etj-hourly-inline{order:1!important}
 body.etj-wordpress .etj-observation-grid .stats{order:2!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
/* Astronomía: una banda considerablemente más fina, manteniendo datos legibles. */
body.etj-wordpress .astro-showcase{padding:12px 17px!important}
body.etj-wordpress .astro-showcase .section-head{margin-bottom:5px!important}
body.etj-wordpress .astro-duo{gap:11px!important}
body.etj-wordpress .astro-feature{height:124px!important;min-height:124px!important;max-height:124px!important;border-radius:12px}
body.etj-wordpress .astro-photo{flex:0 0 25%!important;width:25%!important;max-height:124px!important}
body.etj-wordpress .astro-copy{padding:5px 10px!important;justify-content:center}
body.etj-wordpress .astro-copy h3{font-size:17px!important;margin:0 0 3px!important}
body.etj-wordpress .astro-overline{font-size:8px!important;letter-spacing:.1em}
body.etj-wordpress .astro-stat{padding:2px 0!important;gap:5px!important}
body.etj-wordpress .astro-stat small{font-size:10px!important}
body.etj-wordpress .astro-stat strong{font-size:13px!important}
body.etj-wordpress .astro-stat.compact strong{font-size:11px!important}
body.etj-wordpress .astro-visibility{margin-top:3px!important;padding:3px 5px!important;font-size:9px!important}
body.etj-wordpress .etj-sky-explanation{margin:0 0 7px!important;font-size:10px!important}
body.etj-wordpress .astro-footnote{margin:6px 0 0!important;font-size:9px!important}
@media(max-width:980px){
 body.etj-wordpress .astro-feature{height:132px!important;min-height:132px!important;max-height:132px!important}
 body.etj-wordpress .astro-photo{flex-basis:29%!important;width:29%!important;max-height:132px!important}
}

@media(max-width:900px){
 body.etj-wordpress .hero .nav .etj-meteo-overlay{max-width:390px;min-width:210px;padding:6px 10px!important}
 body.etj-wordpress .hero .nav .etj-current-temp{font-size:22px!important}
 body.etj-wordpress .hero .nav .etj-current-word{font-size:11px!important;max-width:115px}
 body.etj-wordpress .hero .nav .etj-current-meta{gap:8px;font-size:9px}
}
@media(max-width:700px){
 body.etj-wordpress .hero .nav .etj-meteo-overlay{max-width:290px;min-width:155px;padding:6px 8px!important}
 body.etj-wordpress .hero .nav .etj-current-temp{font-size:19px!important}
 body.etj-wordpress .hero .nav .etj-weather-icon{font-size:18px!important}
 body.etj-wordpress .hero .nav .etj-current-word{font-size:10px!important;max-width:86px}
 body.etj-wordpress .hero .nav .etj-current-meta{gap:6px;font-size:8px}
 body.etj-wordpress .hero .nav .etj-extremes{padding-left:7px}
 body.etj-wordpress .hero .nav .etj-extreme span{font-size:8px!important}
 body.etj-wordpress .hero .nav .etj-extreme strong{font-size:10px!important}
}

body.etj-wordpress .hero img.etj-micro-lights{display:none!important;opacity:0!important}