/* La selfie en vivo (core/views/selfie_vivo.php) · 2026-09-24 · pregunta 16 · mobile first, zonas de 44 px */
.pe-sv { display: grid; gap: 10px; margin: 8px 0 4px; }
.pe-sv__ayuda { margin: 0; font-size: .9rem; opacity: .85; }
.pe-sv__btn { min-height: 44px; padding: 10px 16px; border-radius: 10px; border: 1px solid rgba(212, 175, 55, .55); background: transparent; color: inherit; font: inherit; font-weight: 600; cursor: pointer; }
.pe-sv__btn--principal { background: #d4af37; border-color: #d4af37; color: #111; }
.pe-sv__btn:disabled { opacity: .6; cursor: default; }
.pe-sv__marco { position: relative; width: 100%; max-width: 480px; aspect-ratio: 4 / 3; background: #000; border-radius: 12px; overflow: hidden; }
.pe-sv__video { width: 100%; height: 100%; object-fit: cover; display: block; }
.pe-sv__video--espejo { transform: scaleX(-1); }
.pe-sv__controles { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.pe-sv__sw { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 10px; cursor: pointer; }
.pe-sv__sw input { width: 20px; height: 20px; margin: 0; }
.pe-sv__foto { width: 100%; max-width: 480px; border-radius: 12px; display: block; }
.pe-sv__aviso { margin: 0; padding: 8px 12px; border-radius: 8px; background: rgba(240, 164, 74, .15); color: #f0a44a; }
.pe-sv__lista { margin: 0; color: #5ccf8a; font-weight: 600; }
.pe-sv__msg { margin: 0; padding: 8px 12px; border-radius: 8px; background: rgba(255, 138, 128, .12); color: #ff8a80; }
/* El «flash de pantalla»: toda la pantalla en blanco un instante (la cámara frontal no tiene luz) */
.pe-sv-destello { position: fixed; inset: 0; background: #fff; z-index: 2147483647; }
@media (max-width: 420px) { .pe-sv__controles .pe-sv__btn { flex: 1 1 100%; } }
.pe-sv [hidden], .pe-sv-destello[hidden] { display: none !important; }   /* el atributo hidden manda sobre los display de arriba */