/*
 * bloques/multicolumna/estilos.css
 * El grid se monta inline desde el template (los nº de columnas, gap
 * y alineación dependen de la instancia). Aquí solo tipografía y
 * espaciado mínimo del contenido.
 */

.bl-multicolumna .bl-col-titulo {
    font-size: 1.25rem;
    line-height: 1.3;
    margin: 12px 0 6px;
}

.bl-multicolumna .bl-col-texto {
    color: inherit;
}

.bl-multicolumna .bl-col-texto p { margin: 0 0 .8em; line-height: 1.2; }

.bl-multicolumna .bl-col-texto a {
    color: var(--bl-color-primario, #1d7d99);
    text-decoration: underline;
}

.bl-multicolumna .boton {
    margin-top: 8px;
    display: inline-block;
}

/*
 * Wrapper de las columnas. El bloque (section) es siempre 100% de ancho;
 * este wrapper decide si las columnas van centradas (.bl-contenedor) o
 * a ancho completo (.bl-fluido). Cuando están centradas y tienen color
 * propio, se le da un padding/redondeo para que el color sea una "caja".
 */
.bl-multicolumna .bl-mc-coloreado {
    padding-top: 40px;
    padding-bottom: 40px;
    border-radius: 8px;
}