/* Formulario de cotización, bloque de contacto y página de categoría. */
.form{display:grid;gap:16px;grid-template-columns:1fr 1fr;background:var(--surface);border:1px solid var(--line);padding:28px;text-align:left}
@media(max-width:700px){.form{grid-template-columns:1fr;padding:22px}}
.form .full{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:6px}
.field label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint)}
.field input,.field select,.field textarea{background:var(--ground);border:1px solid var(--line-strong);color:var(--text);padding:11px 13px;border-radius:var(--radius);font:15px/1.5 var(--font-body)}
.field textarea{min-height:130px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--cool)}
.form button{justify-self:start}
.aviso{grid-column:1/-1;border-left:2px solid var(--cool);background:var(--cool-soft);padding:12px 16px;font-size:14px;color:var(--muted)}
.contacto{display:grid;gap:1px;background:var(--line);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:34px;text-align:left}
.contacto > div{background:var(--surface);padding:22px}
.contacto h4{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin:0 0 10px;font-weight:500}
.contacto a{display:block;margin-bottom:5px;color:var(--cool)}
.contacto a:hover{color:var(--accent)}
.contacto .wa{color:#25D366}
.cat{display:block}
.cat__link{display:inline-block;margin-top:14px;font-size:13.5px;color:var(--cool)}
.cat:hover .cat__link{color:var(--accent)}
.card__cta{margin-top:12px;text-align:center;font-size:14px;padding:9px 16px}
.subnav{display:flex;flex-wrap:wrap;gap:18px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px;color:var(--muted)}
.subnav a:hover{color:var(--text)}
.subnav a.on{color:var(--accent)}
.volver{display:block;margin-bottom:18px;font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;color:var(--faint)}
.volver:hover{color:var(--cool)}