/* /envivo · transmisión del Encuentro */
:root{color-scheme:light;font-family:Inter,system-ui,sans-serif;color:#102b4d;background:#f7f9fc}*{box-sizing:border-box}body{margin:0}
a{color:inherit}button,select{font:inherit}:focus-visible{outline:3px solid #1f6fd1;outline-offset:4px}
header{max-width:1440px;margin:auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;position:relative}
header::after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:linear-gradient(90deg,#1f6fd1,#3aa655,#f0c05a,#f39a2b,#6b4fa0)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px;color:#123f7a;text-decoration:none;flex:none}.brand img{width:44px;height:44px;object-fit:contain}
.e26-menu a{font-size:14px;text-decoration:none}
main{max-width:1440px;margin:auto;padding:28px 32px 40px}
.top{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:18px}
.eyebrow{font-size:12px;letter-spacing:.18em;font-weight:800;color:#1f6fd1;margin:0}
h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(30px,4vw,48px);color:#123f7a;margin:8px 0 6px}
#state{margin:0;color:#57657c}#state[data-live=true]{color:#b3121a;font-weight:800}#state[data-live=true]::before{content:"● "}
.cd{display:flex;gap:8px}.cd[hidden]{display:none}.cd div{min-width:64px;text-align:center;background:#fff;border:1px solid #d6e3f3;border-radius:12px;padding:8px 6px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#57657c}
.cd b{display:block;font-size:24px;color:#123f7a;letter-spacing:0;font-variant-numeric:tabular-nums}
.stage{display:grid;grid-template-columns:1fr;gap:20px}.with-chat .stage{grid-template-columns:minmax(0,1fr) 360px}
.screen{position:relative;aspect-ratio:16/9;background:#123f7a;border-radius:18px;overflow:hidden;display:grid;place-items:center;color:#fff;border-bottom:6px solid #f0c05a}
.screen iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#screen-msg{max-width:520px;text-align:center;padding:24px;font-size:18px;line-height:1.5}
.chat{border-radius:18px;overflow:hidden;border:1px solid #d6e3f3;background:#fff;min-height:420px}.chat iframe{width:100%;height:100%;min-height:420px;border:0}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 26px}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:999px;font-weight:700;font-size:14px;text-decoration:none;border:1px solid #c9d8ec;background:#fff;color:#123f7a}
.btn.primary{background:#bf5406;border-color:#bf5406;color:#fff}.btn[hidden]{display:none}
.info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:20px}
.card{background:#fff;border:1px solid #dde5ef;border-radius:18px;padding:20px 22px}
.card h2{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#1f6fd1;margin:0 0 6px}.card p{margin:0 0 16px;font-size:16px}
details{border-top:1px solid #e3e9f3;padding:10px 0}summary{cursor:pointer;font-weight:800;color:#123f7a}
details ol{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:8px}details li{font-size:14px;line-height:1.45}details li span{display:inline-block;min-width:78px;font-weight:800;color:#1f6fd1}
.pause{margin-top:16px;font-size:14px;color:#57657c}.pause a{color:#123f7a;font-weight:700}
footer{max-width:1440px;margin:auto;padding:0 32px 28px;font-size:12px;color:#57657c}
@media(max-width:900px){header{padding:12px 16px}main{padding:20px 16px 32px}.info,.with-chat .stage{grid-template-columns:1fr}.cd div{min-width:54px}}
.btn{cursor:pointer;font:inherit;font-weight:700;font-size:14px}