.f96-weather-widget{--f96-content-scale:1; width:100%;box-sizing:border-box;display:flex;align-items:stretch;overflow:hidden;background:var(--f96-panel,#000000);color:var(--f96-text,#fff);font-family:Arial,Helvetica,sans-serif;height:var(--f96-widget-height,110px);min-height:0;position:relative}
.f96-weather-widget *{box-sizing:border-box;min-width:0}
.f96-weather-current{background:var(--f96-current,#000000);display:grid;grid-template-columns:minmax(0,1fr) minmax(16px,.55fr) minmax(0,1fr);align-items:center;gap:clamp(0px,calc(var(--f96-widget-height,110px)*.02),8px);padding:clamp(1px,calc(var(--f96-widget-height,110px)*.05),14px) clamp(3px,1.2vw,18px);flex:0 0 30%;min-width:0;text-align:center;overflow:hidden}
.f96-weather-place{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.f96-weather-city{font-size:clamp(calc(8px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,110px)*.16 * var(--f96-content-scale,1)),calc(18px * var(--f96-content-scale,1)));font-weight:700;line-height:1.15;overflow-wrap:anywhere}.f96-weather-country{font-size:clamp(calc(7px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,110px)*.12 * var(--f96-content-scale,1)),calc(14px * var(--f96-content-scale,1)));line-height:1.1;margin-top:clamp(0px,calc(var(--f96-widget-height,110px)*.015),2px)}
.f96-weather-current-icon{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}
.f96-weather-temp{font-size:clamp(calc(14px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,110px)*.30 * var(--f96-content-scale,1)),calc(34px * var(--f96-content-scale,1)));font-weight:400;line-height:1;white-space:nowrap}
.f96-weather-description{font-size:clamp(calc(7px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,110px)*.105 * var(--f96-content-scale,1)),calc(12px * var(--f96-content-scale,1)));line-height:1.1;margin-top:clamp(0px,calc(var(--f96-widget-height,110px)*.012),3px);overflow-wrap:anywhere}
.f96-weather-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex:1;min-width:0;min-height:0}
.f96-weather-day{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(0px,calc(var(--f96-widget-height,110px)*.02),6px);text-align:center;padding:clamp(1px,calc(var(--f96-widget-height,110px)*.035),9px) 2px;min-width:0;min-height:0;overflow:hidden}
.f96-weather-day-name{font-size:clamp(calc(7px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,110px)*.12 * var(--f96-content-scale,1)),calc(14px * var(--f96-content-scale,1)));line-height:1.05;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:clip}
.f96-weather-day-temps{display:flex;gap:clamp(1px,calc(var(--f96-widget-height,110px)*.025),7px);font-size:clamp(calc(7px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,110px)*.10 * var(--f96-content-scale,1)),calc(13px * var(--f96-content-scale,1)));line-height:1;white-space:nowrap;max-width:100%}
.f96-weather-day-temps .max{color:var(--f96-max,#fff)}.f96-weather-day-temps .min{color:var(--f96-min,#e2e2ff)}
.f96-weather-symbol{display:flex;align-items:center;justify-content:center;width:clamp(calc(16px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,110px)*.36 * var(--f96-content-scale,1)),calc(48px * var(--f96-content-scale,1)));height:clamp(calc(16px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,110px)*.36 * var(--f96-content-scale,1)),calc(48px * var(--f96-content-scale,1)));max-width:100%;position:relative;color:var(--f96-icon,#fff);font-size:clamp(calc(16px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,110px)*.36 * var(--f96-content-scale,1)),calc(44px * var(--f96-content-scale,1)));line-height:1;text-align:center;flex:0 1 auto}
.f96-weather-symbol svg{display:block;width:100%;height:100%;overflow:visible;margin:auto;flex:0 0 100%;}
.f96-weather-symbol .sun-core{transform-origin:50% 50%;animation:f96-sun-spin 18s linear infinite}
.f96-weather-symbol .sun-rays{transform-origin:50% 50%;animation:f96-sun-spin 28s linear infinite}
.f96-weather-symbol .cloud-shape{fill:var(--f96-icon,#fff);stroke:var(--f96-icon,#fff);stroke-width:1.5}
.f96-weather-symbol .rain-drop{fill:var(--f96-rain,#73e7ff);stroke:var(--f96-rain,#73e7ff);stroke-width:1;stroke-linejoin:round;transform-box:fill-box;transform-origin:center;animation:f96-rain-fall .8s ease-in infinite;will-change:transform,opacity}
.f96-weather-symbol .rain-drop:nth-of-type(3){animation-delay:.2s}.f96-weather-symbol .rain-drop:nth-of-type(4){animation-delay:.4s}
.f96-weather-symbol .snow-flake{fill:none;stroke:var(--f96-rain,#73e7ff);stroke-width:2;stroke-linecap:round;transform-box:fill-box;transform-origin:center;animation:f96-snow-fall 1.8s ease-in-out infinite;will-change:transform,opacity}
.f96-weather-symbol .snow-flake:nth-of-type(2){animation-delay:.6s}
.f96-weather-symbol .fog-lines{fill:none;stroke:var(--f96-rain,#73e7ff);stroke-width:2.5;stroke-linecap:round;animation:f96-fog-drift 2.4s ease-in-out infinite alternate}
.f96-weather-symbol .lightning{fill:var(--f96-lightning,#ffe75a);stroke:var(--f96-lightning,#ffe75a);animation:f96-flash 1.4s infinite}
.f96-weather-error{padding:10px;background:#7b1421;color:#fff;font-size:13px}
/* Atribución discreta: el enlace conserva exactamente el tamaño de “Datos:” y no hereda estilos del tema. */
.f96-weather-widget .f96-weather-place .f96-weather-credit{position:static;margin-top:clamp(0px,calc(var(--f96-widget-height,110px)*.025),5px);font-size:clamp(calc(5px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,110px)*.07 * var(--f96-content-scale,1)),calc(8px * var(--f96-content-scale,1)))!important;line-height:1!important;font-family:Arial,Helvetica,sans-serif!important;font-weight:400!important;color:rgba(255,255,255,.62)!important;opacity:1!important;white-space:nowrap;pointer-events:auto;text-decoration:none!important}
.f96-weather-widget .f96-weather-place .f96-weather-credit a,
.f96-weather-widget .f96-weather-place .f96-weather-credit a:link,
.f96-weather-widget .f96-weather-place .f96-weather-credit a:visited,
.f96-weather-widget .f96-weather-place .f96-weather-credit a:hover,
.f96-weather-widget .f96-weather-place .f96-weather-credit a:focus{display:inline!important;font-size:inherit!important;line-height:inherit!important;font-family:inherit!important;font-weight:inherit!important;color:inherit!important;text-decoration:none!important;text-decoration-line:none!important;text-decoration-thickness:auto!important;opacity:1!important;vertical-align:baseline!important;letter-spacing:normal!important;transform:none!important;pointer-events:auto}
.f96-loading-symbol{animation:f96-pulse 1.2s ease-in-out infinite}
@keyframes f96-sun-spin{to{transform:rotate(360deg)}}@keyframes f96-rain-fall{0%{opacity:.2;transform:translateY(-2px)}45%{opacity:1}100%{opacity:.25;transform:translateY(4px)}}@keyframes f96-snow-fall{0%,100%{opacity:.65;transform:translateY(-1px) rotate(0)}50%{opacity:1;transform:translateY(4px) rotate(10deg)}}@keyframes f96-fog-drift{from{transform:translateX(-2px);opacity:.65}to{transform:translateX(2px);opacity:1}}@keyframes f96-flash{0%,45%,55%,100%{opacity:1}50%{opacity:.2}}@keyframes f96-pulse{50%{opacity:.3}}
@media(max-width:900px){.f96-weather-current{flex-basis:32%;grid-template-columns:minmax(0,1fr) minmax(16px,.5fr) minmax(0,1fr);padding:clamp(1px,calc(var(--f96-widget-height,110px)*.04),8px) 4px;gap:1px}.f96-weather-day{padding:clamp(1px,calc(var(--f96-widget-height,110px)*.025),5px) 1px}.f96-weather-day-temps{gap:1px}}
@media(max-width:650px){.f96-weather-widget{display:flex;flex-direction:column;height:auto;min-height:0;overflow:visible}.f96-weather-current{flex:initial;width:100%;min-width:0;grid-template-columns:minmax(0,1fr) calc(60px * var(--f96-content-scale,1)) minmax(0,1fr);padding:10px 12px;min-height:76px;gap:3px}.f96-weather-days{width:100%;grid-template-columns:repeat(7,minmax(0,1fr));overflow-x:auto}.f96-weather-day{padding:8px 1px;gap:5px}.f96-weather-day-name{font-size:calc(10px * var(--f96-content-scale,1));white-space:normal;min-height:20px;display:flex;align-items:center;justify-content:center;overflow:visible}.f96-weather-day-temps{flex-direction:column;gap:2px;font-size:calc(10px * var(--f96-content-scale,1))}.f96-weather-symbol{width:calc(32px * var(--f96-content-scale,1));height:calc(32px * var(--f96-content-scale,1));font-size:calc(32px * var(--f96-content-scale,1))}.f96-weather-temp{font-size:calc(26px * var(--f96-content-scale,1))}.f96-weather-credit{font-size:calc(7px * var(--f96-content-scale,1));margin-top:3px}}
@media(prefers-reduced-motion:reduce){.f96-weather-symbol *, .f96-weather-symbol{animation:none!important}}

/* F96 1.3.7: seis temas visuales con paletas propias y controles de color conservados. */
.f96-weather-widget.f96-style-neon{
  background:linear-gradient(105deg,#071b46,#03091b 65%,#161044);
  border:2px solid #00d9ff;border-radius:20px;box-shadow:inset 0 0 14px #00cfff66,0 0 12px #b52cff77;isolation:isolate;
}
.f96-weather-widget.f96-style-neon:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 4px #fff8,0 0 5px #f52cff;z-index:0}
.f96-weather-widget.f96-style-neon .f96-weather-current{background:linear-gradient(120deg,#082c67,#171050);border-right:2px solid #00dfff;position:relative;z-index:1}
.f96-weather-widget.f96-style-neon .f96-weather-now{padding:3px 8px;border:1px solid #00dfff;border-radius:12px;background:linear-gradient(130deg,#09285eaa,#2b0d5caa);box-shadow:0 0 9px #00cfff66}
.f96-weather-widget.f96-style-neon .f96-weather-day{position:relative;z-index:1}.f96-weather-widget.f96-style-neon .f96-weather-day+.f96-weather-day{border-left:1px solid #00cfff66}

.f96-weather-widget.f96-style-glass{
  background:linear-gradient(110deg,#38475f,#b88e63,#142a4a);
  border:1px solid #d7e6ff;border-radius:20px;box-shadow:inset 0 0 18px #fff6,0 4px 14px #0005;
}
.f96-weather-widget.f96-style-glass .f96-weather-current{margin:5px;background:linear-gradient(125deg,#d7e8ff28,#101f3a99);border:1px solid #ffffff70;border-radius:13px;backdrop-filter:blur(8px)}
.f96-weather-widget.f96-style-glass .f96-weather-day{margin:5px 2px;border:1px solid #ffffff5c;border-radius:10px;background:#dbeaff20;backdrop-filter:blur(5px)}
.f96-weather-widget.f96-style-glass .f96-weather-day+.f96-weather-day{border-left:1px solid #ffffff5c}

.f96-weather-widget.f96-style-dark{
  background:linear-gradient(110deg,#11151d,#020409 60%,#16080b);
  border:1px solid #fa263d;border-radius:22px;box-shadow:inset 0 0 14px #ff142c55,0 4px 12px #0007;
}
.f96-weather-widget.f96-style-dark:before{content:"";position:absolute;inset:0;border-left:7px solid #e51f32;border-radius:inherit;pointer-events:none;opacity:.85}
.f96-weather-widget.f96-style-dark .f96-weather-current{background:linear-gradient(130deg,#181b23,#06070b);border-right:2px solid #b31c2d;padding-left:14px}
.f96-weather-widget.f96-style-dark .f96-weather-now{background:linear-gradient(135deg,#181b23,#050609);border:1px solid #ffffff22;border-radius:13px;padding:3px 7px}
.f96-weather-widget.f96-style-dark .f96-weather-temp{color:var(--f96-max,#ff3346)}
.f96-weather-widget.f96-style-dark .f96-weather-day+.f96-weather-day{border-left:1px solid #ff304033}

.f96-weather-widget.f96-style-nature{
  background:linear-gradient(100deg,#0e784d,#086a9d 48%,#123f36);
  border:1px solid #83f49b;border-radius:18px;box-shadow:inset 0 0 16px #b7ff9366,0 3px 12px #003c2c77;
}
.f96-weather-widget.f96-style-nature .f96-weather-current{background:linear-gradient(125deg,#0a603eb8,#087c9c99);border-right:1px solid #b5ffd777}
.f96-weather-widget.f96-style-nature .f96-weather-day{margin:4px 2px;border-radius:9px;background:#d8ffd81c;border:1px solid #b5ffd744}
.f96-weather-widget.f96-style-nature .f96-weather-day+.f96-weather-day{border-left:1px solid #b5ffd777}

.f96-weather-widget.f96-style-circular{
  background:linear-gradient(100deg,#06162d,#020611 60%,#10132e);
  border:1px solid #238fff;border-radius:999px;box-shadow:inset 0 0 14px #00aaff55,0 3px 12px #0007;
}
.f96-weather-widget.f96-style-circular .f96-weather-current{flex-basis:31%;background:linear-gradient(120deg,#041b34aa,#080b21aa);border-right:1px solid #268fff55;padding-left:12px;padding-right:8px}
.f96-weather-widget.f96-style-circular .f96-weather-current-icon .f96-weather-symbol{border:2px solid #00dfff;border-radius:50%;padding:5px;box-shadow:0 0 9px #00dfff88,inset 0 0 7px #00dfff66}
.f96-weather-widget.f96-style-circular .f96-weather-day{border:0;gap:clamp(0px,calc(var(--f96-widget-height,100px)*.015),4px)}
.f96-weather-widget.f96-style-circular .f96-weather-day .f96-weather-symbol{border:1px solid #188eff;border-radius:50%;padding:3px;box-shadow:0 0 6px #007bff66}
.f96-weather-widget.f96-style-circular .f96-weather-day:nth-child(3n+2) .f96-weather-symbol{border-color:#c02fff;box-shadow:0 0 6px #c02fff77}
.f96-weather-widget.f96-style-circular .f96-weather-day:nth-child(3n) .f96-weather-symbol{border-color:#00e3bc;box-shadow:0 0 6px #00e3bc66}

.f96-weather-widget.f96-style-premium{
  background:linear-gradient(100deg,#1d0644,#080b2a 50%,#4a063d);
  border:3px double #ff43d4;border-radius:17px;box-shadow:inset 0 0 14px #ec24ff88,0 0 11px #ff2ecb55;padding:3px;
}
.f96-weather-widget.f96-style-premium .f96-weather-current{background:linear-gradient(125deg,#471879cc,#10082ecc);border-right:2px solid #e8b44f;border-radius:12px;margin:1px}
.f96-weather-widget.f96-style-premium .f96-weather-current-icon .f96-weather-symbol{filter:drop-shadow(0 0 5px #ffbd36)}
.f96-weather-widget.f96-style-premium .f96-weather-day{border-left:1px solid #ff53d877}
.f96-weather-widget.f96-style-premium .f96-weather-day:first-child{border-left:0}
.f96-weather-widget.f96-style-premium .f96-weather-now{border:1px solid #e7b451;border-radius:12px;padding:3px 7px;background:#1b0b3dbb}

@media(max-width:650px){
 .f96-weather-widget.f96-style-neon,.f96-weather-widget.f96-style-glass,.f96-weather-widget.f96-style-dark,.f96-weather-widget.f96-style-nature,.f96-weather-widget.f96-style-circular,.f96-weather-widget.f96-style-premium{border-radius:14px}
 .f96-weather-widget.f96-style-glass .f96-weather-current{margin:3px}.f96-weather-widget.f96-style-glass .f96-weather-day{margin:3px 1px}
 .f96-weather-widget.f96-style-circular .f96-weather-current{flex-basis:auto;border-radius:12px;margin:3px}
 .f96-weather-widget.f96-style-circular .f96-weather-current-icon .f96-weather-symbol{padding:3px}
 .f96-weather-widget.f96-style-premium{padding:2px}
}


/* F96 1.3.8: modo exclusivo de color sólido; anula fondos, gradientes y efectos de los temas. */
.f96-weather-widget.f96-mode-solid{background:var(--f96-panel,#000)!important;border:0!important;border-radius:var(--f96-corner-radius,0px)!important;box-shadow:none!important;padding:0!important;}
.f96-weather-widget.f96-mode-solid:before{content:none!important;display:none!important;}
.f96-weather-widget.f96-mode-solid .f96-weather-current,
.f96-weather-widget.f96-mode-solid .f96-weather-now,
.f96-weather-widget.f96-mode-solid .f96-weather-day{background:var(--f96-panel,#000)!important;backdrop-filter:none!important;box-shadow:none!important;}
.f96-weather-widget.f96-mode-solid .f96-weather-current{border:0!important;border-right:1px solid #ffffff25!important;border-radius:0!important;margin:0!important;}
.f96-weather-widget.f96-mode-solid .f96-weather-now{border:0!important;border-radius:0!important;padding:3px 7px!important;margin:0!important;}
.f96-weather-widget.f96-mode-solid .f96-weather-day{border-radius:0!important;margin:0!important;border-top:0!important;border-bottom:0!important;border-right:0!important;border-left:1px solid #ffffff25!important;}
.f96-weather-widget.f96-mode-solid .f96-weather-day:first-child{border-left:0!important;}


/* F96 1.3.9: 20 paletas y diseños, centrado óptico de iconos y radio de esquinas configurable. */
.f96-weather-widget.f96-style-ocean{background:linear-gradient(105deg,#063d67,#041a3d 60%,#06152b);border:1px solid #36baff;box-shadow:inset 0 0 14px #00aaff55}
.f96-weather-widget.f96-style-ocean .f96-weather-current{background:linear-gradient(120deg,#075b8e,#06254b);border-right:1px solid #36baff77}.f96-weather-widget.f96-style-ocean .f96-weather-day+.f96-weather-day{border-left:1px solid #36baff55}
.f96-weather-widget.f96-style-sky{background:linear-gradient(105deg,#2a9bd4,#1466aa 55%,#073c78);border:1px solid #7bdcff;box-shadow:inset 0 0 12px #c6f4ff55}.f96-weather-widget.f96-style-sky .f96-weather-current{background:linear-gradient(120deg,#38b9e8,#1677bd);border-right:1px solid #b8f1ff77}.f96-weather-widget.f96-style-sky .f96-weather-day+.f96-weather-day{border-left:1px solid #b8f1ff66}
.f96-weather-widget.f96-style-emerald{background:linear-gradient(105deg,#064c3a,#032b2b 60%,#031b27);border:1px solid #39e6a1;box-shadow:inset 0 0 13px #10dca055}.f96-weather-widget.f96-style-emerald .f96-weather-current{background:linear-gradient(120deg,#087c58,#06473f);border-right:1px solid #39e6a177}.f96-weather-widget.f96-style-emerald .f96-weather-day+.f96-weather-day{border-left:1px solid #39e6a144}
.f96-weather-widget.f96-style-forest{background:linear-gradient(105deg,#294b20,#152b1c 60%,#071a17);border:1px solid #8bbf50;box-shadow:inset 0 0 12px #8bbf5044}.f96-weather-widget.f96-style-forest .f96-weather-current{background:linear-gradient(120deg,#456b2d,#1c442b);border-right:1px solid #b5d87977}.f96-weather-widget.f96-style-forest .f96-weather-day+.f96-weather-day{border-left:1px solid #8bbf5044}
.f96-weather-widget.f96-style-ruby{background:linear-gradient(105deg,#4b071c,#210714 60%,#09050d);border:1px solid #ff536c;box-shadow:inset 0 0 12px #ff254655}.f96-weather-widget.f96-style-ruby .f96-weather-current{background:linear-gradient(120deg,#8d1230,#350a1b);border-right:1px solid #ff536c88}.f96-weather-widget.f96-style-ruby .f96-weather-temp{color:#ff6279}.f96-weather-widget.f96-style-ruby .f96-weather-day+.f96-weather-day{border-left:1px solid #ff536c44}
.f96-weather-widget.f96-style-amber{background:linear-gradient(105deg,#5b3107,#301907 60%,#0c0c10);border:1px solid #ffc04b;box-shadow:inset 0 0 12px #ffb32d44}.f96-weather-widget.f96-style-amber .f96-weather-current{background:linear-gradient(120deg,#a45b0a,#4b2809);border-right:1px solid #ffc04b88}.f96-weather-widget.f96-style-amber .f96-weather-day+.f96-weather-day{border-left:1px solid #ffc04b44}
.f96-weather-widget.f96-style-sunset{background:linear-gradient(105deg,#66253c,#ad4b42 48%,#321b46);border:1px solid #ff9875;box-shadow:inset 0 0 12px #ff9a7044}.f96-weather-widget.f96-style-sunset .f96-weather-current{background:linear-gradient(120deg,#a63e4e,#63315d);border-right:1px solid #ffc0a077}.f96-weather-widget.f96-style-sunset .f96-weather-day+.f96-weather-day{border-left:1px solid #ffb09a55}
.f96-weather-widget.f96-style-violet{background:linear-gradient(105deg,#321064,#1a164f 60%,#090d2a);border:1px solid #b38cff;box-shadow:inset 0 0 13px #9e4dff44}.f96-weather-widget.f96-style-violet .f96-weather-current{background:linear-gradient(120deg,#652eb2,#29256f);border-right:1px solid #c5a2ff88}.f96-weather-widget.f96-style-violet .f96-weather-day+.f96-weather-day{border-left:1px solid #b38cff55}
.f96-weather-widget.f96-style-rose{background:linear-gradient(105deg,#651c4a,#35142f 60%,#130b23);border:1px solid #ff8fc8;box-shadow:inset 0 0 12px #ff5db055}.f96-weather-widget.f96-style-rose .f96-weather-current{background:linear-gradient(120deg,#a52c72,#512047);border-right:1px solid #ff9bd188}.f96-weather-widget.f96-style-rose .f96-weather-day+.f96-weather-day{border-left:1px solid #ff8fc855}
.f96-weather-widget.f96-style-gold{background:linear-gradient(105deg,#3e3010,#19160b 60%,#070b13);border:1px solid #f3d47a;box-shadow:inset 0 0 12px #d6a83d55}.f96-weather-widget.f96-style-gold .f96-weather-current{background:linear-gradient(120deg,#6c5117,#30250c);border-right:1px solid #f3d47a88}.f96-weather-widget.f96-style-gold .f96-weather-day+.f96-weather-day{border-left:1px solid #f3d47a44}
.f96-weather-widget.f96-style-graphite{background:linear-gradient(105deg,#343c46,#171d25 60%,#090d13);border:1px solid #9ca9b7;box-shadow:inset 0 0 12px #cbd5e144}.f96-weather-widget.f96-style-graphite .f96-weather-current{background:linear-gradient(120deg,#4a5561,#202934);border-right:1px solid #aab7c477}.f96-weather-widget.f96-style-graphite .f96-weather-day+.f96-weather-day{border-left:1px solid #aab7c444}
.f96-weather-widget.f96-style-arctic{background:linear-gradient(105deg,#276e8a,#184c76 60%,#0b2544);border:1px solid #b6f5ff;box-shadow:inset 0 0 12px #8deaff55}.f96-weather-widget.f96-style-arctic .f96-weather-current{background:linear-gradient(120deg,#55a8c8,#1d6289);border-right:1px solid #b6f5ff99}.f96-weather-widget.f96-style-arctic .f96-weather-day+.f96-weather-day{border-left:1px solid #b6f5ff66}
.f96-weather-widget.f96-style-lavender{background:linear-gradient(105deg,#5b4d8c,#312b5f 60%,#171b3c);border:1px solid #d3b5ff;box-shadow:inset 0 0 12px #c5a3ff44}.f96-weather-widget.f96-style-lavender .f96-weather-current{background:linear-gradient(120deg,#8871b9,#494078);border-right:1px solid #e2d0ff88}.f96-weather-widget.f96-style-lavender .f96-weather-day+.f96-weather-day{border-left:1px solid #d3b5ff55}
.f96-weather-widget.f96-style-turquoise{background:linear-gradient(105deg,#075e67,#063c51 60%,#092138);border:1px solid #50f0e2;box-shadow:inset 0 0 12px #50f0e244}.f96-weather-widget.f96-style-turquoise .f96-weather-current{background:linear-gradient(120deg,#0b9297,#075b73);border-right:1px solid #50f0e288}.f96-weather-widget.f96-style-turquoise .f96-weather-day+.f96-weather-day{border-left:1px solid #50f0e255}
/* El control de esquinas se aplica por igual a los 20 estilos y al modo de color sólido. */
.f96-weather-widget{border-radius:var(--f96-corner-radius,0px)!important}
.f96-weather-widget:before{border-radius:inherit!important}
.f96-weather-widget.f96-mode-solid{border-radius:var(--f96-corner-radius,0px)!important}
/* Centrado real de los SVG dentro de los aros circulares, incluido el icono actual. */
.f96-weather-widget.f96-style-circular .f96-weather-current-icon{display:flex;align-items:center;justify-content:center}
.f96-weather-widget.f96-style-circular .f96-weather-symbol{display:flex;align-items:center;justify-content:center;line-height:0;vertical-align:middle}
.f96-weather-widget.f96-style-circular .f96-weather-symbol svg{display:block;position:relative;inset:auto;transform:none;margin:auto}


/* Variaciones geométricas para que los temas no sean únicamente cambios de color. */
.f96-weather-widget.f96-style-ocean .f96-weather-day{position:relative}.f96-weather-widget.f96-style-ocean .f96-weather-day:after{content:"";position:absolute;bottom:0;left:18%;right:18%;height:2px;background:#36baff88}
.f96-weather-widget.f96-style-sky .f96-weather-day{margin:4px 2px;border:1px solid #d8f5ff66;border-radius:9px;background:#bdefff20}.f96-weather-widget.f96-style-sky .f96-weather-current{border-radius:12px;margin:3px}
.f96-weather-widget.f96-style-emerald .f96-weather-now{border-bottom:2px solid #39e6a1;padding:3px 7px}.f96-weather-widget.f96-style-emerald .f96-weather-day{background:#00dca510}
.f96-weather-widget.f96-style-forest .f96-weather-day{margin:3px 1px;background:#c3e49a12;border-radius:5px}.f96-weather-widget.f96-style-forest .f96-weather-current{border-left:4px solid #8bbf50}
.f96-weather-widget.f96-style-ruby:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#ff536c;pointer-events:none}.f96-weather-widget.f96-style-ruby .f96-weather-now{border:1px solid #ff536c66;border-radius:8px;padding:3px 6px}
.f96-weather-widget.f96-style-amber .f96-weather-now{border:1px solid #ffc04b88;border-radius:3px;padding:3px 7px}.f96-weather-widget.f96-style-amber .f96-weather-day:nth-child(odd){background:#ffc04b0d}
.f96-weather-widget.f96-style-sunset .f96-weather-day{margin:4px 1px;border-radius:8px;background:#ffd3b51b;border:1px solid #ffb09a55}.f96-weather-widget.f96-style-sunset .f96-weather-now{border-radius:18px;background:#5a1b3f88;padding:4px 8px}
.f96-weather-widget.f96-style-violet .f96-weather-day{margin:3px 1px;border-radius:12px;background:#9e4dff16;border:1px solid #b38cff44}.f96-weather-widget.f96-style-violet .f96-weather-now{border:1px solid #b38cff88;border-radius:10px;padding:3px 7px}
.f96-weather-widget.f96-style-rose .f96-weather-current{border-radius:18px;margin:3px}.f96-weather-widget.f96-style-rose .f96-weather-day{background:#ff8fc811}.f96-weather-widget.f96-style-rose .f96-weather-day:nth-child(odd){border-bottom:2px solid #ff8fc855}
.f96-weather-widget.f96-style-gold{border-style:double;border-width:3px}.f96-weather-widget.f96-style-gold .f96-weather-now{border:1px solid #f3d47a;border-radius:3px;padding:3px 7px}.f96-weather-widget.f96-style-gold .f96-weather-day+.f96-weather-day{border-left:1px solid #f3d47a66}
.f96-weather-widget.f96-style-graphite .f96-weather-current{border-bottom:2px solid #9ca9b7}.f96-weather-widget.f96-style-graphite .f96-weather-day{background:#cbd5e10a}.f96-weather-widget.f96-style-graphite .f96-weather-now{border:1px solid #9ca9b766;padding:3px 7px}
.f96-weather-widget.f96-style-arctic .f96-weather-day{margin:3px 1px;border:1px solid #b6f5ff66;border-radius:6px;background:#c7f8ff16}.f96-weather-widget.f96-style-arctic .f96-weather-now{border-radius:16px;background:#0d385d88;padding:3px 7px}
.f96-weather-widget.f96-style-lavender .f96-weather-now{border:1px solid #d3b5ff88;border-radius:999px;padding:3px 9px}.f96-weather-widget.f96-style-lavender .f96-weather-day:nth-child(3n+1){background:#d3b5ff12}
.f96-weather-widget.f96-style-turquoise .f96-weather-day .f96-weather-symbol{border:1px solid #50f0e2;border-radius:50%;padding:2px;box-shadow:0 0 5px #50f0e255}.f96-weather-widget.f96-style-turquoise .f96-weather-now{border-bottom:2px solid #50f0e2;padding:3px 7px}


/* F96 1.4.0: en los estilos prediseñados, los colores meteorológicos los determina la paleta del tema. */
.f96-weather-widget.f96-mode-preset{color:var(--f96-text,#fff)}
.f96-weather-widget.f96-mode-preset .f96-weather-temp{color:var(--f96-max,#fff)!important}
/* Las miniaturas del administrador se muestran cuadradas, sin reflejar el redondeo del widget publicado. */
.f96-style-demo,.f96-style-demo:before,.f96-style-demo:after{border-radius:0!important}


/* F96 1.6.6: elimina la franja superior y hace que el contenido rellene el bloque completo. */
.f96-weather-widget{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:0!important;padding:0!important;width:100%;max-width:100%;height:var(--f96-widget-height,100px);min-height:0;box-sizing:border-box;overflow:hidden}
.f96-weather-widget .f96-weather-inner{display:flex;flex-direction:row;align-items:stretch;width:100%;max-width:100%;height:100%;min-height:100%;margin:0!important;padding:0!important;min-width:0;position:relative;z-index:1;flex:1 1 100%;align-self:stretch}
.f96-weather-widget .f96-weather-current{align-self:stretch;min-height:100%;padding-top:5px;padding-bottom:5px;margin:0!important}
.f96-weather-widget .f96-weather-days{grid-template-columns:repeat(5,minmax(0,1fr));align-self:stretch;min-height:100%;margin:0!important;padding-top:0;padding-bottom:0}
.f96-weather-widget .f96-weather-day{justify-content:center;gap:3px;padding:4px 2px;overflow:visible}
.f96-weather-widget .f96-weather-day-name{font-size:clamp(8px,calc(var(--f96-widget-height,100px)*.105 * var(--f96-content-scale,1)),calc(12px * var(--f96-content-scale,1)));line-height:1.1}
.f96-weather-widget .f96-weather-day .f96-weather-symbol{width:clamp(16px,calc(var(--f96-widget-height,100px)*.29 * var(--f96-content-scale,1)),calc(38px * var(--f96-content-scale,1)));height:clamp(16px,calc(var(--f96-widget-height,100px)*.29 * var(--f96-content-scale,1)),calc(38px * var(--f96-content-scale,1)));font-size:clamp(16px,calc(var(--f96-widget-height,100px)*.29 * var(--f96-content-scale,1)),calc(38px * var(--f96-content-scale,1)));flex:0 0 auto}
.f96-weather-widget .f96-weather-day-temps{font-size:clamp(7px,calc(var(--f96-widget-height,100px)*.085 * var(--f96-content-scale,1)),calc(11px * var(--f96-content-scale,1)));line-height:1.15;justify-content:center;gap:clamp(1px,.35vw,5px)}
.f96-weather-widget .f96-weather-error{align-self:center;flex:1}
@media(max-width:650px){
 .f96-weather-widget{display:flex!important;flex-direction:column!important;height:auto;min-height:0;overflow:hidden}
 .f96-weather-widget .f96-weather-inner{display:flex;flex-direction:column;height:auto;min-height:0;max-width:100%;flex:1 1 auto}
 .f96-weather-widget .f96-weather-current{flex:initial;width:100%;min-height:76px}
 .f96-weather-widget .f96-weather-days{width:100%;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;min-height:0}
 .f96-weather-widget .f96-weather-day{padding:8px 1px;gap:5px;overflow:visible}
 .f96-weather-widget .f96-weather-day-temps{flex-direction:column;gap:2px;font-size:calc(10px * var(--f96-content-scale,1))}
 .f96-weather-widget .f96-weather-error{width:100%;flex:none}
}


/* F96 1.6.8: pronóstico horizontal; icono a la izquierda y día/temperaturas a la derecha.
   Solo cambia la distribución: cada estilo conserva su propia paleta, fondo y bordes. */
.f96-weather-widget .f96-weather-days{grid-template-columns:repeat(5,minmax(0,1fr));}
.f96-weather-widget .f96-weather-day{
 display:grid!important;
 grid-template-columns:clamp(22px,calc(var(--f96-widget-height,100px)*.30 * var(--f96-content-scale,1)),calc(48px * var(--f96-content-scale,1))) minmax(0,1fr);
 grid-template-rows:auto auto;
 grid-template-areas:"icon name" "icon temps";
 align-content:center;align-items:center;justify-items:center;
 column-gap:clamp(2px,.25vw,4px);row-gap:clamp(2px,calc(var(--f96-widget-height,100px)*.025),4px);
 text-align:center;padding:5px clamp(2px,.4vw,6px);
}
.f96-weather-widget .f96-weather-day>.f96-weather-symbol{grid-area:icon;width:100%;height:auto;aspect-ratio:1/1;max-width:calc(48px * var(--f96-content-scale,1));align-self:center;justify-self:center;}
.f96-weather-widget .f96-weather-day-name{grid-area:name;align-self:end;justify-self:stretch;font-size:clamp(calc(8px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,100px)*.105 * var(--f96-content-scale,1)),calc(16px * var(--f96-content-scale,1)));line-height:1.1;white-space:nowrap;text-align:center;}
.f96-weather-widget .f96-weather-day-temps{grid-area:temps;align-self:start;justify-self:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:clamp(2px,.25vw,5px);font-size:clamp(calc(7px * var(--f96-content-scale,1)),calc(var(--f96-widget-height,100px)*.08 * var(--f96-content-scale,1)),calc(14px * var(--f96-content-scale,1)));line-height:1.15;white-space:nowrap;}
@media(max-width:650px){
 .f96-weather-widget .f96-weather-days{grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;}
 .f96-weather-widget .f96-weather-day{grid-template-columns:minmax(18px,30%) minmax(0,1fr);column-gap:2px;padding:6px 2px;row-gap:3px;}
 .f96-weather-widget .f96-weather-day>.f96-weather-symbol{width:100%;max-width:30px;}
 .f96-weather-widget .f96-weather-day-name{font-size:clamp(calc(7px * var(--f96-content-scale,1)),calc(9px * var(--f96-content-scale,1)),calc(12px * var(--f96-content-scale,1)));white-space:normal;overflow-wrap:anywhere;}
 .f96-weather-widget .f96-weather-day-temps{flex-direction:column;gap:2px;font-size:clamp(calc(7px * var(--f96-content-scale,1)),calc(9px * var(--f96-content-scale,1)),calc(12px * var(--f96-content-scale,1)));white-space:nowrap;}
}


/* F96 1.7.0: centra el conjunto icono + nombre + temperaturas dentro de cada tarjeta.
   No cambia los colores ni los estilos seleccionados. */
.f96-weather-widget .f96-weather-day{
  grid-template-columns:auto auto!important;
  grid-template-rows:auto auto!important;
  grid-template-areas:"icon name" "icon temps"!important;
  justify-content:center!important;
  justify-items:center!important;
  column-gap:clamp(4px,.45vw,8px)!important;
  padding-left:4px!important;
  padding-right:4px!important;
}
.f96-weather-widget .f96-weather-day>.f96-weather-symbol{
  grid-area:icon!important;
  width:clamp(22px,calc(var(--f96-widget-height,80px)*.30 * var(--f96-content-scale,1)),calc(48px * var(--f96-content-scale,1)))!important;
  height:auto!important;
  aspect-ratio:1/1;
  max-width:calc(48px * var(--f96-content-scale,1))!important;
  justify-self:center!important;
}
.f96-weather-widget .f96-weather-day-name{
  grid-area:name!important;
  justify-self:center!important;
  text-align:center!important;
}
.f96-weather-widget .f96-weather-day-temps{
  grid-area:temps!important;
  justify-self:center!important;
  text-align:center!important;
}
@media(max-width:650px){
 .f96-weather-widget .f96-weather-day{
   grid-template-columns:auto auto!important;
   column-gap:3px!important;
   justify-content:center!important;
 }
 .f96-weather-widget .f96-weather-day>.f96-weather-symbol{
   width:clamp(18px,calc(var(--f96-widget-height,80px)*.24 * var(--f96-content-scale,1)),30px)!important;
   max-width:30px!important;
 }
}


/* F96 1.7.1: control independiente para el panel actual de la izquierda.
   El control general sigue afectando solo al pronóstico por días. */
.f96-weather-widget .f96-weather-current{
  --f96-left-scale:var(--f96-current-scale,1);
}
.f96-weather-widget .f96-weather-current .f96-weather-city{
  font-size:clamp(calc(8px * var(--f96-left-scale)),calc(var(--f96-widget-height,80px)*.16 * var(--f96-left-scale)),calc(18px * var(--f96-left-scale)))!important;
}
.f96-weather-widget .f96-weather-current .f96-weather-country{
  font-size:clamp(calc(7px * var(--f96-left-scale)),calc(var(--f96-widget-height,80px)*.12 * var(--f96-left-scale)),calc(14px * var(--f96-left-scale)))!important;
}
.f96-weather-widget .f96-weather-current .f96-weather-temp{
  font-size:clamp(calc(14px * var(--f96-left-scale)),calc(var(--f96-widget-height,80px)*.30 * var(--f96-left-scale)),calc(34px * var(--f96-left-scale)))!important;
}
.f96-weather-widget .f96-weather-current .f96-weather-description{
  font-size:clamp(calc(7px * var(--f96-left-scale)),calc(var(--f96-widget-height,80px)*.105 * var(--f96-left-scale)),calc(12px * var(--f96-left-scale)))!important;
}
.f96-weather-widget .f96-weather-current .f96-weather-symbol{
  width:clamp(calc(16px * var(--f96-left-scale)),calc(var(--f96-widget-height,80px)*.36 * var(--f96-left-scale)),calc(48px * var(--f96-left-scale)))!important;
  height:clamp(calc(16px * var(--f96-left-scale)),calc(var(--f96-widget-height,80px)*.36 * var(--f96-left-scale)),calc(48px * var(--f96-left-scale)))!important;
  font-size:clamp(calc(16px * var(--f96-left-scale)),calc(var(--f96-widget-height,80px)*.36 * var(--f96-left-scale)),calc(44px * var(--f96-left-scale)))!important;
}
.f96-weather-widget .f96-weather-current .f96-weather-credit{
  font-size:clamp(calc(5px * var(--f96-left-scale)),calc(var(--f96-widget-height,80px)*.07 * var(--f96-left-scale)),calc(8px * var(--f96-left-scale)))!important;
}
@media(max-width:650px){
 .f96-weather-widget .f96-weather-current .f96-weather-temp{font-size:calc(26px * var(--f96-left-scale))!important}
 .f96-weather-widget .f96-weather-current .f96-weather-symbol{width:calc(32px * var(--f96-left-scale))!important;height:calc(32px * var(--f96-left-scale))!important;font-size:calc(32px * var(--f96-left-scale))!important}
 .f96-weather-widget .f96-weather-current .f96-weather-credit{font-size:calc(7px * var(--f96-left-scale))!important}
}


/* F96 1.7.2: integrar el panel actual con el fondo general del estilo.
   Se elimina únicamente el fondo propio y el separador derecho del bloque izquierdo;
   los colores, bordes y fondos de cada estilo se mantienen en el resto del widget. */
.f96-weather-widget .f96-weather-current{
  background:transparent!important;
  border-right:0!important;
}


/* F96 1.7.3: separación pequeña y uniforme entre las tarjetas del pronóstico.
   Conserva los estilos y colores elegidos; solo crea un pequeño espacio alrededor de cada día. */
.f96-weather-widget .f96-weather-days{
  gap:4px!important;
  padding:3px 3px!important;
  box-sizing:border-box!important;
}


/* F96 1.7.4: el bloque de condiciones actuales no lleva borde, esquinas redondeadas ni sombra en ningún estilo. */
.f96-weather-widget .f96-weather-current{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  outline:0!important;
}


/* F96 1.7.5: el bloque meteorológico izquierdo queda transparente y sin contorno en todos los estilos. */
.f96-weather-widget .f96-weather-current,
.f96-weather-widget.f96-style-neon .f96-weather-current,
.f96-weather-widget.f96-style-glass .f96-weather-current,
.f96-weather-widget.f96-style-dark .f96-weather-current,
.f96-weather-widget.f96-style-nature .f96-weather-current,
.f96-weather-widget.f96-style-circular .f96-weather-current,
.f96-weather-widget.f96-style-premium .f96-weather-current,
.f96-weather-widget.f96-style-ocean .f96-weather-current,
.f96-weather-widget.f96-style-sky .f96-weather-current,
.f96-weather-widget.f96-style-emerald .f96-weather-current,
.f96-weather-widget.f96-style-forest .f96-weather-current,
.f96-weather-widget.f96-style-ruby .f96-weather-current,
.f96-weather-widget.f96-style-amber .f96-weather-current,
.f96-weather-widget.f96-style-sunset .f96-weather-current,
.f96-weather-widget.f96-style-violet .f96-weather-current,
.f96-weather-widget.f96-style-rose .f96-weather-current,
.f96-weather-widget.f96-style-gold .f96-weather-current,
.f96-weather-widget.f96-style-graphite .f96-weather-current,
.f96-weather-widget.f96-style-arctic .f96-weather-current,
.f96-weather-widget.f96-style-lavender .f96-weather-current,
.f96-weather-widget.f96-style-turquoise .f96-weather-current {
  background: transparent !important;
  border: 0 !important;
  border-right: 0 !important;
  border-left: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  margin: 0 !important;
}


/* F96 1.7.6: corrección exclusiva para móviles.
   Los cinco días se muestran como tarjetas compactas: nombre horizontal arriba,
   icono centrado y temperaturas debajo. El diseño de escritorio no se modifica. */
@media (max-width: 650px) {
  .f96-weather-widget .f96-weather-days {
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 4px !important;
    padding: 4px !important;
    overflow: hidden !important;
    align-items: stretch !important;
  }
  .f96-weather-widget .f96-weather-day {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto auto !important;
    grid-template-areas: "name" "icon" "temps" !important;
    align-content: center !important;
    align-items: center !important;
    justify-items: center !important;
    justify-content: center !important;
    row-gap: 4px !important;
    column-gap: 0 !important;
    min-width: 0 !important;
    padding: 6px 2px !important;
    text-align: center !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
  }
  .f96-weather-widget .f96-weather-day-name {
    grid-area: name !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    font-size: clamp(7px, 2.2vw, 11px) !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    overflow-wrap: normal !important;
    word-break: keep-all !important;
    text-align: center !important;
    align-self: center !important;
    justify-self: center !important;
  }
  .f96-weather-widget .f96-weather-day > .f96-weather-symbol {
    grid-area: icon !important;
    width: clamp(18px, 6vw, 28px) !important;
    height: clamp(18px, 6vw, 28px) !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    justify-self: center !important;
    align-self: center !important;
  }
  .f96-weather-widget .f96-weather-day-temps {
    grid-area: temps !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: center !important;
    justify-self: center !important;
    align-self: center !important;
    gap: 2px !important;
    width: 100% !important;
    min-width: 0 !important;
    font-size: clamp(7px, 2.1vw, 10px) !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    text-align: center !important;
  }
}


/* F96 1.7.7: móvil: pronóstico en filas para evitar que los días y temperaturas
   se partan verticalmente. Solo afecta pantallas pequeñas; escritorio queda igual. */
@media (max-width: 650px) {
  .f96-weather-widget .f96-weather-days {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 5px !important;
    padding: 5px !important;
    overflow: visible !important;
    align-items: stretch !important;
  }
  .f96-weather-widget .f96-weather-day {
    display: grid !important;
    grid-template-columns: clamp(28px, 9vw, 40px) minmax(0, 1fr) auto !important;
    grid-template-rows: minmax(38px, auto) !important;
    grid-template-areas: "icon name temps" !important;
    align-content: center !important;
    align-items: center !important;
    justify-items: center !important;
    justify-content: stretch !important;
    column-gap: 8px !important;
    row-gap: 0 !important;
    min-width: 0 !important;
    min-height: 48px !important;
    padding: 6px 10px !important;
    text-align: left !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .f96-weather-widget .f96-weather-day-name {
    grid-area: name !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    font-size: clamp(11px, 3.4vw, 14px) !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
    overflow: visible !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-overflow: clip !important;
    text-align: left !important;
    align-self: center !important;
    justify-self: start !important;
  }
  .f96-weather-widget .f96-weather-day > .f96-weather-symbol {
    grid-area: icon !important;
    width: clamp(28px, 8vw, 36px) !important;
    height: clamp(28px, 8vw, 36px) !important;
    max-width: 100% !important;
    aspect-ratio: 1 / 1 !important;
    justify-self: center !important;
    align-self: center !important;
  }
  .f96-weather-widget .f96-weather-day-temps {
    grid-area: temps !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    justify-content: center !important;
    justify-self: end !important;
    align-self: center !important;
    gap: 3px !important;
    width: auto !important;
    min-width: 0 !important;
    font-size: clamp(10px, 3vw, 12px) !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    text-align: right !important;
  }
}


/* F96 1.7.8: reduce exclusivamente el espacio vertical en móviles,
   sin cambiar tamaños de letra ni el diseño de escritorio. */
@media (max-width: 650px) {
  .f96-weather-widget .f96-weather-current {
    min-height: 0 !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
  }
  .f96-weather-widget .f96-weather-days {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    gap: 3px !important;
  }
  .f96-weather-widget .f96-weather-day {
    min-height: 42px !important;
    grid-template-rows: minmax(32px, auto) !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
  }
}


/* F96 1.7.9: corrección definitiva de distribución y altura en móviles.
   Solo afecta pantallas de hasta 650 px. Escritorio conserva el diseño previo. */
@media screen and (max-width: 650px) {
  .f96-weather-widget {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .f96-weather-widget .f96-weather-current {
    flex: 0 0 auto !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 3px 10px !important;
    margin: 0 !important;
  }
  .f96-weather-widget .f96-weather-days {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-auto-rows: auto !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 0 5px 3px !important;
    margin: 0 !important;
    overflow: visible !important;
    align-items: stretch !important;
  }
  .f96-weather-widget .f96-weather-day {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    grid-template-rows: auto !important;
    grid-template-areas: "icon name temps" !important;
    min-width: 0 !important;
    min-height: 35px !important;
    height: auto !important;
    padding: 2px 8px !important;
    margin: 0 !important;
    gap: 0 8px !important;
    align-items: center !important;
    justify-content: stretch !important;
    text-align: left !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .f96-weather-widget .f96-weather-day-name {
    grid-area: name !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    font-size: clamp(11px, 3.4vw, 14px) !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    text-overflow: clip !important;
    text-align: left !important;
    justify-self: start !important;
  }
  .f96-weather-widget .f96-weather-day > .f96-weather-symbol {
    grid-area: icon !important;
    width: 28px !important;
    height: 28px !important;
    max-width: 28px !important;
    margin: 0 !important;
    justify-self: center !important;
    align-self: center !important;
  }
  .f96-weather-widget .f96-weather-day-temps {
    grid-area: temps !important;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-items: flex-end !important;
    justify-content: center !important;
    justify-self: end !important;
    align-self: center !important;
    gap: 2px !important;
    width: auto !important;
    min-width: max-content !important;
    margin: 0 !important;
    font-size: clamp(10px, 3vw, 12px) !important;
    line-height: 1.1 !important;
    white-space: nowrap !important;
    text-align: right !important;
  }
}


/* F96 1.8.2: compactación final del alto en teléfonos.
   Reduce únicamente el espacio vertical exterior/interior; no cambia tipografías,
   iconos, colores ni la presentación de escritorio. */
@media screen and (max-width: 650px) {
  .f96-weather-widget {
    height: auto !important;
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .f96-weather-widget .f96-weather-inner {
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 auto !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .f96-weather-widget .f96-weather-current {
    min-height: 0 !important;
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .f96-weather-widget .f96-weather-days {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 1px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    gap: 0 !important;
  }
  .f96-weather-widget .f96-weather-day {
    min-height: 30px !important;
    padding-top: 1px !important;
    padding-bottom: 1px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}