/* Páginas de Datos del Perú: /clima, /tipo-de-cambio y /sismos. Formato ancho; solo variables --gu-* del tema (hereda la paleta del sitio). */
.gu-datos-page h2{font-size:22px;line-height:1.25;margin:0 0 12px}
.gu-datos-page h3{font-size:17px;line-height:1.3;margin:0 0 10px}
.gu-datos-page h3 span{font-size:13px;font-weight:400;color:var(--gu-muted);margin-left:6px}
.gu-datos-page a:focus-visible,.gu-datos-page button:focus-visible,.gu-datos-page input:focus-visible,.gu-datos-page select:focus-visible{outline:3px solid var(--gu-action);outline-offset:2px}
.gu-datos-updated{color:var(--gu-muted);font-size:13px;margin:-8px 0 20px}
.gu-datos-card{background:var(--gu-surface);border:1px solid var(--gu-line);border-radius:12px;padding:20px;min-width:0}
.gu-datos-block{margin-top:28px}
.gu-datos-hint{color:var(--gu-muted);font-size:13px;margin:4px 0 10px}
.gu-datos-note{margin-top:28px;padding:12px 16px;border-left:4px solid var(--gu-action);background:var(--gu-soft);color:var(--gu-ink);font-size:14px}
.gu-datos-source{margin-top:16px;color:var(--gu-muted);font-size:13px}
.gu-datos-source a,.gu-datos-legal a,.gu-datos-quake-link,.gu-datos-table a{color:var(--gu-action);text-decoration:underline;text-underline-offset:2px}
.gu-datos-legal{margin-top:32px;padding:14px 18px;background:var(--gu-soft);border:1px solid var(--gu-line);border-radius:8px;color:var(--gu-muted);font-size:12.5px;line-height:1.5}
.gu-datos-legal p{margin:0 0 6px}
.gu-datos-legal p:last-child{margin:0}
/* Pestañas: sin JavaScript se ven todos los paneles apilados. */
.gu-datos-page:not([data-ready]) .gu-datos-tabs{display:none}
.gu-datos-page:not([data-ready]) .gu-datos-panel{margin-top:28px}
.gu-datos-page:not([data-ready]) [data-panel=conversor]{display:none}
.gu-datos-page[data-ready] .gu-datos-panel>h2:first-child{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.gu-datos-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:20px;background:var(--gu-pale);border:1px solid var(--gu-line);border-radius:999px;max-width:100%}
.gu-datos-tabs button{min-height:44px;padding:6px 22px;border:0;border-radius:999px;background:transparent;color:var(--gu-ink);font-size:15px;font-weight:600}
.gu-datos-tabs button[aria-selected=true]{background:var(--gu-action);color:#fff}
.gu-datos-panel[hidden]{display:none}
/* Clima */
.gu-datos-now{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:28px;align-items:center}
.gu-datos-now-main{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
svg.gu-datos-bigicon{width:84px;height:84px;color:var(--gu-action);stroke-width:1.3}
.gu-datos-temp{font-size:68px;line-height:1;font-weight:700;margin:0;color:var(--gu-ink)}
.gu-datos-temp span{font-size:26px;font-weight:600;color:var(--gu-muted);vertical-align:top;margin-left:2px}
.gu-datos-cond{color:var(--gu-muted);font-size:16px;margin:6px 0 0}
.gu-datos-minmax{display:flex;gap:18px;margin:0}
.gu-datos-minmax div,.gu-datos-metrics div{margin:0}
.gu-datos-minmax dt,.gu-datos-metrics dt{font-size:12px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--gu-muted)}
.gu-datos-minmax dd{margin:0;font-size:24px;font-weight:700;color:var(--gu-action)}
.gu-datos-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px 24px;margin:0;padding-left:28px;border-left:1px solid var(--gu-line)}
.gu-datos-metrics dd{margin:2px 0 0;font-size:20px;font-weight:600;color:var(--gu-ink)}
.gu-datos-uv{display:inline-block;margin-left:4px;padding:1px 8px;border-radius:999px;background:var(--gu-pale);color:var(--gu-action);font-size:13px;font-weight:700;vertical-align:middle}
.gu-datos-hours{display:flex;gap:8px;list-style:none;margin:0;padding:2px 2px 10px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}
.gu-datos-hours li{flex:0 0 68px;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 4px;background:var(--gu-soft);border:1px solid var(--gu-line);border-radius:10px;font-size:14px}
.gu-datos-hours time{color:var(--gu-muted);font-size:13px}
.gu-datos-hours .gu-icon{width:26px;height:26px;color:var(--gu-action)}
.gu-datos-days{list-style:none;margin:0;padding:0;background:var(--gu-surface);border:1px solid var(--gu-line);border-radius:12px}
.gu-datos-days li{display:grid;grid-template-columns:72px 32px minmax(0,1fr) 52px 52px;align-items:center;gap:14px;padding:12px 20px;border-top:1px solid var(--gu-line)}
.gu-datos-days li:first-child{border-top:0}
.gu-datos-days .gu-icon{width:26px;height:26px;color:var(--gu-action)}
.gu-datos-dayname{font-weight:700;font-size:15px;letter-spacing:.3px}
.gu-datos-dayname.is-today{color:var(--gu-action)}
.gu-datos-range{position:relative;display:block;height:8px;border-radius:999px;background:var(--gu-pale)}
.gu-datos-range span{position:absolute;top:0;bottom:0;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--gu-action) 45%,var(--gu-surface)),var(--gu-action))}
.gu-datos-lo{text-align:right;color:var(--gu-muted)}
.gu-datos-hi{text-align:right;font-weight:700}
/* Sismos */
.gu-datos-quakes{list-style:none;margin:0;padding:0;background:var(--gu-surface);border:1px solid var(--gu-line);border-radius:12px}
.gu-datos-quakes li{display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px 20px;border-top:1px solid var(--gu-line)}
.gu-datos-quakes li:first-child{border-top:0}
.gu-datos-mag{font-size:30px;line-height:1;font-weight:700;color:var(--gu-muted);text-align:center}
.gu-datos-mag.is-strong{color:var(--gu-accent)}
.gu-datos-quake-ref{margin:0;font-weight:700;font-size:16px;overflow-wrap:anywhere}
.gu-datos-quake-meta{margin:4px 0 0;color:var(--gu-muted);font-size:13px;display:flex;flex-wrap:wrap;gap:2px 14px}
.gu-datos-quake-link{font-size:14px;font-weight:600;white-space:nowrap;padding-block:12px}
.gu-datos-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:16px}
.gu-datos-stat-n{margin:0;font-size:40px;line-height:1.1;font-weight:700;color:var(--gu-action)}
.gu-datos-stats p:last-child{margin:4px 0 0;color:var(--gu-muted)}
.gu-datos-twocol{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:16px}
.gu-datos-columns{list-style:none;display:flex;align-items:flex-end;gap:10px;height:190px;margin:0;padding:0}
.gu-datos-columns li{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px;height:100%;min-width:0}
.gu-datos-col{display:block;width:100%;max-width:44px;min-height:3px;border-radius:6px 6px 0 0;background:var(--gu-action)}
.gu-datos-colval{font-size:13px;font-weight:700}
.gu-datos-collabel{font-size:12px;color:var(--gu-muted)}
.gu-datos-hbars{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.gu-datos-hbars li{display:grid;grid-template-columns:84px minmax(0,1fr) 32px;align-items:center;gap:12px;font-size:14px}
.gu-datos-hbars strong{text-align:right}
.gu-datos-hbar{display:block;height:12px;border-radius:999px;background:var(--gu-pale);overflow:hidden}
.gu-datos-hbar span{display:block;height:100%;border-radius:999px;background:var(--gu-action)}
/* Tipo de cambio */
.gu-datos-usd{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:28px}
.gu-datos-rate{margin:0;font-size:38px;line-height:1.1;font-weight:700;color:var(--gu-ink)}
.gu-datos-change{display:inline-block;margin-left:12px;font-size:16px;font-weight:700}
.gu-datos-change.is-up{color:var(--gu-action)}
.gu-datos-change.is-down{color:var(--gu-accent)}
svg.gu-datos-spark{display:block;width:100%;height:48px;margin-top:10px;fill:none;stroke:var(--gu-action);stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
svg.gu-datos-spark polyline{vector-effect:non-scaling-stroke}
svg.gu-datos-spark.is-large{height:90px}
.gu-datos-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:16px}
.gu-datos-fx .gu-datos-rate{font-size:28px}
.gu-datos-table{width:100%;border-collapse:collapse;font-size:15px}
.gu-datos-table th,.gu-datos-table td{padding:10px 8px;text-align:right;border-top:1px solid var(--gu-line)}
.gu-datos-table thead th{border-top:0;font-size:12px;letter-spacing:.4px;text-transform:uppercase;color:var(--gu-muted)}
.gu-datos-table th:first-child{text-align:left}
.gu-datos-table td{font-weight:600}
.gu-datos-table td:last-child{font-weight:400;color:var(--gu-muted);font-size:13px;white-space:nowrap}
.gu-datos-conv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}
.gu-datos-conv label{display:block;margin:12px 0 4px;font-size:13px;font-weight:700;color:var(--gu-muted)}
.gu-datos-conv input,.gu-datos-conv select{width:100%;min-height:44px;padding:8px 12px;border:1px solid var(--gu-control-line,var(--gu-line));border-radius:8px;background:var(--gu-surface);color:var(--gu-ink);font-size:16px}
.gu-datos-result{margin:16px 0 0;font-size:26px;font-weight:700;color:var(--gu-action);min-height:34px;overflow-wrap:anywhere}
@media(max-width:1100px){.gu-datos-now,.gu-datos-usd,.gu-datos-twocol{grid-template-columns:minmax(0,1fr)}.gu-datos-metrics{padding-left:0;border-left:0;padding-top:18px;border-top:1px solid var(--gu-line)}}
@media(max-width:760px){
.gu-datos-page h2{font-size:20px}
.gu-datos-card{padding:16px}
.gu-datos-temp{font-size:56px}
svg.gu-datos-bigicon{width:64px;height:64px}
.gu-datos-days li{grid-template-columns:48px 26px minmax(0,1fr) 38px 38px;gap:8px;padding:12px}
.gu-datos-quakes li{grid-template-columns:48px minmax(0,1fr);gap:4px 12px;padding:12px}
.gu-datos-mag{font-size:26px}
.gu-datos-quake-link{grid-column:2;padding-block:10px}
.gu-datos-cards,.gu-datos-conv{grid-template-columns:minmax(0,1fr)}
.gu-datos-rate{font-size:32px}
.gu-datos-table{font-size:14px}
.gu-datos-table th,.gu-datos-table td{padding:10px 4px}
.gu-datos-tabs{display:flex}
.gu-datos-tabs button{flex:1;padding-inline:12px}
}
@media(prefers-reduced-motion:reduce){.gu-datos-page *{transition:none!important;animation:none!important}}