.cam_Page{color:var(--colorTextoBlanco);width:95%;min-height:80vh;margin-left:2em}.tutorial_card{background-color:var(--colorInicialOpaco);border-radius:20px;flex-direction:row;align-items:center;width:100%;height:150px;padding:28px 24px 22px;animation:.45s fadeSlide;display:flex}.texto_tuto{border-right:.5px solid var(--colorTextoBlanco);width:50%}.tutorial_card h3{color:var(--colorSecond);letter-spacing:.01em;margin-bottom:8px;font-size:1.1em;font-weight:700}.tutorial_card p{color:var(--colorTextoBlanco);margin-bottom:18px;font-size:.9rem}.tutorial_card img{object-fit:contain;width:140px;height:auto;margin:0 auto}.tutorial_dots{justify-content:center;gap:8px;margin-top:14px;display:flex}.tutorial_dots span{background:var(--colorPuntos);cursor:pointer;border-radius:50%;width:8px;height:8px;transition:all .3s}.tutorial_dots span.active{background:var(--colorSecond);transform:scale(1.3)}.webcam{object-fit:cover;border-radius:20px;width:100%;height:300px!important}.cam-off,.cam-bloqueada{background-color:var(--colorInicialOpaco);border:1px solid var(--colorSecond);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:45vh;display:flex}.cam-off p{color:var(--colorTextoBlanco);letter-spacing:.05em;margin:0;font-size:.9rem;font-weight:600}.btn-cam{background-color:var(--colorInicial);color:var(--colorTextoBlanco);border:1px solid var(--colorInicial2);letter-spacing:.03em;cursor:pointer;border-radius:12px;width:100%;padding:10px 15px;font-size:1em;font-weight:800;transition:opacity .2s,transform .2s}.btn-cam-secondary:hover,.btn-cam-primary:hover{opacity:.8;transform:translateY(-2px)}.btn-cam-danger{background-color:var(--colorInicialOpaco);color:var(--colorTextoBlanco);border:1px solid var(--colorInicial2);letter-spacing:.03em;cursor:pointer;border-radius:12px;padding:10px 22px;font-size:.88em;font-weight:700;transition:opacity .2s,transform .2s}.btn-cam-danger:hover{opacity:.8;transform:translateY(-2px)}.contenedor-transcripcion{background-color:var(--colorInicialOpaco);color:var(--colorTextoBlanco);border-radius:20px;flex-direction:column;min-height:360px;padding:28px 24px;display:flex}.transcripcion-header{border-bottom:1px solid var(--colorLineaTranscripción);align-items:center;gap:10px;padding-bottom:14px;display:flex}.transcripcion-header .dot-live{background-color:var(--colorSecond);border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulse-dot}.transcripcion-header h4{color:var(--colorSecond);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.8em;font-weight:700}.texto-introduccion{letter-spacing:.08em;color:#ffffff59;text-align:center;text-transform:uppercase;margin:auto 0;font-size:1em;font-weight:700}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes fadeSlide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media (min-width:992px){.webcam{object-fit:cover;width:100%;height:300px}}@media (max-width:992px){.cam-off{width:100%;height:40vh}.cam_Page{margin-left:1em}.webcam{object-fit:cover;width:100%;height:250px}.contenedor-transcripcion{width:100%;min-height:360px}.botones-cam button,.botones-cam select{margin-top:1em;font-size:.7em}}@media (max-width:576px){.cam_Page{margin-left:.5em}.cam-off{width:100%;height:20vh!important;margin-bottom:10px!important}.webcam{width:100%;height:240px!important}.contenedor-transcripcion{width:100%;min-height:130px}.btn-cam{text-align:center;width:100%;font-size:.8em;margin:0!important}.tutorial_card h3{font-size:.9em}.tutorial_card p{color:var(--colorTextoBlanco);font-size:.6em}.tutorial_card img{width:100px}}@media (max-width:767px){.contenedor-transcripcion{width:100%;min-height:130px}.webcam{width:100%;height:180px}.cam-off{width:100%;height:24vh}.cam-bloqueada{width:100%;height:25vh}}