/* Formulario de estudio de riesgos del tercer sector.
   Diseño heredado de la landing que se hizo en abril de 2026 para el acuerdo con
   Abogado de Fundaciones, que no salió adelante. Se conserva porque estaba bien
   resuelto; lo que cambia son los colores, que pasan a ser los de la casa, y las
   esquinas, que la guía de estilo pide rectas en cajas de este tipo. */
.ss-estudio{
    --color-accent:#1a2856;
    --color-line:#d7dcec;
    --color-text:#1a1a1a;
    --color-muted:#6b6b6b;
    /* 2px, como el original. A cero se veía duro en campos pequeños, y la regla
       de esquinas rectas de la guía es para cajas informativas, no para inputs. */
    --radius:2px;
    /* La MISMA tipografía que el resto de la landing (.ss-emp). Al principio puse
       `inherit` y el formulario heredaba la fuente de Divi, así que desentonaba
       con la página entera y parecía pegado de otro sitio. */
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
    color:var(--color-text);
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    /* Aire por debajo: el botón de enviar quedaba pegado al pie de página. */
    margin:0 auto 72px;
}
.ss-estudio .form-row{display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-bottom:18px;}.ss-estudio .form-field{display:flex; flex-direction:column}.ss-estudio .form-field.full{grid-column:1/-1}.ss-estudio .form-field label{font-size:.82rem;
    font-weight:600;
    margin-bottom:6px;
    color:var(--color-text);
    letter-spacing:.02em;}.ss-estudio .form-field input, .ss-estudio .form-field select, .ss-estudio .form-field textarea{border:1px solid var(--color-line);
    border-radius:var(--radius);
    padding:12px 14px;
    font-family:inherit;
    font-size:.95rem;
    background:#fafafa;
    transition:border-color .2s;}.ss-estudio .form-field input:focus, .ss-estudio .form-field select:focus, .ss-estudio .form-field textarea:focus{outline:none; border-color:var(--color-accent); background:#fff}.ss-estudio .form-field textarea{resize:vertical; min-height:90px}.ss-estudio .form-consent{display:flex;
    gap:12px;
    align-items:flex-start;
    margin:18px 0 24px;
    font-size:.84rem;
    color:var(--color-muted);
    line-height:1.55;}.ss-estudio .form-consent input{margin-top:4px}.ss-estudio /* ---------- FORMULARIO SECCIONES ---------- */
  .form-section{margin-bottom:32px;
    padding-bottom:28px;
    border-bottom:1px solid var(--color-line);}.ss-estudio .form-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.ss-estudio .form-section-title{font-size:1rem;
    font-weight:700;
    color:var(--color-accent);
    text-transform:uppercase;
    letter-spacing:.1em;
    margin-bottom:20px;
    padding-bottom:10px;
    border-bottom:2px solid var(--color-accent);
    display:inline-block;}.ss-estudio .form-section-desc{font-size:.92rem;
    color:var(--color-text-soft);
    margin:-8px 0 20px;
    line-height:1.6;}.ss-estudio .form-field-hint{font-size:.78rem;color:var(--color-muted);margin:6px 0 0}.ss-estudio /* ---------- SEGUROS GRID ---------- */
  .insurance-grid{display:flex;flex-direction:column;gap:0}.ss-estudio .insurance-row{display:flex;
    align-items:center;
    justify-content:space-between;
    padding:11px 16px;
    border:1px solid var(--color-line);
    border-bottom:none;
    background:#fafafa;
    transition:background .15s;}.ss-estudio .insurance-row:first-child{border-radius:var(--radius) var(--radius) 0 0}.ss-estudio .insurance-row:last-child{border-bottom:1px solid var(--color-line);border-radius:0 0 var(--radius) var(--radius)}.ss-estudio .insurance-row:hover{background:#f5f5ff}.ss-estudio .insurance-check{display:flex;align-items:center;gap:10px;
    cursor:pointer;font-size:.9rem;font-weight:500;
    color:var(--color-text);flex:1;}.ss-estudio .insurance-check input[type="checkbox"]{width:17px;height:17px;accent-color:var(--color-accent);cursor:pointer;}.ss-estudio .insurance-attach{display:flex;align-items:center;gap:8px;flex-shrink:0}.ss-estudio .attach-btn{display:inline-flex;align-items:center;gap:5px;
    padding:5px 12px;font-size:.75rem;font-weight:600;
    color:var(--color-accent);background:#fff;
    border:1px solid var(--color-accent);border-radius:var(--radius);
    cursor:pointer;transition:all .15s;
    letter-spacing:.02em;white-space:nowrap;
    font-family:inherit;}.ss-estudio .attach-btn:hover{background:var(--color-accent);color:#fff}.ss-estudio .attach-btn.has-file{background:#f0fdf4;border-color:#16a34a;color:#166534}.ss-estudio .attach-name{font-size:.75rem;color:var(--color-muted);
    max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.ss-estudio .attach-remove{background:none;border:none;color:#991b1b;cursor:pointer;
    font-size:.85rem;padding:2px 4px;font-family:inherit;font-weight:700;}.ss-estudio .form-row{grid-template-columns:1fr}.ss-estudio .insurance-row{flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.ss-estudio .insurance-attach{width:100%}
.ss-estudio .form-section{margin-bottom:34px}
.ss-estudio .form-section-title{font-size:1.05rem; font-weight:700; color:var(--color-accent);
    margin:0 0 16px; padding-bottom:8px; border-bottom:2px solid var(--color-accent)}
.ss-estudio #btn-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}
.ss-estudio #btn-enviar:disabled{opacity:.6; cursor:default}
.ss-estudio #form-mensaje{margin-top:16px; padding:14px 16px; border:1px solid var(--color-line); display:none}
.ss-estudio #form-mensaje.visible{display:block}
.ss-estudio #form-mensaje.error{border-color:#c0392b; color:#c0392b}
@media(max-width:700px){ .ss-estudio .form-row{grid-template-columns:1fr} }

/* ── Bloque plegable ───────────────────────────────────────────────────────
   Sólo se pliega lo que no tiene ni un campo obligatorio. Esconder un campo
   exigido detrás de un desplegable hace que el formulario falle sin explicar
   por qué, y el usuario no encuentra nunca dónde está el problema. */
.ss-estudio .ss-plegable{border:1px solid var(--color-line); background:#fafafa}
.ss-estudio .ss-plegable>summary{
    list-style:none; cursor:pointer; padding:14px 18px; display:flex;
    align-items:baseline; gap:12px; flex-wrap:wrap;
    font-weight:700; color:var(--color-accent); user-select:none;
}
.ss-estudio .ss-plegable>summary::-webkit-details-marker{display:none}
.ss-estudio .ss-plegable>summary::after{
    content:'Añadir estos datos'; margin-left:auto; font-weight:600; font-size:.82rem;
    color:#fff; background:var(--color-accent); padding:7px 14px; white-space:nowrap;
}
.ss-estudio .ss-plegable[open]>summary::after{content:'Ocultar'}
.ss-estudio .ss-plegable-n{font-weight:400; font-size:.82rem; color:var(--color-muted)}
.ss-estudio .ss-plegable-cuerpo{padding:4px 18px 18px; background:#fff;
    border-top:1px solid var(--color-line)}
@media(max-width:700px){
    .ss-estudio .ss-plegable>summary::after{margin-left:0; width:100%; text-align:center}
}