/* Puesta del Sol Hoy — scoped styles (.sdh). Light, warm, fast. */
.sdh{--ink:#182238;--muted:#69758a;--line:#e9e2d6;--card:#fff;--soft:#fff7ea;--hover:#fffaf3;--today:#fff0dc;--sun:#f59a23;--sun2:#e8603c;--dusk:#2c2f63;--link:#aa5f0c;--btn:#182238;--btn-ink:#fff;--r:18px;
  color:var(--ink);font-family:inherit;font-size:17px;line-height:1.6;}
html[data-theme="dark"] .sdh{--ink:#f6f8fc;--muted:#aeb8ca;--line:rgba(255,255,255,.12);--card:#101b2e;--soft:#16233a;--hover:#14213a;--today:#2a2118;--link:#ffb24a;--btn:#ffb24a;--btn-ink:#08111f}
html[data-theme="dark"] .sdh-answer{box-shadow:none}
.sdh *,.sdh *::before,.sdh *::after{box-sizing:border-box}
.sdh a{color:var(--link);text-decoration-thickness:1px;text-underline-offset:2px}
.sdh h1,.sdh h2,.sdh h3{color:var(--ink);line-height:1.2;letter-spacing:-.01em;margin:0 0 .6em;font-weight:750}
.sdh h1{font-size:clamp(2rem,5vw,3rem)}
.sdh h2{font-size:clamp(1.3rem,2.6vw,1.65rem)}
.sdh h3{font-size:1.15rem;margin-top:1.4em}
.sdh p{margin:0 0 1em}
.sdh-wrap{max-width:1180px;margin:0 auto;padding:8px 20px 24px}
.sdh-section{margin:40px 0}
.sdh-eyebrow{font-size:.85rem;font-weight:650;text-transform:uppercase;letter-spacing:.08em;color:var(--sun2);margin:0 0 .4em!important}
.sdh-lead{font-size:1.1rem;color:var(--muted);max-width:68ch}
.sdh-note{background:var(--soft);border-left:4px solid var(--sun);padding:12px 16px;border-radius:8px;font-size:.95rem}
.sdh-updated{max-width:1180px;margin:0 auto;padding:16px;font-size:.85rem;color:var(--muted);border-top:1px solid var(--line)}

/* Breadcrumbs */
.sdh-crumbs{font-size:.85rem;color:var(--muted);margin:0 0 14px;display:flex;flex-wrap:wrap;gap:6px}
.sdh-crumbs a{color:var(--muted)}
.sdh-crumbs .sep{opacity:.5}

/* Hero */
.sdh-hero{padding:28px 0 8px}
.sdh-hero--slim{padding-bottom:0}
.sdh-hero-search{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}

/* Answer card */
.sdh-answer{display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;margin:20px 0;padding:28px;border-radius:24px;color:#fff;
  background:radial-gradient(120% 140% at 85% 110%,#ffb347 0%,#f0712c 28%,#b8396a 58%,#3a2d63 100%);box-shadow:0 18px 40px -22px rgba(58,45,99,.6)}
.sdh-answer a{color:#fff}
.sdh .sdh-answer .sdh-answer-q,.sdh .sdh-answer p,.sdh .sdh-answer h2{font-size:1.1rem;font-weight:600;margin:0;color:#fff}
.sdh .sdh-answer .sdh-bigtime{font-size:clamp(4rem,13vw,7.5rem)}
h2.sdh-answer-q{font-size:1.1rem;letter-spacing:0}
.sdh-bigtime{font-size:clamp(4rem,13vw,7.5rem);font-weight:800;line-height:1;margin:.05em 0 .12em!important;font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.sdh-countdown{font-size:1rem;margin:0!important;background:rgba(255,255,255,.16);display:inline-block;padding:6px 12px;border-radius:999px;font-variant-numeric:tabular-nums}
.sdh-answer--simple{grid-template-columns:1fr}
.sdh-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:8px 0 0}
.sdh-mini div{background:rgba(255,255,255,.14);border-radius:12px;padding:10px 12px}
.sdh-mini dt{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;opacity:.85}
.sdh .sdh-mini dd,.sdh .sdh-mini dt{margin:0;padding:0}
.sdh-mini dd{font-size:1.35rem;font-weight:750;font-variant-numeric:tabular-nums}
.sdh-arc{width:100%;height:auto;display:block;overflow:visible}
.sdh-arc-path{fill:none;stroke:rgba(255,255,255,.55);stroke-width:2;stroke-dasharray:4 5}
.sdh-arc-horizon{stroke:rgba(255,255,255,.7);stroke-width:1.5}
.sdh-arc-sun{fill:#ffe08a;stroke:#fff;stroke-width:2;filter:drop-shadow(0 0 8px rgba(255,214,120,.9))}
.sdh-arc.is-night .sdh-arc-sun{fill:#cfd3ff;filter:none}
.sdh-arc-label{fill:#fff;font-size:11px;font-weight:600}

/* Search */
.sdh-search{position:relative;display:flex;flex:1 1 300px;min-width:0;width:100%;max-width:520px;background:var(--card);border:2px solid var(--line);border-radius:999px;overflow:visible}
.sdh-search:focus-within{border-color:var(--sun)}
.sdh-search input{flex:1;color:var(--ink)!important;border:0!important;background:transparent!important;padding:12px 18px!important;font-size:1rem;min-width:0;border-radius:999px;outline:0;box-shadow:none!important;color:var(--ink)}
.sdh .sdh-search button{border:0;background:var(--btn);color:var(--btn-ink);font-weight:650;padding:0 20px;border-radius:999px;margin:4px;cursor:pointer;font-size:.95rem}
.sdh-search button:hover{background:var(--dusk)}
.sdh-results{position:absolute;z-index:50;top:calc(100% + 6px);left:0;right:0;margin:0;padding:6px;list-style:none;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:0 14px 30px -12px rgba(0,0,0,.25)}
.sdh-results li{padding:9px 12px;border-radius:9px;cursor:pointer;margin:0}
.sdh-results li span{color:var(--muted);font-size:.85rem}
.sdh-results li:hover,.sdh-results li.is-sel{background:var(--soft)}
.sdh .sdh-geo{background:transparent!important;border:2px solid var(--line)!important;color:var(--ink)!important;border-radius:999px;padding:10px 16px;font-size:.95rem;cursor:pointer;font-weight:600}
.sdh-geo:hover{border-color:var(--sun)}
.sdh-answer .sdh-geo{color:#fff}

/* Cards */
.sdh-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.sdh-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;display:flex;flex-direction:column;gap:2px}
.sdh-card>span{font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:650}
.sdh-card strong{font-size:1.7rem;font-weight:780;font-variant-numeric:tabular-nums;line-height:1.2}
.sdh-card small{color:var(--muted);font-size:.85rem}
.sdh-card--hot{background:linear-gradient(160deg,#fff4e6,#ffe4d6);border-color:#f7c9a8}
html[data-theme="dark"] .sdh-card--hot{background:var(--today);border-color:var(--line)}
.sdh-card--hot strong{color:var(--sun2)}

/* Timeline */
.sdh-timeline{list-style:none;margin:0;padding:0;border-left:3px solid var(--line);margin-left:6px}
.sdh-timeline li{position:relative;padding:8px 0 8px 22px;display:grid;grid-template-columns:70px 1fr;column-gap:12px;margin:0}
.sdh-timeline li::before{content:"";position:absolute;left:-8px;top:15px;width:13px;height:13px;border-radius:50%;background:#fff;border:3px solid var(--dusk)}
.sdh-timeline li.hot::before{border-color:var(--sun2);background:var(--sun)}
.sdh-timeline time{font-weight:780;font-variant-numeric:tabular-nums;grid-row:span 2}
.sdh-timeline b{font-weight:700}
.sdh-timeline span{color:var(--muted);font-size:.92rem}

/* Tables */
.sdh-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
.sdh-table{width:100%;border-collapse:collapse;margin:0!important;border:0!important;font-variant-numeric:tabular-nums;font-size:.97rem}
.sdh-table th,.sdh-table td{padding:10px 14px!important;border:0!important;border-bottom:1px solid var(--line)!important;text-align:left;white-space:nowrap}
.sdh-table thead th{background:var(--soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}
.sdh-table tbody th{font-weight:600}
.sdh-table tbody tr:last-child th,.sdh-table tbody tr:last-child td{border-bottom:0!important}
.sdh-table tbody tr:hover{background:var(--hover)}
.sdh-table tr.is-today{background:var(--today)}
.sdh-table tr.is-today th{color:var(--sun2)}
.sdh-table caption{caption-side:top;text-align:left;padding:10px 14px;font-weight:650}

/* Links: tools, chips, city list */
.sdh-tools{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0}
.sdh-tools a{display:flex;gap:10px;align-items:center;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--card);color:var(--ink);text-decoration:none;font-weight:650}
.sdh-tools a:hover{border-color:var(--sun);background:var(--soft)}
.sdh-tools span{font-size:1.2rem;color:var(--sun2);width:24px;text-align:center}
.sdh-chips{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 16px}
.sdh-chips a{padding:7px 14px;border-radius:999px;border:1px solid var(--line);background:var(--card);text-decoration:none;color:var(--ink);font-size:.93rem}
.sdh-chips a:hover{border-color:var(--sun)}
.sdh-btn{display:inline-block;padding:10px 18px;border-radius:999px;background:var(--btn);color:var(--btn-ink)!important;text-decoration:none;font-weight:650;margin-top:12px}
.sdh-btn:hover{background:var(--dusk)}
.sdh-citylist{list-style:none;margin:0;padding:0;columns:4 200px;column-gap:24px}
.sdh-citylist li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line);break-inside:avoid;margin:0}
.sdh-citylist span{font-variant-numeric:tabular-nums;color:var(--muted)}
.sdh h2 small{font-size:.8em;color:var(--muted);font-weight:500}

/* FAQ & prose */
.sdh-faq details{border:1px solid var(--line);border-radius:14px;background:var(--card);margin:0 0 10px;padding:0 18px}
.sdh-faq summary{cursor:pointer;font-weight:680;padding:14px 0;list-style:none}
.sdh-faq summary::-webkit-details-marker{display:none}
.sdh-faq summary::after{content:"+";float:right;color:var(--sun2);font-size:1.3em;line-height:1}
.sdh-faq details[open] summary::after{content:"–"}
.sdh-faq details>div{padding:0 0 14px;color:var(--muted)}
.sdh-prose{max-width:760px}
.sdh-prose li{margin-bottom:.4em}

/* GeneratePress / theme resets on our pages */
.sdh-page .site-content{padding:0!important}
.sdh-page .inside-article,.sdh-page .site-main{margin:0!important;padding:0!important;background:transparent!important}
.sdh-page #content.site-content{display:block}

@media (max-width:860px){
  .sdh-answer{grid-template-columns:1fr;padding:22px}
  .sdh-cards,.sdh-tools{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  .sdh{font-size:16px}
  .sdh-cards,.sdh-tools{grid-template-columns:1fr}
  .sdh-hide-sm{display:none}
  .sdh-table{font-size:.88rem}
  .sdh-table th,.sdh-table td{padding:8px 7px!important}
  .sdh-table thead th{font-size:.68rem;letter-spacing:.02em;white-space:normal}
  .sdh-search{flex-basis:100%}
  .sdh-card strong{font-size:1.5rem}
  .sdh-timeline li{grid-template-columns:56px 1fr}
}

.sdh-results{background:var(--card)!important}
.sdh-table thead th{background:var(--soft)}