:root{--color-fondo: #faf9f6;--color-superficie: #ffffff;--color-tinta: #2b3a67;--color-tinta-suave: #4a5a8a;--color-texto: #221c14;--color-sello: #b33a3a;--color-oro: #d9a441;--color-borde: #ddd6c7;--color-borde-suave: #e8e3d6;--fuente-cuerpo: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--fuente-titulo: "Fraunces", Georgia, serif;font-family:var(--fuente-cuerpo);color-scheme:light}*{box-sizing:border-box}body{margin:0;padding:0;background-color:var(--color-fondo);color:var(--color-texto);font-family:var(--fuente-cuerpo)}input,button{font-family:inherit;font-size:1rem}@media (prefers-reduced-motion: no-preference){.tarjeta-formulario button:not(:disabled),.boton-secundario{transition:transform .12s ease,box-shadow .12s ease}.tarjeta-formulario button:not(:disabled):active{transform:translateY(1px)}}.pantalla-centrada{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.tarjeta-formulario{position:relative;width:100%;max-width:420px;background:var(--color-superficie);border:1px solid var(--color-borde);border-radius:4px;padding:2rem 1.75rem 1.75rem;box-shadow:0 1px #221c140a;display:flex;flex-direction:column;gap:.35rem;text-align:left}.tarjeta-formulario:before,.tarjeta-formulario:after{content:"";position:absolute;top:8px;width:15px;height:15px;border-radius:50%;background:var(--color-fondo);box-shadow:inset 0 0 0 1px var(--color-borde);pointer-events:none;z-index:1}.tarjeta-formulario:before{left:8px}.tarjeta-formulario:after{right:8px}.tarjeta-formulario h1,.tarjeta-formulario h2{margin:0 0 1rem;font-family:var(--fuente-titulo);font-weight:600;color:var(--color-tinta);text-align:left;letter-spacing:.01em}.tarjeta-formulario label{margin-top:.85rem;font-weight:600;font-size:.85rem;color:var(--color-tinta-suave)}.tarjeta-formulario input{margin-top:.3rem;padding:.65rem .8rem;border:1px solid var(--color-borde);border-radius:3px;width:100%;background:var(--color-fondo);color:var(--color-texto)}.tarjeta-formulario input:focus-visible{outline:2px solid var(--color-tinta);outline-offset:1px}.tarjeta-formulario input[type=color]{padding:.25rem;height:44px}.tarjeta-formulario button{margin-top:1.5rem;padding:.75rem 1.1rem;border:none;border-radius:3px;background-color:var(--color-tinta);color:var(--color-fondo);font-weight:600;letter-spacing:.01em;cursor:pointer}.tarjeta-formulario button:hover:not(:disabled){background-color:#1f2b4d}.tarjeta-formulario button:focus-visible,.boton-secundario:focus-visible{outline:2px solid var(--color-sello);outline-offset:2px}.tarjeta-formulario button:disabled{opacity:.55;cursor:default}.boton-secundario{padding:.5rem .9rem;border:1px solid var(--color-borde);border-radius:3px;background:var(--color-superficie);color:var(--color-tinta);cursor:pointer;font-weight:600}.boton-secundario:hover{border-color:var(--color-tinta)}.texto-secundario{margin-top:1.15rem;font-size:.85rem;text-align:left;color:var(--color-tinta-suave)}.mensaje-error{color:var(--color-sello);font-size:.85rem;margin:.6rem 0 0}.mensaje-exito{color:#3f6b3a;font-size:.85rem;margin:.6rem 0 0}.panel-contenedor{max-width:480px;margin:0 auto;padding:1.5rem 1rem 3.5rem;display:flex;flex-direction:column;gap:1.5rem}.panel-encabezado{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.panel-encabezado h1{font-family:var(--fuente-titulo);font-weight:600;font-size:1.3rem;color:var(--color-tinta);margin:0;text-align:left}.tarjeta-vista-previa{position:relative;border:1px solid var(--color-tinta);border-radius:10px;overflow:hidden;background:var(--color-superficie);box-shadow:0 1px #221c140a}.tarjeta-vista-previa-encabezado{position:relative;min-height:96px;display:flex;align-items:center;justify-content:center;text-align:center}.tarjeta-vista-previa-encabezado:after{content:"";position:absolute;left:0;right:0;bottom:0;height:0;border-bottom:2px dashed rgba(255,255,255,.45);mix-blend-mode:overlay}.tarjeta-logo{max-height:70px;max-width:70%;object-fit:contain}.tarjeta-logo-vacio{color:#ffffffd9;font-size:.85rem;font-family:var(--fuente-titulo)}.tarjeta-vista-previa-cuerpo{padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.3rem;text-align:left}.tarjeta-vista-previa-cuerpo h2,.tarjeta-vista-previa-cuerpo h3{font-family:var(--fuente-titulo);color:var(--color-tinta)}@media (min-width: 640px){body{padding:1rem}}.visor-camara{border-radius:6px;overflow:hidden;background:var(--color-texto);aspect-ratio:1 / 1;max-width:280px;margin:.5rem 0}.visor-camara-video{width:100%;height:100%;object-fit:cover;display:block}