/* PERSONALIZACIÓN: colores del clima de Ridersfest. Todo se limita a este iframe. */
:root{color-scheme:dark;--ink:#f5f5f6;--muted:#b8b6bd;--line:#ffffff22;--red:#ff344b;--panel:#121419;--panel2:#1c1e25}
*{box-sizing:border-box}html{background:transparent}body{margin:0;color:var(--ink);font:16px/1.5 Arial,Helvetica,sans-serif;background:transparent;overflow-wrap:anywhere}.weather-shell{width:100%;padding:clamp(18px,3vw,34px);border:1px solid var(--line);border-radius:20px;background:radial-gradient(ellipse at 95% 0,#6f162638,transparent 42%),var(--panel)}.weather-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:#ff7686;margin:0 0 8px}h2{font-size:clamp(22px,3vw,31px);line-height:1.18;margin:0 0 22px;letter-spacing:-.025em}.weather-tag{display:block;flex-shrink:0;font-size:10px;letter-spacing:.12em;font-weight:700;border:1px solid #ff344b55;padding:7px 10px;border-radius:20px;color:#ff92a0;background:#a0132420}.weather-actions{display:flex;flex-wrap:wrap;gap:10px}button,input{font:inherit}button{color:#fff;border:1px solid transparent;background:#cb1830;padding:11px 18px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;min-height:44px;transition:background .15s}button:hover{background:#e9213b}button.secondary,.city-results button{background:#252630;border-color:#ffffff2e}button.secondary:hover,.city-results button:hover{background:#39333d}button:disabled{opacity:.65;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #ffaeba;outline-offset:3px}.weather-privacy,.weather-note{font-size:12px;line-height:1.65;color:var(--muted);margin:12px 0 22px;max-width:85ch}.city-form label{display:block;font-weight:700;font-size:14px;margin-bottom:8px}.city-form>div{display:flex;gap:10px}.city-form input{width:100%;min-width:0;border:1px solid #ffffff35;color:#fff;background:#08090c;border-radius:10px;padding:11px 13px;font-size:14px;min-height:46px}.city-form input::placeholder{color:#aaa7b0}.city-form button{flex-shrink:0}.city-results{display:grid;gap:8px;margin-top:10px}.city-results button{text-align:left}.weather-status{color:#ccc7cf;font-size:13px;margin:17px 0}.weather-status.is-error{color:#ffd9de;border-left:3px solid #f0445b;padding:8px 12px;background:#501d2c40;border-radius:0 7px 7px 0}.weather-now{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);gap:20px;padding:23px;background:linear-gradient(115deg,#25222d,#1c1e24);border:1px solid var(--line);border-radius:14px}.weather-main{display:grid;grid-template-columns:auto 1fr;column-gap:16px;align-items:center}.weather-symbol{width:70px;height:70px;color:#f8d8bd;font-family:Arial,Helvetica,sans-serif;font-size:60px;line-height:1;grid-column:1;grid-row:1/4;text-align:center;min-width:70px}.weather-temp{font-size:56px;font-weight:800;line-height:1.05;letter-spacing:-.06em}.weather-label{font-size:15px;line-height:1.3;margin-top:7px}.weather-main small{grid-column:1/-1;color:var(--muted);font-size:11px;margin-top:16px}.weather-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.weather-metrics>div{border-left:1px solid #ffffff20;padding-left:13px}.weather-metrics small{display:block;color:var(--muted);font-size:11px;line-height:1.4;margin-bottom:4px}.weather-metrics strong{display:block;font-size:17px}.weather-section-title{font-size:15px;font-weight:700;margin:22px 0 12px}.weather-hourly{display:flex;overflow-x:auto;gap:9px;padding-bottom:10px;scrollbar-color:#8f4d59 #1c1e25;scrollbar-width:thin}.weather-hourly>div{flex:0 0 81px;text-align:center;background:#1d1e25;border:1px solid var(--line);padding:13px 8px;border-radius:11px;display:flex;flex-direction:column;gap:8px;font-size:12px}.weather-hourly strong{font-size:18px}.weather-icon{width:30px;height:30px;align-self:center;color:#f8d8bd;font-size:25px;line-height:1.4}.weather-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.weather-days>div{background:#1b1c23;border:1px solid var(--line);padding:14px 8px;text-align:center;border-radius:11px;display:flex;flex-direction:column;align-items:center;gap:7px;font-size:12px;line-height:1.4}.weather-days strong{font-size:12px;text-transform:capitalize}.weather-days .day-temp{font-weight:700;font-size:15px}.weather-days .day-desc{font-size:11px;color:#c3bdc8}.weather-range{display:block;font-size:11px;color:var(--muted);margin-top:11px}.weather-note{margin:22px 0 14px;border-top:1px solid var(--line);padding-top:17px}.weather-credit{font-size:10px;color:#a5a1ac;line-height:1.8}.weather-credit a{color:#d3c7d0;text-underline-offset:3px}.retry{margin-top:3px}[hidden]{display:none!important}
@media(max-width:680px){.weather-heading{gap:8px}.weather-tag{display:none}.weather-now{grid-template-columns:1fr;padding:18px}.weather-main{grid-template-columns:82px 1fr}.weather-temp{font-size:53px}.weather-symbol{width:70px;height:70px;color:#f8d8bd;font-size:54px}.weather-metrics{border-top:1px solid var(--line);padding-top:17px;gap:15px 8px}.weather-metrics>div{padding-left:9px}.weather-metrics strong{font-size:15px}.weather-days{grid-template-columns:repeat(3,minmax(0,1fr))}.weather-shell{border-radius:14px}.city-form>div{gap:8px}.city-form button{padding-left:13px;padding-right:13px}}@media(max-width:370px){.weather-days{grid-template-columns:repeat(3,minmax(0,1fr))}.weather-actions button{flex:1 1 auto}.city-form>div{flex-wrap:wrap}.city-form button{width:100%}.weather-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}