/* NewsHarvester Conector · tarjeta del clima animada */
.nhg-cl-host{display:block;max-width:400px;font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.nhg-cl{--c1:#2f80ed;--c2:#7fc1ff;position:relative;overflow:hidden;border-radius:18px;color:#fff;background:linear-gradient(180deg,var(--c1),var(--c2));background-size:100% 170%;box-shadow:0 14px 34px rgba(10,20,40,.25);isolation:isolate}
.nhg-cl--anim{animation:nhg-cielo 40s ease-in-out infinite alternate}
@keyframes nhg-cielo{from{background-position:50% 0}to{background-position:50% 100%}}
.nhg-cl--vacio{padding:30px 20px;text-align:center;background:#34495e}
/* ---- cielo según la hora del día */
.nhg-cl[data-f=dia]{--c1:#2f80ed;--c2:#8fcaff}
.nhg-cl[data-f=alba]{--c1:#39407e;--c2:#ffa066}
.nhg-cl[data-f=ocaso]{--c1:#2b2d68;--c2:#ff7058}
.nhg-cl[data-f=noche]{--c1:#08112b;--c2:#1f3266}
/* ---- ...y según el clima */
.nhg-cl[data-c=nubes][data-f=dia],.nhg-cl[data-c=nubes][data-f=alba],.nhg-cl[data-c=nubes][data-f=ocaso]{--c1:#587592;--c2:#a3b8cc}
.nhg-cl[data-c=nubes][data-f=noche]{--c1:#141c2c;--c2:#2b384e}
.nhg-cl[data-c=pocas][data-f=dia]{--c1:#3a86ee;--c2:#9acbf5}
.nhg-cl[data-c=lluvia][data-f=dia],.nhg-cl[data-c=llovizna][data-f=dia],.nhg-cl[data-c=lluvia][data-f=alba],.nhg-cl[data-c=lluvia][data-f=ocaso],.nhg-cl[data-c=llovizna][data-f=alba],.nhg-cl[data-c=llovizna][data-f=ocaso]{--c1:#34465a;--c2:#6c8196}
.nhg-cl[data-c=lluvia][data-f=noche],.nhg-cl[data-c=llovizna][data-f=noche]{--c1:#0b121e;--c2:#1d2a3b}
.nhg-cl[data-c=tormenta][data-f=dia],.nhg-cl[data-c=tormenta][data-f=alba],.nhg-cl[data-c=tormenta][data-f=ocaso]{--c1:#1c212c;--c2:#394255}
.nhg-cl[data-c=tormenta][data-f=noche]{--c1:#07090f;--c2:#181d29}
.nhg-cl[data-c=nieve][data-f=dia],.nhg-cl[data-c=nieve][data-f=alba],.nhg-cl[data-c=nieve][data-f=ocaso]{--c1:#7b92ab;--c2:#cbd8e5}
.nhg-cl[data-c=nieve][data-f=noche]{--c1:#18233a;--c2:#374763}
.nhg-cl[data-c=niebla][data-f=dia],.nhg-cl[data-c=niebla][data-f=alba],.nhg-cl[data-c=niebla][data-f=ocaso]{--c1:#79858f;--c2:#bcc4cb}
.nhg-cl[data-c=niebla][data-f=noche]{--c1:#1c2329;--c2:#39424b}

/* ---- capas de movimiento */
.nhg-cl__fx{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.nhg-cl__fx i{position:absolute;display:block}
.fx-sol{top:-60px;right:-40px;width:210px;height:210px;border-radius:50%;background:radial-gradient(circle,#fff6c4 0,#ffd95a 28%,rgba(255,200,60,.28) 55%,rgba(255,200,60,0) 72%);animation:fx-pulso 5s ease-in-out infinite}
.fx-rayos{top:-130px;right:-110px;width:360px;height:360px;border-radius:50%;background:repeating-conic-gradient(from 0deg,rgba(255,244,190,.28) 0 8deg,rgba(255,244,190,0) 8deg 22deg);-webkit-mask-image:radial-gradient(circle,#000 0,transparent 68%);mask-image:radial-gradient(circle,#000 0,transparent 68%);animation:fx-giro 60s linear infinite}
.nhg-cl[data-f=alba] .fx-sol,.nhg-cl[data-f=ocaso] .fx-sol{top:auto;bottom:90px;right:auto;left:-50px;background:radial-gradient(circle,#fff0d0 0,#ffb066 30%,rgba(255,120,80,.3) 58%,rgba(255,120,80,0) 74%)}
.nhg-cl[data-f=ocaso] .fx-sol{left:auto;right:-50px}
@keyframes fx-pulso{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(1.08);opacity:1}}
@keyframes fx-giro{to{transform:rotate(360deg)}}
.fx-luna{top:22px;right:26px;width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 36% 36%,#fffef0,#e9e6c4 70%);box-shadow:0 0 38px 12px rgba(235,232,190,.35);animation:fx-pulso 7s ease-in-out infinite}
.fx-luna::after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 70% 60%,rgba(120,120,100,.25) 0 7px,transparent 8px),radial-gradient(circle at 35% 70%,rgba(120,120,100,.2) 0 5px,transparent 6px)}
.fx-estrellas{inset:0;background-image:radial-gradient(1.4px 1.4px at 8% 12%,#fff,transparent),radial-gradient(1px 1px at 22% 30%,#fff,transparent),radial-gradient(1.6px 1.6px at 36% 8%,#fff,transparent),radial-gradient(1px 1px at 52% 24%,#fff,transparent),radial-gradient(1.4px 1.4px at 66% 14%,#fff,transparent),radial-gradient(1px 1px at 78% 36%,#fff,transparent),radial-gradient(1.6px 1.6px at 90% 10%,#fff,transparent),radial-gradient(1px 1px at 14% 48%,#fff,transparent),radial-gradient(1.2px 1.2px at 44% 44%,#fff,transparent),radial-gradient(1px 1px at 86% 52%,#fff,transparent);animation:fx-titila 3.4s ease-in-out infinite}
.fx-e2{background-position:37px 21px;animation-duration:4.7s;animation-delay:-1.6s;opacity:.8}
.fx-e3{opacity:.5;animation-duration:5.5s}
@keyframes fx-titila{0%,100%{opacity:.35}50%{opacity:1}}
.fx-nube{width:150px;height:46px;border-radius:50px;background:rgba(255,255,255,.62);filter:blur(7px);box-shadow:46px -16px 0 6px rgba(255,255,255,.62),-30px -8px 0 -4px rgba(255,255,255,.62),88px 4px 0 -2px rgba(255,255,255,.55)}
.fx-n1{top:60px;left:-200px;animation:fx-deriva 46s linear infinite}
.fx-n2{top:150px;left:-240px;transform:scale(1.5);opacity:.7;animation:fx-deriva 70s linear infinite;animation-delay:-28s}
.fx-n3{top:24px;left:-180px;transform:scale(.8);opacity:.8;animation:fx-deriva 58s linear infinite;animation-delay:-42s}
.nhg-cl[data-c=nubes] .fx-nube,.nhg-cl[data-c=lluvia] .fx-nube,.nhg-cl[data-c=llovizna] .fx-nube{background:rgba(220,228,238,.55);box-shadow:46px -16px 0 6px rgba(220,228,238,.55),-30px -8px 0 -4px rgba(220,228,238,.55),88px 4px 0 -2px rgba(220,228,238,.5)}
.nhg-cl[data-c=tormenta] .fx-nube{background:rgba(70,78,96,.7);box-shadow:46px -16px 0 6px rgba(70,78,96,.7),-30px -8px 0 -4px rgba(70,78,96,.7),88px 4px 0 -2px rgba(70,78,96,.6)}
.nhg-cl[data-f=noche] .fx-nube{opacity:.4}
@keyframes fx-deriva{to{transform:translateX(640px) scale(var(--k,1))}}
.fx-n2{--k:1.5}.fx-n3{--k:.8}
.fx-lluvia{inset:-20% 0 0 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='90'%3E%3Cg stroke='%23cfe6ff' stroke-width='1.6' stroke-linecap='round' opacity='.75'%3E%3Cline x1='8' y1='6' x2='4' y2='24'/%3E%3Cline x1='34' y1='40' x2='30' y2='58'/%3E%3Cline x1='52' y1='12' x2='48' y2='30'/%3E%3Cline x1='20' y1='66' x2='16' y2='84'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 90px;animation:fx-llueve .55s linear infinite}
.fx-l2{background-size:90px 130px;opacity:.55;animation-duration:.8s;animation-delay:-.3s}
.fx-fina{background-size:48px 70px;opacity:.5;animation-duration:1.1s}
@keyframes fx-llueve{to{background-position:-20px 110%}}
.fx-rayo{inset:0;background:radial-gradient(ellipse at 60% 20%,#fff,rgba(190,210,255,.7) 40%,transparent 75%);opacity:0;animation:fx-relampago 8s linear infinite}
@keyframes fx-relampago{0%,86%,100%{opacity:0}87%{opacity:.85}88%{opacity:.1}89.5%{opacity:.7}91%{opacity:0}}
.fx-nieve{inset:-10% 0 0 0;background-image:radial-gradient(3px 3px at 12% 18%,#fff,transparent),radial-gradient(2px 2px at 38% 52%,#fff,transparent),radial-gradient(3.5px 3.5px at 64% 30%,#fff,transparent),radial-gradient(2px 2px at 82% 70%,#fff,transparent),radial-gradient(2.5px 2.5px at 26% 84%,#fff,transparent),radial-gradient(3px 3px at 92% 12%,#fff,transparent);background-size:180px 180px;animation:fx-nieva 9s linear infinite}
.fx-s2{background-size:120px 120px;opacity:.7;animation-duration:6s;animation-direction:reverse}
@keyframes fx-nieva{to{background-position:60px 180px}}
.fx-bruma{left:-30%;width:160%;height:70px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);filter:blur(10px);animation:fx-bruma 16s ease-in-out infinite alternate}
.fx-bruma{top:48px}.fx-b2{top:150px;animation-duration:22s;animation-delay:-8s;opacity:.8}.fx-b3{top:250px;animation-duration:19s;animation-delay:-3s;opacity:.7}
@keyframes fx-bruma{from{transform:translateX(-12%)}to{transform:translateX(12%)}}

/* ---- contenido */
.nhg-cl__in{position:relative;z-index:1;padding:20px 22px 12px;text-shadow:0 1px 2px rgba(0,0,0,.25)}
.nhg-cl__fila{display:flex;justify-content:space-between;font-size:13.5px;font-weight:600;opacity:.95}
.nhg-cl__ciudad{margin:12px 0 4px;text-align:center;font-family:inherit;font-weight:600;font-size:22px;line-height:1.2;color:#fff}
.nhg-cl__prin{display:flex;align-items:center;justify-content:center;gap:10px;margin:4px 0}
.nhg-cl__temp{font-size:78px;font-weight:600;line-height:1;letter-spacing:-.03em}
.nhg-cl__u{display:flex;flex-direction:column;gap:2px}
.nhg-cl__u button{padding:0;border:0;background:none;color:rgba(255,255,255,.55);font-family:inherit;font-weight:700;font-size:20px;line-height:1.15;cursor:pointer;text-align:left;text-shadow:inherit}
.nhg-cl__u button.on{color:#fff}
.nhg-cl__u button:hover{color:#fff}
.nhg-cl__lh{display:flex;align-items:center;justify-content:center;gap:12px;font-size:15px;opacity:.95}
.nhg-cl__lh i{width:1px;height:14px;background:rgba(255,255,255,.6)}
.nhg-cl__desc{margin:12px 0 0;text-align:center;font-size:15px}
.nhg-cl__desc b{margin-left:6px;font-weight:700}
.nhg-cl__datos{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}
.nhg-cl__datos>div{display:flex;align-items:center;gap:7px;font-size:12px}
.nhg-cl__datos svg{width:24px;height:24px;flex:0 0 auto}
.nhg-cl__datos span{display:flex;flex-direction:column;line-height:1.25;opacity:.95}
.nhg-cl__datos b{font-size:13.5px}
.nhg-cl__sol{display:grid;grid-template-columns:1fr 130px 1fr;align-items:end;margin-top:18px;font-size:13px}
.nhg-cl__sol>div:first-child span,.nhg-cl__sol>div:last-child span{display:block;opacity:.9}
.nhg-cl__sol>div:last-child{text-align:right}
.nhg-cl__sol b{font-size:14px}
.nhg-cl__arcowrap{position:relative;height:66px}
.nhg-cl__arco{width:100%;height:100%}
.nhg-cl__solpt{filter:drop-shadow(0 0 6px #ffd43b);animation:fx-pulso 3s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.nhg-cl__ms{width:22px;height:22px}
.nhg-cl__ms1{position:absolute;left:-1px;bottom:-3px}.nhg-cl__ms2{position:absolute;right:-1px;bottom:-3px}
.nhg-cl__tabs{display:flex;justify-content:center;margin:16px auto 6px;width:max-content;border:2px solid #fff;border-radius:6px;overflow:hidden;background:rgba(255,255,255,.12)}
.nhg-cl__tabs button{min-width:84px;padding:6px 14px;border:0;background:transparent;color:#fff;font-family:inherit;font-weight:600;font-size:14px;cursor:pointer;text-shadow:none;transition:background .2s,color .2s}
.nhg-cl__tabs button.on{background:#fff;color:#1d3557}
.nhg-cl__pron{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;padding-bottom:6px}
.nhg-cl__it{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:13px;text-align:center}
.nhg-cl__it b{font-size:13.5px;white-space:nowrap}
.nhg-cl__pron:has(.nhg-cl__it:nth-child(4)){grid-template-columns:repeat(3,1fr)}
.nhg-cl__pie{position:relative;z-index:1;padding:8px 12px;text-align:center;font-size:12px;background:rgba(0,0,0,.28)}

/* ---- iconos animados */
.nhg-i{width:42px;height:42px;display:block;overflow:visible}
.nhg-i--g{width:84px;height:84px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}
.nhg-cl--anim .nhg-i-rayos{transform-origin:32px 32px;animation:fx-giro 18s linear infinite}
.nhg-cl--anim .nhg-i-sol{transform-origin:32px 32px;animation:fx-pulso 4s ease-in-out infinite}
.nhg-cl--anim .nhg-i-luna{animation:fx-pulso 6s ease-in-out infinite;transform-origin:30px 30px}
.nhg-cl--anim .nhg-i-est{animation:fx-titila 2.4s ease-in-out infinite}
.nhg-cl--anim .nhg-i-nube{animation:i-flota 5s ease-in-out infinite;transform-box:fill-box}
.nhg-cl--anim .nhg-i-d2{animation-delay:-1.7s;animation-duration:6.5s}
.nhg-cl--anim .nhg-i-d3{animation-delay:-3.2s}
@keyframes i-flota{0%,100%{translate:0 0}50%{translate:2px -2px}}
.nhg-cl--anim .nhg-i-gota{animation:i-gota .9s linear infinite}
@keyframes i-gota{0%{transform:translate(2px,-4px);opacity:0}30%{opacity:1}100%{transform:translate(-3px,5px);opacity:0}}
.nhg-cl--anim .nhg-i-rayo{animation:i-rayo 2.6s linear infinite;transform-origin:34px 50px}
@keyframes i-rayo{0%,60%,100%{opacity:1}64%{opacity:.15}68%{opacity:1}72%{opacity:.3}76%{opacity:1}}
.nhg-cl--anim .nhg-i-copo{animation:i-copo 2.8s ease-in-out infinite}
@keyframes i-copo{0%{transform:translate(0,-5px);opacity:0}25%{opacity:1}100%{transform:translate(3px,6px);opacity:0}}
.nhg-cl--anim .nhg-i-bruma{animation:i-bruma 4s ease-in-out infinite alternate}
@keyframes i-bruma{from{transform:translateX(-4px)}to{transform:translateX(4px)}}

/* ---- v1.30: más animaciones */
.nhg-cl__datos em{font-style:normal}
/* entrada escalonada (solo la primera vez) */
.nhg-cl--entra .nhg-cl__in>*{animation:fx-entra .75s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--n,0)*70ms)}
.nhg-cl--entra .nhg-cl__in>*:nth-child(1){--n:0}.nhg-cl--entra .nhg-cl__in>*:nth-child(2){--n:1}.nhg-cl--entra .nhg-cl__in>*:nth-child(3){--n:2}
.nhg-cl--entra .nhg-cl__in>*:nth-child(4){--n:3}.nhg-cl--entra .nhg-cl__in>*:nth-child(5){--n:4}.nhg-cl--entra .nhg-cl__in>*:nth-child(6){--n:5}
.nhg-cl--entra .nhg-cl__in>*:nth-child(7){--n:6}.nhg-cl--entra .nhg-cl__in>*:nth-child(8){--n:7}.nhg-cl--entra .nhg-cl__in>*:nth-child(9){--n:8}
@keyframes fx-entra{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
/* destello que cruza la tarjeta de vez en cuando */
.nhg-cl--anim::after{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(110deg,transparent 42%,rgba(255,255,255,.16) 50%,transparent 58%);background-size:260% 100%;background-position:160% 0;animation:fx-destello 11s ease-in-out 2.5s infinite}
@keyframes fx-destello{0%,62%{background-position:160% 0}100%{background-position:-60% 0}}
/* temperatura: respira suavemente */
.nhg-cl--anim .nhg-cl__temp{animation:fx-respira 6s ease-in-out infinite;transform-origin:50% 60%}
@keyframes fx-respira{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
/* humedad: la gota se llena y las olas corren */
.nhg-cl--anim .nhg-i-nivel{transform:translateY(calc(var(--y)*1px));animation:i-llena 1.6s cubic-bezier(.2,.8,.2,1) both}
.nhg-cl--anim .nhg-i-ola{animation:i-ola 2.2s linear infinite}
@keyframes i-llena{from{transform:translateY(22px)}}
@keyframes i-ola{to{transform:translateX(12px)}}
.nhg-cl--anim .nhg-cl__datos>div:first-child svg{animation:i-flota 4s ease-in-out infinite}
/* presión: la aguja oscila y se asienta; luego tiembla apenas */
.nhg-cl--anim .nhg-i-aguja{transform-origin:12px 12px;transform:rotate(var(--a,0deg));animation:i-aguja 2.4s cubic-bezier(.3,.7,.3,1) both,i-tiembla 5s ease-in-out 2.4s infinite}
@keyframes i-aguja{0%{transform:rotate(-80deg)}35%{transform:rotate(calc(var(--a,0deg) + 22deg))}60%{transform:rotate(calc(var(--a,0deg) - 9deg))}80%{transform:rotate(calc(var(--a,0deg) + 3deg))}100%{transform:rotate(var(--a,0deg))}}
@keyframes i-tiembla{0%,100%{transform:rotate(var(--a,0deg))}50%{transform:rotate(calc(var(--a,0deg) + 3.5deg))}}
/* viento: ráfagas que corren, más rápidas con más viento */
.nhg-cl--anim .nhg-i-v1,.nhg-cl--anim .nhg-i-v2,.nhg-cl--anim .nhg-i-v3{stroke-dasharray:62 38;animation:i-racha var(--vd,2.4s) linear infinite}
.nhg-cl--anim .nhg-i-v2{animation-delay:calc(var(--vd,2.4s)*-.35)}.nhg-cl--anim .nhg-i-v3{animation-delay:calc(var(--vd,2.4s)*-.7)}
@keyframes i-racha{to{stroke-dashoffset:-100}}
/* arco del sol: los puntos avanzan */
.nhg-cl--anim .nhg-cl__arco path{animation:fx-marcha 5s linear infinite}
@keyframes fx-marcha{to{stroke-dashoffset:-6.1}}
.nhg-cl--anim .nhg-cl__ms{animation:i-flota 4.5s ease-in-out infinite}
/* pronóstico: entra en cascada y los iconos botan al pasar el mouse */
.nhg-cl--anim .nhg-cl__it:hover .nhg-i{animation:i-bote .6s ease}
@keyframes i-bote{0%,100%{transform:none}35%{transform:translateY(-6px) scale(1.12)}65%{transform:translateY(0) scale(.97)}}

/* ---- v1.31: marquesina de días y línea de tiempo por horas */
.nhg-cl__mq{display:flex;align-items:center;gap:4px;margin-top:8px}
.nhg-cl__mq--fijo .nhg-cl__mqv{overflow:hidden}
.nhg-cl__mqv{flex:1;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
.nhg-cl__mqv::-webkit-scrollbar,.nhg-cl__tlv::-webkit-scrollbar{display:none}
.nhg-cl__mqv.arrastra,.nhg-cl__tlv.arrastra{cursor:grabbing;user-select:none}
/* el contenido que se desliza no debe ensanchar la tarjeta (ni la columna del tema donde esté) */
.nhg-cl-host{min-width:0}.nhg-cl{max-width:100%}
.nhg-cl__mqv,.nhg-cl__tlv{contain:inline-size}
.nhg-cl__mqt{display:flex}
.nhg-cl__dia{flex:0 0 33.3333%;scroll-snap-align:start;margin:0;padding:8px 2px 6px;border:0;border-radius:14px;background:transparent;color:#fff;font-family:inherit;text-shadow:inherit;cursor:pointer;transition:background .2s,transform .2s,opacity .2s}
.nhg-cl__dia:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}
.nhg-cl__dia:focus-visible,.nhg-cl__fl:focus-visible,.nhg-cl__irhoy:focus-visible{outline:2px solid #fff;outline-offset:2px}
.nhg-cl__dia.pasado{opacity:.6}
.nhg-cl__dia.es-hoy>span{padding:2px 10px;border-radius:99px;background:rgba(255,255,255,.22);font-weight:700}
.nhg-cl__mq--fijo .nhg-cl__dia{cursor:default}
.nhg-cl__fl{flex:0 0 28px;width:28px;height:28px;padding:5px;border:0;border-radius:50%;background:rgba(255,255,255,.18);color:#fff;cursor:pointer;display:grid;place-items:center;transition:background .2s,opacity .2s,transform .15s}
.nhg-cl__fl svg{width:16px;height:16px}
.nhg-cl__fl:hover:not(:disabled){background:rgba(255,255,255,.34);transform:scale(1.08)}
.nhg-cl__fl:disabled{opacity:.28;cursor:default}
.nhg-cl__mqpie{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;margin:2px 4px 0;font-size:11.5px;opacity:.8}
.nhg-cl__irhoy{padding:3px 11px;border:1px solid rgba(255,255,255,.7);border-radius:99px;background:rgba(255,255,255,.14);color:#fff;font:600 11.5px/1.3 inherit;font-family:inherit;cursor:pointer}
.nhg-cl__irhoy[hidden]{display:none}
.nhg-cl__irhoy:hover{background:rgba(255,255,255,.3)}
/* línea de tiempo del día */
.nhg-cl__tl{margin-top:10px}
.nhg-cl__tlh{display:flex;align-items:center;gap:8px}
.nhg-cl__tlt{flex:1;display:flex;flex-direction:column;align-items:center;line-height:1.3;text-align:center}
.nhg-cl__tlt b{font-size:15px}.nhg-cl__tlt span{font-size:12.5px;opacity:.9}
.nhg-cl__tlw{display:flex;align-items:center;gap:4px;margin-top:8px}
.nhg-cl__tlv{flex:1;min-width:0;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;overscroll-behavior-x:contain;cursor:grab;touch-action:pan-x pan-y;min-height:128px}
.nhg-cl__cargando{margin:44px 0;text-align:center;font-size:13px;opacity:.85}
.nhg-cl__tlc{position:relative}
.nhg-cl__curva{display:block;overflow:visible}
.nhg-cl__hs{display:flex;margin-top:2px}
.nhg-cl__h{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 0 6px;border-radius:12px;font-size:12px;text-align:center}
.nhg-cl__h span{white-space:nowrap;opacity:.85}
.nhg-cl__h b{font-size:13.5px}
.nhg-cl__h .nhg-i{width:34px;height:34px}
.nhg-cl__h.ahora{background:rgba(255,255,255,.2);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7)}
.nhg-cl__h.ahora span{font-weight:700;opacity:1}
.nhg-cl__h.noche{opacity:.88}
.nhg-cl--anim .nhg-cl__h.ahora{animation:fx-pulso-h 2.6s ease-in-out infinite}
@keyframes fx-pulso-h{0%,100%{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7),0 0 0 0 rgba(255,255,255,.35)}50%{box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.7),0 0 0 6px rgba(255,255,255,0)}}
.nhg-cl--entra .nhg-cl__dia{animation:fx-entra .6s ease both}
.nhg-cl--entra .nhg-cl__dia:nth-child(n+8){animation-delay:.12s}

/* ---- etiqueta pequeña para la barra superior */
.nhg-cl-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;white-space:nowrap}
.nhg-cl-chip .nhg-i{width:24px;height:24px}
.nhg-cl-chip span{opacity:.75}
.nhg-cl-chip b{font-weight:700}
@media (max-width:520px){.nhg-cl-chip span{display:none}}
@media (prefers-reduced-motion:reduce){body:not(.mov-siempre) .nhg-cl *,body:not(.mov-siempre) .nhg-cl{animation:none!important}}
@media (max-width:420px){.nhg-cl__temp{font-size:64px}.nhg-cl__sol{grid-template-columns:1fr 110px 1fr}}