/* Shorts: misma retícula, tipografía y escala editorial que la home. */
#shorts{background:#f5fcff;color:#222;font-family:Rethink,Arial,sans-serif;isolation:isolate;scroll-margin-top:110px}
#shorts *{box-sizing:border-box}
#shorts .shorts-inner{max-width:1600px;margin:auto;padding:32px clamp(22px,4vw,60px) 72px}
#shorts .shorts-topline{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #2c444d26;padding-bottom:20px;margin-bottom:54px;font-size:13px;line-height:1.4}
#shorts .shorts-topline p{margin:0}
#shorts .shorts-topline>span{color:#2c444d}
#shorts .shorts-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.65fr);gap:clamp(30px,4vw,64px);align-items:start}
#shorts .shorts-heading{padding-top:10px}
#shorts h2{margin:0;font-size:clamp(46px,5.8vw,88px);line-height:.91;letter-spacing:-.065em;font-weight:600}
#shorts .shorts-lead{max-width:280px;margin:32px 0 0;color:#2c444d;font-size:16px;line-height:1.5;letter-spacing:-.015em}
#shorts .shorts-signoff{display:block;margin-top:64px;font-size:13px;line-height:1.5;color:#2c444d}
#shorts .shorts-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.8vw,28px);margin:0;padding:0;list-style:none}
#shorts .shorts-grid li{min-width:0}
#shorts .shorts-grid li:nth-child(2){padding-top:40px}
#shorts .shorts-grid li:nth-child(3){padding-top:80px}
#shorts .shorts-card{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}
#shorts .shorts-image{position:relative;display:block;aspect-ratio:9/16;overflow:hidden;background:#2c444d;border-radius:2px}
#shorts .shorts-thumb{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#shorts .shorts-play{display:grid;place-items:center;position:absolute;bottom:0;right:0;width:48px;height:48px;background:#086181;color:#fff;transition:background .18s}
#shorts .shorts-play svg{width:22px;height:22px}
#shorts .shorts-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 12px;border-bottom:1px solid #2c444d40;font-size:13px}
#shorts .shorts-caption>span{font-size:22px;line-height:1;color:#2c444d}
#shorts .shorts-card:hover .shorts-play{background:#222}
#shorts .shorts-card:hover .shorts-caption{border-color:#2c444d}
#shorts .shorts-card:focus-visible{outline:2px solid #086181;outline-offset:6px}
#shorts .shorts-dialog{position:fixed;inset:0;margin:auto;border:1px solid #ffffff40;border-radius:12px;padding:12px;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 28px);overflow:auto;background:#00131b;color:#f5fcff}
#shorts .shorts-dialog::backdrop{background:#000c;backdrop-filter:blur(6px)}
#shorts .shorts-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:10px}
#shorts .shorts-dialog-head a{font-size:13px;color:#c4e3ee;text-underline-offset:4px}
#shorts .shorts-close{border:1px solid #ffffff50;border-radius:50%;background:transparent;color:white;width:44px;height:44px;font-size:28px;cursor:pointer}
#shorts .shorts-player{aspect-ratio:9/16;max-height:calc(100dvh - 112px);margin:auto}
#shorts .shorts-player iframe{display:block;width:100%;height:100%;border:0;aspect-ratio:9/16}

@media(max-width:1000px) and (min-width:761px){#shorts .shorts-layout{grid-template-columns:1fr}#shorts .shorts-heading{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end}#shorts h2{font-size:64px}#shorts .shorts-lead{margin:0 0 4px;max-width:280px}#shorts .shorts-signoff{display:none}#shorts .shorts-grid{max-width:680px;margin-left:auto;width:100%}}
@media(max-width:760px){#shorts{scroll-margin-top:84px}#shorts .shorts-inner{padding-top:26px;padding-bottom:42px}#shorts .shorts-topline{margin-bottom:34px;padding-bottom:16px;font-size:12px}#shorts .shorts-layout{display:block}#shorts .shorts-heading{padding:0}#shorts h2{font-size:clamp(54px,14vw,88px)}#shorts .shorts-lead{max-width:320px;margin-top:24px;font-size:15px}#shorts .shorts-signoff{display:none}#shorts .shorts-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:20px;padding:6px 6px 18px;margin:32px -6px 0;scrollbar-color:#349cc4 #e8f4f9}#shorts .shorts-grid li{flex:0 0 min(61vw,260px);scroll-snap-align:start}#shorts .shorts-grid li:nth-child(n){padding-top:0}#shorts .shorts-caption{padding-top:12px}}
@media(prefers-reduced-motion:reduce){#shorts .shorts-play{transition:none}}
