/*
 * Soberano (site/soberano.php). Se registra después de soberano_style.css.
 * (.column__two y .key-highlight .button__wrapper+p estaban duplicados; unificados
 *  conservando el valor que ganaba por orden.)
 */

.column__two {
    align-items: stretch;
    display: flex;
    flex-flow: row wrap;
    position: relative;
    width: 100%;
}

.column-country {
    width: 42%;
    padding: 0 1.2rem;
    position: relative;
}

.key-highlight,
.key-highlight > :not(.video) {
    position: relative;
}

.key-highlight {
    color: #fff;
    height: 90%;
    overflow: hidden;
    padding: 3.6rem 2.4rem;
}

.heading--2 {
    font-size: 3.6rem;
    font-weight: 900;
    color: white;
}

.key-highlight .button__wrapper + p {
    margin-bottom: 10.8rem;
}

.key-highlight .button__wrapper {
    bottom: 3.6rem;
    position: absolute;
    width: calc(100% - 4.8rem);
}

.heading--sub {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 12px;
}

/* Cards de países: fondo común (gradiente + tamaño/posición); la imagen llega por --card-bg */
.soberano-card {
    background-image: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), var(--card-bg);
    background-size: cover;
    background-position-y: 27rem;
}

@media only screen and (max-width: 992px) {
    .carousel .column__two .slick-slide,
    .column__two .carousel .slick-slide,
    .column-country {
        width: 100%;
    }
}