*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.clima-v256{margin:0;background:#eef3f0;color:#102d42;font-family:Arial,Helvetica,sans-serif}
body.clima-v256 a{text-decoration:none}
.wrapV256{width:min(1460px,calc(100% - 36px));margin:auto}

.weatherPageV256{padding-bottom:34px}
.weatherHeroV256{
 position:relative;min-height:560px;overflow:hidden;
 background:
 linear-gradient(90deg,rgba(8,53,34,.46),rgba(4,44,30,.22)),
 url("/assets/img/hero-agricultura.jpg") center/cover no-repeat;
}
.weatherHeroV256:before{
 content:"";position:absolute;inset:0;
 background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(1,34,20,.22));
 pointer-events:none
}
.weatherHeroInnerV256{position:relative;z-index:2;padding:28px 0 36px}
.weatherTitleV256{display:flex;align-items:center;gap:16px;max-width:700px;color:#fff}
.weatherTitleIconV256{width:86px;height:86px;display:grid;place-items:center;border-radius:28px;background:rgba(255,255,255,.16);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.45);font-size:50px;box-shadow:0 12px 30px rgba(0,0,0,.17)}
.weatherTitleV256 span{font-size:10px;font-weight:900;letter-spacing:.12em}
.weatherTitleV256 h1{margin:3px 0 3px;font-size:45px;line-height:1;color:#fff}
.weatherTitleV256 p{margin:0;font-size:13px;color:rgba(255,255,255,.92)}

.weatherTabsV256{position:absolute;right:0;top:28px;display:flex;gap:10px}
.weatherTabsV256 button{
 min-width:106px;height:92px;padding:9px;border:1px solid rgba(255,255,255,.42);
 border-radius:18px;background:rgba(22,40,50,.56);backdrop-filter:blur(9px);
 color:#fff;font-size:25px;cursor:pointer;box-shadow:0 10px 20px rgba(0,0,0,.13);
 transition:.18s ease
}
.weatherTabsV256 button span{display:block;margin-top:5px;font-size:11px;font-weight:900}
.weatherTabsV256 button:hover,.weatherTabsV256 button.active{transform:translateY(-2px);background:rgba(14,99,150,.65);border-color:#65c7ff}

.weatherMainGridV256{display:grid;grid-template-columns:430px 1fr;gap:18px;margin-top:24px}
.glassV256{border:1px solid rgba(255,255,255,.42);border-radius:24px;background:rgba(13,50,37,.50);backdrop-filter:blur(13px);box-shadow:0 15px 35px rgba(0,0,0,.18);color:#fff}
.nowCardV256{padding:24px}
.nowTopV256{display:flex;align-items:center;justify-content:space-between}
.nowTopV256 small{font-size:9px;font-weight:900;color:#d7eee2}
.nowTopV256 strong{display:block;font-size:100px;line-height:.9;letter-spacing:-5px}
.nowTopV256 b{display:block;margin-top:12px;font-size:20px}
.bigWeatherIconV256{font-size:94px;filter:drop-shadow(0 9px 13px rgba(0,0,0,.18))}
.nowStatsV256{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:20px}
.nowStatsV256>div{padding:11px;border-radius:14px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15)}
.nowStatsV256 span{font-size:22px;float:left;margin-right:7px}.nowStatsV256 small{display:block;font-size:8px;color:#d9e9e1}.nowStatsV256 b{display:block;margin-top:3px;font-size:14px}

.forecastHeroV256{padding:22px}
.forecastHeroHeadV256{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.forecastHeroHeadV256 small{font-size:8px;color:#d9eade;font-weight:900}.forecastHeroHeadV256 h2{margin:3px 0;font-size:22px;color:#fff}.forecastHeroHeadV256 p{margin:0;font-size:10px;color:#e4efe8}
.updateBoxV256{text-align:right}.updateBoxV256 button{min-height:39px;padding:8px 16px;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(255,255,255,.10);color:#fff;font-weight:900;cursor:pointer}.updateBoxV256 small{display:block;margin-top:6px}
.forecastTopV256{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:18px}
.forecastDayV256{min-width:0;padding:11px 6px;border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);text-align:center}
.forecastDayV256 strong{display:block;font-size:10px}.forecastDayV256 .ico{font-size:32px;margin:6px 0}.forecastDayV256 b{font-size:15px}.forecastDayV256 em{font-style:normal;color:#cadbd3;font-size:11px}.forecastDayV256 small{display:block;margin-top:5px;font-size:7px;line-height:1.2;color:#e7f1eb}

.metricsStripV256{position:relative;z-index:5;margin-top:-24px;display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:14px;border-radius:24px;background:rgba(255,255,255,.93);box-shadow:0 15px 35px rgba(20,65,40,.12);backdrop-filter:blur(12px)}
.metricsStripV256 article{min-width:0;padding:11px 8px;border-right:1px solid #e6ece9;text-align:center}.metricsStripV256 article:last-child{border-right:0}.metricIconV256{display:block;font-size:31px}.metricsStripV256 small{display:block;margin:4px 0 2px;color:#60746a;font-size:8px}.metricsStripV256 b{display:block;color:#133048;font-size:17px}.metricsStripV256 em{display:inline-block;margin-top:5px;padding:4px 8px;border-radius:999px;background:#e6f7eb;color:#087746;font-style:normal;font-size:7px;font-weight:900}

.sectionV256{padding:26px 0 8px}.sectionHeadV256{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:12px}.sectionHeadV256 span{color:#087746;font-size:9px;font-weight:900}.sectionHeadV256 h2{margin:2px 0 0;color:#173b2c;font-size:24px}.sectionHeadV256 p{margin:0;color:#728379;font-size:10px}
.forecastGridV256{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.forecastCardV256{padding:15px;border:1px solid #dbe7e0;border-radius:18px;background:#fff;text-align:center;box-shadow:0 5px 15px rgba(9,67,39,.06)}.forecastCardV256 strong{font-size:11px;color:#234c39}.forecastCardV256 .ico{font-size:36px;margin:9px 0}.forecastCardV256 b{font-size:17px;color:#173449}.forecastCardV256 em{font-style:normal;color:#75877e;font-size:11px}.forecastCardV256 p{min-height:28px;margin:6px 0 0;color:#667a70;font-size:8px;line-height:1.35}

.lowerGridV256{display:grid;grid-template-columns:1.25fr .9fr .82fr;gap:14px;margin-top:18px}
.contentCardV256{overflow:hidden;border:1px solid #dae7df;border-radius:20px;background:#fff;box-shadow:0 7px 20px rgba(11,64,39,.07)}
.contentHeadV256{min-height:50px;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e7eeea}.contentHeadV256 h2{margin:0;color:#153a2a;font-size:15px}.contentHeadV256 a{color:#087746;font-size:8px;font-weight:900}
.mapVisualV256{position:relative;min-height:330px;overflow:hidden;background:
 radial-gradient(circle at 28% 46%,rgba(27,204,100,.58),transparent 10%),
 radial-gradient(circle at 43% 40%,rgba(255,222,52,.52),transparent 13%),
 radial-gradient(circle at 67% 55%,rgba(20,139,234,.52),transparent 18%),
 linear-gradient(135deg,#517b58,#275d4c 45%,#1e5363)}
.mapVisualV256:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(28deg,transparent 0 36px,rgba(255,255,255,.07) 37px 38px),repeating-linear-gradient(118deg,transparent 0 50px,rgba(255,255,255,.05) 51px 52px)}
.mapCloudV256{position:absolute;border-radius:50%;filter:blur(22px);background:rgba(75,189,255,.38)}.cloud1{width:190px;height:90px;left:30px;top:45px}.cloud2{width:220px;height:100px;right:20px;bottom:70px}
.mapPinV256{position:absolute;left:54%;top:44%;transform:translate(-50%,-50%);color:#fff;font-size:40px;text-shadow:0 3px 8px #0008}.mapPinV256 b{display:block;margin-top:-5px;font-size:12px}
.mapLegendV256{position:absolute;left:14px;right:14px;bottom:14px;display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mapLegendV256 span{padding:7px 10px;border-radius:999px;background:rgba(7,44,49,.72);color:#fff;border:1px solid rgba(255,255,255,.25);font-size:8px}

.agroTipsV256{padding:10px 16px 16px;display:grid;gap:7px}.agroTipsV256>div{display:grid;grid-template-columns:40px 1fr;gap:8px;align-items:center;min-height:60px;padding:8px;border-radius:12px;background:#f5f9f6}.agroTipsV256 span{font-size:26px;text-align:center}.agroTipsV256 p{margin:0;color:#355348;font-size:9px;line-height:1.4}
.extraListV256{padding:10px 16px 16px;display:grid;gap:7px}.extraListV256>div{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;border-radius:12px;background:#f5f8fa;color:#40596b;font-size:9px}.extraListV256 b{color:#15324a;text-align:right}

.sourceNoteV256{display:flex;align-items:center;gap:12px;margin-top:18px;padding:13px 16px;border:1px solid #dce7e1;border-radius:14px;background:#fff}.sourceNoteV256 span{font-size:25px}.sourceNoteV256 p{margin:0;color:#6d7f75;font-size:9px;line-height:1.45}

@media(max-width:1150px){
 .weatherTabsV256{position:static;margin-top:16px;overflow-x:auto}.weatherTabsV256 button{flex:0 0 100px}
 .weatherMainGridV256{grid-template-columns:1fr}.forecastTopV256{grid-template-columns:repeat(7,minmax(100px,1fr));overflow-x:auto}
 .metricsStripV256{grid-template-columns:repeat(4,1fr)}.metricsStripV256 article:nth-child(4){border-right:0}
 .forecastGridV256{grid-template-columns:repeat(4,1fr)}
 .lowerGridV256{grid-template-columns:1fr 1fr}.mapCardV256{grid-column:1/-1}
}
@media(max-width:720px){
 .wrapV256{width:calc(100% - 20px)}
 .weatherHeroInnerV256{padding-top:18px}.weatherTitleIconV256{width:60px;height:60px;font-size:36px}.weatherTitleV256 h1{font-size:31px}
 .weatherMainGridV256{margin-top:14px}.nowTopV256 strong{font-size:76px}.bigWeatherIconV256{font-size:65px}.nowStatsV256{grid-template-columns:1fr}
 .forecastHeroHeadV256{flex-direction:column}.updateBoxV256{text-align:left}
 .metricsStripV256{grid-template-columns:1fr 1fr;margin-top:-14px}
 .metricsStripV256 article{border-right:0;border-bottom:1px solid #e6ece9}
 .forecastGridV256{grid-template-columns:1fr 1fr}
 .lowerGridV256{grid-template-columns:1fr}.mapCardV256{grid-column:auto}
 .sectionHeadV256{align-items:flex-start;flex-direction:column}
}