/* =====================================================================
   Formularios de marcas (módulo `marcas/`) dentro de la plantilla del sitio.

   Sustituye a Bootstrap 3, que estos formularios cargaban desde un CDN. De
   toda la librería solo usaban la rejilla y un par de clases de botón; a
   cambio redefinía `body`, títulos y enlaces, y habría descuadrado la
   cabecera y el pie que ahora heredan. Son 120 KB menos y una dependencia
   externa menos en la página que cobra.
   ===================================================================== */

.row{display:flex;flex-wrap:wrap;margin-inline:-15px}
[class^="col-md-"],[class*=" col-md-"]{width:100%;padding-inline:15px}
@media (min-width:992px){
  .col-md-6{width:50%}
  .col-md-12{width:100%}
}

/* La tarjeta que envuelve el formulario: el módulo fija su ancho y su
   relleno; aquí solo se le da superficie y marco del sistema. */
.card{background:var(--fondo);border:1px solid var(--borde);
      border-radius:var(--radio);box-shadow:var(--sombra)}
.card-body{width:100%}

/* Único icono que se usaba de Font Awesome: el visto de las listas de
   «qué incluye». Dibujarlo evita cargar la librería entera. */
.fa-check::before{content:"✓";font-weight:700;line-height:1}

/* El formulario trae sus propios tamaños en píxeles; lo que no fija, lo
   hereda del sitio en vez de los 14 px que imponía Bootstrap. */
.card input,.card select,.card textarea,.card button{font-family:inherit}


/* --- Un solo marco, la misma regla que en el resto del sitio ---------------
   El módulo enmarca cada grupo de campos (`.form-section`: borde gris y fondo
   crema) y la tarjeta que los contiene vuelve a enmarcarlos: dos recuadros
   concéntricos, y un hueco arriba entre uno y otro. Manda el de fuera, que es
   lo que el visitante lee como «el formulario»; el de dentro se queda con su
   rótulo y su aire, sin marco. */
.card .form-section{border:0;background:none;padding:0;margin-bottom:var(--e-xl)}
.card .form-section h3{color:var(--accion);font-family:var(--display);
        font-size:var(--paso-0);margin:0 0 var(--e-md);
        padding-bottom:var(--e-xs);border-bottom:1px solid var(--borde)}

/* La tarjeta respira con la escala del sitio, no con los 20 px del módulo. */
.card{padding:var(--e-xl)!important;width:100%!important;margin-inline:auto}
@media (max-width:700px){.card{padding:var(--e-lg)!important}}

/* Las hojas del módulo ya no alcanzan al documento: van acotadas a `.marcas`
   (ver `_Content/migracion/acotar_css_marcas.php`). Antes había aquí una lista
   de reglas deshaciendo lo que imponían a `p`, `img` y a los encabezados; se
   retiró al desaparecer la causa. */