/* Lo que el sitio añade a las pantallas del prototipo. Escrito a mano.
   prototipo.css lo genera construir.py y no se toca. */

/* Las pestañas del prototipo siguen ahí porque los scripts cambian de pantalla
   con ellas, pero quien escribe no las ve: navega con el menú. */
.revision{display:none !important}

.snv-cabecera{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;
  max-width:1440px;margin:0 auto;padding:14px 16px;border-bottom:1px solid var(--linea)}
.snv-marca{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:600;color:var(--tinta);text-decoration:none}
.snv-marca i{width:22px;height:22px;border-radius:5px;background:var(--turquesa);display:block}
.snv-cabecera__nav{display:flex;gap:16px;flex-wrap:wrap}
.snv-cabecera__nav a{font-size:14px;font-weight:600;color:var(--turquesa-texto);text-decoration:none}
.snv-cabecera__nav a:hover{text-decoration:underline}

.snv-mensaje{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:0 0 20px;padding:14px 16px;
  border-radius:12px;font-size:15px;line-height:1.5;border:1px solid var(--linea);background:var(--sup)}
.snv-mensaje--bien{background:var(--turquesa-100);border-color:var(--turquesa-200);color:var(--tinta)}
.snv-mensaje--mal{background:var(--quitado-100);border-color:var(--quitado);color:var(--tinta)}
.snv-mensaje--ambar{background:var(--ambar-100);border-color:var(--ambar)}
.snv-mensaje span{flex:1 1 320px}

/* La entrada, para quien todavía no tiene cuenta. */
.snv-entrada{max-width:1000px}
.snv-entrada__columnas{display:grid;gap:18px}
@media (min-width:860px){ .snv-entrada__columnas{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start} }
.snv-par{display:grid;gap:0 14px}
@media (min-width:560px){ .snv-par{grid-template-columns:1fr 1fr} }
.snv-entrada input[type=password]{width:100%;font:inherit;color:var(--tinta);background:var(--sup);
  border:1px solid var(--linea);border-radius:10px;padding:12px 14px;min-height:48px}
.snv-entrada input[type=password]:focus-visible{outline:3px solid var(--turquesa);outline-offset:2px}
.snv-casilla{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px;font-size:14.5px;line-height:1.5;
  color:var(--tinta2);cursor:pointer}
.snv-casilla input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--turquesa-texto)}
.snv-casilla a{color:var(--turquesa-texto);font-weight:600}
/* El campo para robots. Fuera de la vista, pero no con display:none, que
   algunos robots saben saltar. */
.snv-trampa{position:absolute !important;left:-10000px !important;width:1px;height:1px;overflow:hidden}

.snv-dicho{font-size:14px;color:var(--tinta3);margin-left:6px}
.snv-detalle{margin:0;color:var(--tinta2)}
.falta.snv-falta{color:var(--quitado);font-weight:600}
.pasos .d a{color:var(--turquesa-texto);font-weight:600}

/* La Fundación revisando: lo que es de quien escribe —sus casillas, su foto,
   su línea— no se le pide a quien revisa. */
.snv-revisando .antes,
.snv-revisando [data-falta-perfil],
.snv-revisando .importar{display:none !important}

/* En la ficha del panel, el texto se lee como en la previsualización. */
.snv-lectura{margin:0;background:var(--papel)}
.snv-lectura .previo-cuerpo-pagina{padding:28px 24px 48px}

/* 25-10-2026 (03.1): el logo y el menú común de Mi cuenta */
.sac-marca{display:flex;align-items:center;text-decoration:none}
.sac-marca img{display:block;width:120px;height:auto}
@media (max-width:600px){.sac-marca img{width:92px}}
.menu .snv-sub{list-style:none;margin:4px 0 8px 14px;padding:0;display:block}
.menu .snv-sub a{padding:8px 12px;min-height:38px;font-size:14px;border-color:transparent;background:transparent}
@media (max-width:859px){.menu li.snv-con-sub{flex-basis:100%}.menu .snv-sub{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}.menu .snv-sub a{border:1px solid var(--linea);background:var(--sup)}}

/* 26-10-2026 (03.1, prototipo aprobado de Mi cuenta, parte 2). Mis textos dentro del mismo marco que la cuenta:
   el mismo ancho (si no, el menú se corre al entrar), el menú también en el editor (Damián, 25-10: «el menú y el logo
   no cambian al entrar a Mis textos»), sin el botón «‹ Mi cuenta» y con «Hola, <nombre>» arriba. */
body.snv .envoltura,body.snv .envoltura.ancha{max-width:1180px}
body.snv .envoltura.ancha .menu{display:block}
@media (min-width:860px){body.snv .envoltura.ancha .cuenta{grid-template-columns:232px minmax(0,1fr)}}
body.snv .volver,body.snv .envoltura.ancha .volver{display:none!important}
.snv-hola{font-size:30px;line-height:1.15;letter-spacing:-.02em;font-weight:700;margin:0 0 4px}
.snv-con-hola section>h1{font-size:22px;margin-top:0}
@media (max-width:600px){.snv-hola{font-size:25px}}
.snv-arriba{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:20;width:48px;height:48px;border-radius:999px;border:1px solid var(--turquesa-200,#BFE3E6);background:#fff;color:var(--turquesa-texto,#077480);font:inherit;font-size:20px;font-weight:700;box-shadow:0 6px 18px rgba(31,29,27,.18);cursor:pointer}