/* Plantilla: dos-columnas — Dos columnas (texto + imagen) */

#bloque-40 {
    background-color: var(--b40color-fondo, var(--bg-white));
    display: var(--b40visibilidad-display, block);
}

#bloque-40 .b40inner {
    width: 100%;
}

#bloque-40 .b40container {
    max-width: var(--site-container-max-width, 1200px);
    margin-inline: auto;
    padding-inline: var(--site-container-px, 1rem);
    padding-block-start: var(--b40padding-top, 3rem);
    padding-block-end:   var(--b40padding-bottom, 3rem);
}

#bloque-40 .b40full {
    padding-inline: var(--site-container-px, 1rem);
    padding-block-start: var(--b40padding-top, 3rem);
    padding-block-end:   var(--b40padding-bottom, 3rem);
}

#bloque-40 .b40grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--b40gap, 2rem);
    align-items: center;
}

@media (min-width: 768px) {
    #bloque-40 .b40grid {
        grid-template-columns: 1fr 1fr;
    }
    #bloque-40 .b40grid--imagen-texto .b40col-texto  { order: 2; }
    #bloque-40 .b40grid--imagen-texto .b40col-imagen { order: 1; }
}

#bloque-40 .b40titulo {
    font-size:   var(--b40titulo-tam, 1.75rem);
    color:       var(--b40titulo-color, var(--dark-color));
    font-weight: var(--b40titulo-peso, 700);
    font-family: var(--b40titulo-fuente, inherit);
    margin: 0 0 1rem;
    line-height: 1.3;
}

#bloque-40 .b40p {
    font-size:   var(--b40texto-tam, 1rem);
    color:       var(--b40texto-color, var(--dark-color));
    font-weight: var(--b40texto-peso, 400);
    line-height: 1.7;
    margin: 0 0 1.5rem;
}

#bloque-40 .b40btn {
    display: inline-flex;
    align-items: center;
    padding: 0.75rem 1.75rem;
    font-size:        var(--b40btn-tam, 1rem);
    font-weight:      var(--b40btn-peso, 600);
    color:            var(--b40btn-color, var(--bg-white));
    background-color: var(--b40btn-fondo, var(--primary-color));
    border-radius:    var(--b40btn-radio, var(--btn-radius, 0.375rem));
    text-decoration: none;
    transition: opacity 0.15s;
}

#bloque-40 .b40btn:hover {
    opacity: 0.85;
}

#bloque-40 .b40img {
    width: 100%;
    height: auto;
    border-radius: var(--b40img-radio, 0.5rem);
    object-fit: cover;
    display: block;
}

/* Personalizaciones del bloque */
#bloque-40 {
    --b40padding-top: 3rem;
    --b40-padding-top: 3rem;
    --b40padding-bottom: 3rem;
    --b40-padding-bottom: 3rem;
    --b40color-fondo: var(--bg-grey);
    --b40-color-fondo: var(--bg-grey);
    --b40gap: 3rem;
    --b40-gap: 3rem;
    --b40titulo-tam: 1rem;
    --b40-titulo-tam: 1rem;
    --b40titulo-color: var(--dark-color);
    --b40-titulo-color: var(--dark-color);
    --b40titulo-peso: 700;
    --b40-titulo-peso: 700;
    --b40titulo-fuente: var(var(--font-1));
    --b40-titulo-fuente: var(var(--font-1));
    --b40texto-tam: 1rem;
    --b40-texto-tam: 1rem;
    --b40texto-color: var(--dark-color);
    --b40-texto-color: var(--dark-color);
    --b40img-radio: 0;
    --b40-img-radio: 0;
    --b40btn-fondo: var(--primary-color);
    --b40-btn-fondo: var(--primary-color);
    --b40btn-color: var(--dark-color);
    --b40-btn-color: var(--dark-color);
    --b40btn-radio: 0;
    --b40-btn-radio: 0;
}