#s3-reloj-aire.s3r-air{display:grid;grid-template-columns:minmax(0,1.28fr) repeat(2,minmax(0,1fr));align-content:center;align-items:center;gap:clamp(5px,1.7cqw,30px);min-width:0;height:100%;box-sizing:border-box;color:inherit;font:600 clamp(9px,1.13cqw,23px)/1.12 Manrope,Arial,sans-serif}
.s3r-dial{display:flex;align-items:center;gap:clamp(4px,.95cqw,24px);min-width:0}
.s3r-clock{font:780 clamp(12px,2.15cqw,46px)/1 Manrope,Arial,sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums;flex:none}
.s3r-dial-details{display:grid;min-width:0;gap:.25em}
.s3r-date,.s3r-key{text-transform:uppercase;letter-spacing:.065em;font-size:.72em;font-weight:780}
.s3r-date{white-space:nowrap}
#s3-tiempo .stv-next-weather-mini{display:flex;align-items:center;gap:.35em;max-width:none;min-width:0;line-height:1.12;font:inherit;font-size:.82em;color:#e0e8e7}
#s3-tiempo .stv-next-weather-mini[hidden]{display:none!important}
#s3-tiempo .stv-next-weather-mini i{font:inherit;font-size:1.27em;line-height:.9}
#s3-tiempo .stv-next-weather-mini b{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:750}
#s3-tiempo .stv-next-weather-mini span{color:inherit;white-space:nowrap;font-size:.9em;flex:none}
.s3r-line{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:.15em .5em;min-width:0;flex:1}
.s3r-key{color:inherit;opacity:.8}.s3r-current,.s3r-after{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s3r-after{grid-column:1/-1;font-size:.84em;opacity:.76;max-width:100%;letter-spacing:.015em}
.s3r-guide{color:#f6eddd;background:#082b39;border:1px solid #315060;border-radius:12px;padding:clamp(18px,2.8vw,40px);margin:1.2rem 0 2rem;font:500 clamp(14px,1.1vw,17px)/1.5 Manrope,Arial,sans-serif}
.s3r-head,.s3r-tabs,.s3r-cards,.s3r-list li{display:flex;align-items:baseline;gap:1rem}.s3r-head{justify-content:space-between;flex-wrap:wrap;gap:.2em 1em}.s3r-head h3{margin:0;color:#fff1d9;font:750 clamp(22px,2.4vw,38px)/1.2 Manrope,Arial,sans-serif;letter-spacing:-.055em}.s3r-stamp{color:#c3d7da;font-size:.9em;font-variant-numeric:tabular-nums}.s3r-tabs{gap:.4rem;margin:1.1em 0}.s3r-tabs button{font:700 .88em/1.2 Manrope,Arial,sans-serif;min-height:44px;color:#ecf3ee;border:1px solid #69909c;background:transparent;padding:.6em 1.15em;border-radius:30px;cursor:pointer}.s3r-tabs button[aria-pressed=true]{color:#082632;background:#f3e8ca;border-color:#f3e8ca}.s3r-guide :is(button,summary):focus-visible{outline:3px solid #92dbfd;outline-offset:3px}
.s3r-cards{align-items:stretch;gap:0;padding:1em 0;border-block:1px solid #54778380}.s3r-card{flex:1;min-width:0;padding-right:1em}.s3r-card+.s3r-card{padding:0 0 0 1.2em;border-inline-start:1px solid #54778380}.s3r-card-label{display:block;color:#9fc3d0;font-size:.73em;text-transform:uppercase;letter-spacing:.11em;font-weight:700}.s3r-card strong{display:block;margin-top:.15em;color:#fff4df;font-size:1.12em;letter-spacing:-.03em}.s3r-details summary{cursor:pointer;width:max-content;max-width:100%;min-height:39px;align-content:center;padding-top:.5em;font-weight:700;color:#e0ebed}.s3r-list{padding:0;margin:.35em 0 0;list-style:none}.s3r-list li{padding:.48em .2em;border-top:1px solid #54778359;gap:.9em;color:#e2eef1}.s3r-list time{font-variant-numeric:tabular-nums;color:#a7c7d0}.s3r-list small{margin-left:auto;color:#a7c7d0}.s3r-list li.s3r-on{color:#fbc0a8;font-weight:700}
@media(max-width:590px){.s3r-stamp{display:block;width:100%}.s3r-card{padding-right:.6em}.s3r-card+.s3r-card{padding-left:.65em}}
@container(max-width:660px){
  .s3r-line{column-gap:.35em}
  .s3r-after{font-size:.8em}
  .s3r-date{letter-spacing:.025em}
  #s3-tiempo .stv-next-weather-mini span{font-size:.83em}
}
@media(max-width:630px) and (orientation:portrait){
  html[data-stv-next-mobile=true] #s3-reloj-aire.s3r-air{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:5px;font-size:10px}
  html[data-stv-next-mobile=true] .s3r-dial{grid-column:1/-1;gap:9px}
  html[data-stv-next-mobile=true] .s3r-clock{font-size:20px}
  html[data-stv-next-mobile=true] .s3r-date{font-size:8px}
  html[data-stv-next-mobile=true] #s3-tiempo .stv-next-weather-mini{font-size:8px}
}
