/* =========================================================================
   REDFUNE · pages/verificador.css — solo el verificador (prefijo vf-)
   Usa el contrato de clases de styles.css (§4 de DISENO.md) sin redefinirlo.
   ========================================================================= */

/* ---------- Formulario (#verForm, hoja con lomo ciprés) ---------- */
#verForm .stack{--stack-gap:var(--s-5)}
#verForm .stack>#vSubmit{margin-top:var(--s-6)}
#verForm .stack>#vError{margin-top:var(--s-3)}
#verForm .stack>#vError:empty{margin-top:0}

/* Recuadro «¿incluye cementerio?» (solo entierros).
   En móvil la hoja va a sangre: el recuadro también, para que sus campos
   queden alineados con el resto y el desplegable tenga todo el ancho. */
.vf-cem{padding:var(--s-4)}
@media (max-width:639px){.vf-cem{margin-inline:calc(-1*var(--gutter));padding:var(--s-4) var(--gutter) var(--s-5)}}
@media (min-width:768px){.vf-cem{padding:var(--s-5)}}
.vf-cem>.help{margin-top:var(--s-3)}
.vf-cem-amount{margin-top:var(--s-4)}

/* ---------- Resultado ---------- */
.vf-result{margin-top:var(--s-5)}
.vf-result:empty{margin-top:0}
.vf-result>*+*,
.vf-result>.fade-in>*+*{margin-top:var(--s-5)}
.vf-result .nota{font-size:1rem}
/* Importes y porcentajes del veredicto: nunca «1.995 / €» */
.vf-result .verdict strong{white-space:nowrap}

/* Pistas: dónde mirar / qué quitar */
.vf-pistas{padding-top:var(--s-4);border-top:1px solid var(--rule)}
.vf-pistas h3+p{margin-top:var(--s-2)}
.vf-pistas p+h3{margin-top:var(--s-5)}
.vf-pistas strong{color:var(--ink)}
/* Medida de lectura en los textos corridos del resultado (la columna mide 704 px) */
.vf-pistas>p,
.vf-result .nota{max-width:var(--measure)}

/* CTA «Te revisamos el presupuesto gratis»: en pantallas estrechas el texto
   ocupa dos líneas; el icono fluye con la primera en vez de quedarse suelto
   en el borde izquierdo del botón. */
@media (max-width:479px){
  .vf-cta .btn{display:block;padding-block:var(--s-4)}
  .vf-cta .btn .icon{margin-right:var(--s-2)}
}

/* ---------- Pie de la columna principal ---------- */
.vf-foot{margin-top:var(--s-4);max-width:var(--measure)}
