/*
 * bloques/imagen-texto/estilos.css
 *
 * El grid (columnas, orden, alineación) se inyecta inline desde el
 * template porque depende de la instancia. Aquí solo estilos
 * compartidos del contenido.
 */

.bl-imgtxt {
    overflow: hidden;
}

.bl-imgtxt-img {
    overflow: hidden;
}

.bl-imgtxt-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    display: block;
}

.bl-imgtxt-titulo {
    font-size: clamp(1.5rem, 3.5vw, 2.5rem);
    line-height: 1.2;
    margin: 0 0 .6em;
    color: inherit;
}

.bl-imgtxt-texto {
    font-size: 1rem;
    line-height: 1.5;
    color: inherit;
}

.bl-imgtxt-texto p { margin: 0 0 1em; }

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

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