/* Formulario genérico de presupuesto — 30-08-2026.
   Se apoya en estudio.css: se envuelve en .ss-estudio y usa sus mismos
   envoltorios (.form-section, .form-row, .form-field, .form-consent), que es de
   donde sale el aspecto de los campos. Aquí sólo va lo que aquel no tiene.

   Los ids del botón y del aviso son propios (#p-enviar, #p-mensaje) para que los
   dos formularios puedan convivir algún día en la misma página sin duplicar ids,
   así que hay que repetirles el estilo: son seis reglas, no merece la pena
   acoplarlos. */

.ss-presupuesto .form-row-1{grid-template-columns:1fr}

.ss-presupuesto #p-enviar{
    font-family:inherit;letter-spacing:.01em;
    background:var(--color-accent);color:#fff;border:1px solid var(--color-accent);
    padding:14px 28px;font-weight:600;font-size:1rem;cursor:pointer;border-radius:0;
    width:100%;
}
.ss-presupuesto #p-enviar:hover{background:#b8940f;border-color:#b8940f}
.ss-presupuesto #p-enviar:disabled{opacity:.6;cursor:default}
.ss-presupuesto #p-enviar:focus-visible{outline:3px solid #1a2856;outline-offset:2px}

.ss-presupuesto #p-mensaje{
    margin-top:16px;padding:14px 16px;border:1px solid var(--color-line);display:none;
    font-size:.95rem;line-height:1.5;
}
.ss-presupuesto #p-mensaje.visible{display:block}
.ss-presupuesto #p-mensaje.error{border-color:#c0392b;color:#c0392b}

/* Ramos: casillas grandes, pensadas para el pulgar. */
.ss-presupuesto .ss-presu-ramos{
    display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;
}
.ss-presupuesto .ss-presu-ramos label{
    display:flex;align-items:center;gap:10px;margin:0;cursor:pointer;
    border:1px solid var(--color-line);background:#fafafa;padding:11px 14px;
    font-size:.92rem;font-weight:500;color:#3a3a3a;line-height:1.3;
    transition:border-color .15s,background .15s;
}
.ss-presupuesto .ss-presu-ramos label:hover{border-color:#1a2856;background:#fff}
.ss-presupuesto .ss-presu-ramos input{
    width:18px;height:18px;margin:0;flex:0 0 18px;accent-color:#1a2856;
}
.ss-presupuesto .ss-presu-ramos label:has(input:checked){
    border-color:#1a2856;background:#f4f6fa;color:#1a2856;font-weight:700;
}

/* Primera capa del art. 13: legible, pero sin robarle sitio al formulario. */
.ss-presupuesto .ss-presu-capa1{
    font-size:.78rem;color:var(--color-muted);line-height:1.6;margin:0 0 22px;
    padding:14px 16px;background:#f7f8fa;border-left:3px solid var(--color-line);
    text-align:left;
}
.ss-presupuesto .ss-presu-capa1 strong{color:#5a5f66}

.ss-presupuesto input[type="file"]{
    border-style:dashed !important;background:#fff !important;cursor:pointer;
}

@media(max-width:640px){
    .ss-presupuesto .ss-presu-ramos{grid-template-columns:1fr 1fr}
}