/* sacredvalleyvip.com · sacred-valley-weather-by-month.css */
.prose table td:nth-child(3){min-width:220px}

/* ===== clima: año de un vistazo, detalle del mes, temporadas ===== */
.year{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:16px 18px;margin:0 0 26px} .year h2{margin:0 0 14px;font-size:1.05rem;display:flex;justify-content:space-between;align-items:baseline;gap:10px} .year h2 em{font-style:normal;font-size:.8rem;color:var(--texto-suave);font-weight:600} .months{display:grid;grid-template-columns:repeat(12,1fr);gap:4px} .mo{border:0;background:var(--fondo-claro);border-radius:8px;padding:8px 2px 6px;font:inherit;cursor:pointer;text-align:center;position:relative;transition:transform .15s,box-shadow .15s;color:var(--texto)} .mo b{display:block;font-size:.8rem} .mo i{display:block;height:6px;border-radius:3px;margin:6px 4px 4px} .mo.dry i{background:var(--verde)} .mo.wet i{background:#5B9BD5} .mo.mid i{background:#F2A83B} .mo small{display:block;font-size:.62rem;color:var(--texto-suave);letter-spacing:.04em} .mo:hover{box-shadow:0 0 0 2px var(--linea)} .mo.on{background:#fff;box-shadow:0 0 0 2px var(--verde);transform:translateY(-2px)} .mo.now::after{content:attr(data-today);position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:#1D2D2C;color:#fff;font-size:.58rem;font-weight:700;border-radius:999px;padding:1px 6px;letter-spacing:.04em;white-space:nowrap}
.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:.8rem;color:var(--texto-suave)} .legend span::before{content:'';display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px} .legend .dry::before{background:var(--verde)} .legend .wet::before{background:#5B9BD5} .legend .mid::before{background:#F2A83B}
.mdetail{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:12px;margin-top:14px} .mdetail>div{border-radius:12px;padding:12px 14px;background:var(--fondo-claro)} .mdetail .main{background:var(--tinte)} .mdetail small{display:block;font-size:.7rem;font-weight:700;color:var(--texto-suave);text-transform:uppercase;letter-spacing:.06em} .mdetail b{display:block;font-size:1.02rem;margin:2px 0 4px;line-height:1.3} .mdetail p{margin:0;font-size:.86rem;color:var(--texto-suave)} .mdetail a{display:inline-block;margin-top:6px;font-size:.84rem;font-weight:700;color:var(--verde-texto);text-decoration:none} .mdetail a:hover{text-decoration:underline} .dots{display:flex;gap:4px;margin:6px 0 4px} .dots i{width:14px;height:14px;border-radius:50%;background:#D4DDDA} .dots i.f{background:var(--verde)}
.seasons{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 26px} .season{background:#fff;border:1px solid var(--linea);border-radius:var(--r);padding:16px 18px} .season h3{margin:0 0 8px;font-size:1.05rem;display:flex;gap:8px;align-items:center} .season h3 i{width:10px;height:10px;border-radius:3px;display:inline-block;flex:none} .season.dry h3 i{background:var(--verde)} .season.wet h3 i{background:#5B9BD5} .season ul{list-style:none;margin:0;padding:0} .season li{display:grid;grid-template-columns:70px 1fr;gap:10px;padding:6px 0;border-top:1px dashed var(--linea);font-size:.9rem} .season li b{color:var(--verde-texto);font-size:.86rem} .season .tip{margin:8px 0 0;font-size:.84rem;color:var(--texto-suave)}
@media(max-width:720px){.months{grid-template-columns:repeat(6,1fr)} .mdetail,.seasons{grid-template-columns:1fr} .mo.now::after{top:-8px}}
.mdetail .md-s,.mdetail .md-w,.mdetail .md-v,.mdetail .md-p,.mdetail .md-ps{min-height:1em}

/* ===== mes a mes por temporada ===== */
.sgrp{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;margin:0 0 18px} .sg{background:#fff;border:1px solid var(--linea);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column} .sg header{padding:12px 16px;color:#fff;background:#5B9BD5} .sg.dry header{background:var(--verde)} .sg.mid header{background:#F2A83B} .sg header b{display:block;font-size:1.05rem} .sg header small{font-size:.8rem;opacity:.92} .sg ul{list-style:none;margin:0;padding:6px 16px 10px;flex:1} .sg li{padding:9px 0;border-top:1px dashed var(--linea)} .sg li:first-child{border-top:0} .sg li b{display:flex;justify-content:space-between;align-items:center;font-size:.95rem} .sg li b em{font-style:normal;display:inline-flex;gap:3px} .sg li b em i{width:9px;height:9px;border-radius:50%;background:#E3E9E7;display:inline-block} .sg li b em i.f{background:var(--verde)} .sg li span{display:block;font-size:.84rem;color:var(--texto-suave);margin-top:2px;line-height:1.35} .sg footer{padding:10px 16px;background:var(--fondo-claro);font-size:.84rem;color:var(--texto);line-height:1.4}
.allyear{background:var(--tinte);border-radius:var(--r);padding:14px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 26px} .allyear>div{flex:1 1 320px} .allyear b{display:block} .allyear span{font-size:.9rem;color:var(--texto-suave)} .allyear .btn{white-space:nowrap}
@media(max-width:900px){.sgrp{grid-template-columns:1fr 1fr} .sg.wet{grid-column:1/-1}} @media(max-width:720px){.sgrp{grid-template-columns:1fr} .sg.wet{grid-column:auto}}
/* «Mes a mes»: sombra ligera en hover */
.sg{transition:box-shadow .25s,transform .25s}
.sg:hover{box-shadow:0 10px 26px -14px rgba(29,45,44,.35);transform:translateY(-2px)}
/* «Qué significa para tu día»: hover en verde de marca con textos blancos */
.season{transition:background .2s,border-color .2s}
.season:hover{background:var(--tinte);border-color:var(--verde)}