.vivo-main{padding-bottom:30px}.vivo-hero{padding:54px 25px 30px;text-align:center}.vivo-hero>span{display:inline-block;padding:6px 13px;border:1px solid rgba(191,219,254,.3);border-radius:999px;background:rgba(99,102,241,.2);color:#dbeafe;font-weight:800}.vivo-hero h2{margin:14px 0 8px;font-size:clamp(2rem,5vw,3.4rem);color:#cfe2ff}.vivo-tablero{display:grid;grid-template-columns:330px minmax(0,1fr);gap:20px;align-items:start}.panel-control,.pantalla-clase{padding:25px;border:1px solid rgba(186,220,255,.2);border-radius:24px;background:linear-gradient(145deg,rgba(37,55,95,.8),rgba(18,28,50,.8));box-shadow:0 18px 42px rgba(0,0,0,.2);backdrop-filter:blur(16px)}.panel-control h2{margin-bottom:16px;color:#cfe2ff;font-size:1.35rem}.panel-control label{display:block;margin:13px 0;color:#edf5ff;font-weight:800}.panel-control input{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #91b7ed;border-radius:11px;background:#fff;color:#172036;font:inherit}.panel-control button,.demo-respuesta button{width:100%;margin-top:8px;padding:12px;border:0;border-radius:12px;background:linear-gradient(135deg,#5b98ff,#5267ff);color:#fff;font:800 .95rem inherit;cursor:pointer}.panel-control .boton-secundario{background:rgba(147,197,253,.17);border:1px solid rgba(191,219,254,.3)}.panel-control hr{margin:22px 0;border:0;border-top:1px solid rgba(186,220,255,.16)}.codigo-sala{margin:20px 0;padding:16px;border-radius:15px;background:rgba(255,255,255,.1);text-align:center}.codigo-sala small{display:block;color:#cfe2ff}.codigo-sala strong{display:block;margin:5px 0;color:#fff;font-size:2rem;letter-spacing:.15em}.codigo-sala button{width:auto;margin:4px 0 0;padding:8px 12px}.estado-vivo{display:flex;justify-content:space-between;gap:15px;color:#cfe2ff;font-weight:800}.pregunta-vivo{display:grid;min-height:230px;place-content:center;margin:20px 0;padding:30px;border:1px solid rgba(191,219,254,.2);border-radius:21px;background:radial-gradient(circle at 20% 0,rgba(94,129,255,.4),transparent 35%),rgba(12,20,39,.5);text-align:center}.pregunta-vivo small{color:#a8c7ff;text-transform:uppercase;letter-spacing:.12em;font-weight:800}.pregunta-vivo h2{margin-top:13px;color:#fff;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1.15}.demo-respuesta,.ranking{padding:20px;border-radius:18px;background:rgba(255,255,255,.08)}.demo-respuesta h3,.ranking h3{color:#fff}.demo-respuesta p{margin:4px 0 13px;text-align:left;color:#d8e7ff;font-size:.95rem}.demo-respuesta form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.demo-respuesta select,.demo-respuesta input{padding:11px;border:1px solid #91b7ed;border-radius:10px;background:#fff;color:#172036;font:inherit}.demo-respuesta button{width:auto;margin:0}.mensaje-respuesta{min-height:25px;margin-top:12px!important;color:#bbf7d0!important;font-weight:800}.ranking{margin-top:17px}.ranking ol{display:grid;gap:8px;margin-top:12px;padding-left:28px}.ranking li{padding:8px;color:#edf5ff}.ranking li span{float:right;color:#fcd34d;font-weight:800}.vacio-ranking{color:#b7c7e5!important}.aviso-vivo{margin-top:20px;padding:17px 20px;border:1px solid rgba(191,219,254,.2);border-radius:15px;background:rgba(34,51,89,.62);color:#dceaff;text-align:center}@media(max-width:760px){.vivo-tablero{grid-template-columns:1fr}.demo-respuesta form{grid-template-columns:1fr}.demo-respuesta button{width:100%}}