/* Sección /soporte: complementa styles.css (layout de una columna) */
.soporte-section{padding:60px 0}
.soporte-panel{display:block;max-width:860px;margin:0 auto;padding:45px 55px}
.soporte-panel .contact-intro{text-align:center;margin:0 0 28px}
.soporte-panel h1{color:var(--navy);font-size:36px;margin:0 0 8px}
.soporte-panel .contact-intro p{margin:0 auto;max-width:620px}
#soporte-form{width:100%}
#soporte-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.field select,.field input[type=file]{display:block;width:100%;border:1px solid #c8d1d6;background:white;border-radius:3px;padding:10px 12px;color:#152c3c;min-height:44px;font:inherit}
.field-hint{display:block;font-size:13px;color:#5a6670;margin:-2px 0 6px}
fieldset.checks{border:0;padding:0;margin:0 0 18px;min-width:0}
fieldset.checks legend{font-weight:500;padding:0;margin-bottom:8px}
fieldset.checks[aria-describedby] .check-grid{outline:2px solid #aa2635;outline-offset:4px;border-radius:3px}
.check-grid{display:flex;flex-wrap:wrap;gap:8px}
.check{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #c8d1d6;border-radius:999px;background:#fff;font-size:14px;font-weight:400;line-height:1.2;cursor:pointer;margin:0;transition:background .15s,border-color .15s}
.check:hover{border-color:var(--blue)}
.check input{width:15px;height:15px;margin:0;accent-color:var(--blue)}
.check:has(input:checked){background:#e7f2fc;border-color:var(--blue);color:var(--navy)}
.check:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:2px}
#soporte-form .submit{display:block;margin:10px auto 0}
@media(max-width:700px){.soporte-section{padding:30px 0}.soporte-panel{padding:28px 20px}.soporte-panel h1{font-size:30px}#soporte-form .field-row{grid-template-columns:1fr}.check{font-size:13px;padding:5px 10px}}
#soporte-form label.check{display:inline-flex;flex-direction:row;width:auto;margin:0}#soporte-form .check input[type=checkbox]{display:inline-block;flex:none;width:15px;height:15px;min-height:0;padding:0;margin:0}

/* fondo liso azul oscuro (var(--navy) #032442 de styles.css) */
.contact-section.soporte-section{background:var(--navy)}