/* Atlas de Ibiza — «Ibiza este mes» (/es/este-mes/, /en/this-month/, /de/diesen-monat/). Se carga junto a months.css (colores de estación y cabecera).
   Todo con tokens de color: el modo oscuro sale solo. Los bloques arrancan en el borde de .wrap, igual que el logo y el pie. */
.now-hero .mo-hero-in{grid-template-columns:minmax(0,1fr)}
.now-hero .mo-title{max-inline-size:18ch}
.now-hero .mo-char{max-inline-size:52ch}
.now-hero .mo-eyebrow time{font-weight:700}
.now-acts{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.5rem 0 0}
.now-link{margin:1.4rem 0 0;font-weight:600}
.now-link a{color:var(--accent-ink);text-underline-offset:.2em}
.now-h3{margin:0 0 1rem;font:400 1.5rem/1.2 var(--ff-display)}

/* fiestas */
.now-ev{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,360px),1fr));gap:1rem}
.now-ev li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1.1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.now-d{align-self:start;display:flex;flex-direction:column;align-items:center;justify-content:center;min-inline-size:3.6rem;padding:.5rem .6rem;border-radius:var(--r);background:color-mix(in oklch,var(--mc) 14%,var(--surface));color:var(--mc-ink);text-align:center}
.now-d strong{font:400 2rem/1 var(--ff-display);font-variant-numeric:tabular-nums}
.now-d span{font:500 .68rem/1.2 var(--ff-mono);letter-spacing:.1em;text-transform:uppercase}
.now-ev-b{min-inline-size:0}
.now-ev-b h3{margin:.1rem 0 .4rem;font:400 1.3rem/1.2 var(--ff-display);overflow-wrap:anywhere}
.now-ev-b p{margin:0 0 .5rem;line-height:1.5}
.now-kind{font:500 .72rem/1.3 var(--ff-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.now-fact{font-size:.9rem;color:var(--muted);overflow-wrap:anywhere}
.now-fact a{color:var(--accent-ink)}
.now-hols{margin:1.2rem 0 0;color:var(--muted)}

/* qué abre y qué cierra */
.now-sum{margin:0 0 1.4rem;max-inline-size:70ch}
.now-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.now-card{display:block;max-inline-size:none;margin:0;padding:1.2rem 1.3rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.now-card h3{margin:0 0 .8rem;font:400 1.3rem/1.2 var(--ff-display)}
.now-names{list-style:none;margin:0;padding:0;display:grid;gap:.5rem;align-content:start}
.now-names a{overflow-wrap:anywhere;text-underline-offset:.2em}
.now-more{margin:.8rem 0 0}
@media (max-width:700px){.now-open{grid-template-columns:minmax(0,1fr)}}

/* tiempo típico */
.now-wx{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr));gap:1rem;margin:0 0 1.2rem}
.now-wx div{display:flex;flex-direction:column;gap:.45rem;padding:1.1rem 1.2rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg)}
.now-wx dt{order:2;font:500 .7rem/1.2 var(--ff-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.now-wx dd{margin:0;font:400 clamp(2rem,3.6vw,2.6rem)/1 var(--ff-display);font-variant-numeric:tabular-nums}
.now-wx small{font:500 .85rem var(--ff-mono);color:var(--muted)}
.now-wx-sub{margin:0 0 .4rem}
.page-now .small a{color:var(--accent-ink);overflow-wrap:anywhere}

/* seguir explorando */
.now-pills{list-style:none;margin:0 0 1.6rem;padding:0;display:flex;flex-wrap:wrap;gap:.6rem}
.now-pills .pill{display:inline-flex;align-items:center;min-block-size:44px;max-inline-size:100%;text-align:start;overflow-wrap:anywhere}
.now-fresh{max-inline-size:78ch}