.content__wrapper {
    perspective: 800px;
}

/* NUEVA estructura de dos columnas */
.content__slide-inner.two-columns {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 3rem;
    align-items: center;
    flex-wrap: wrap;
}

/* Columna de texto */
.column-left {
    flex: 1 1 55%;
}

/* Columna del logo */
.column-right {
    flex: 1 1 40%;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Estilo para el logo */
.logo-nosotros {
    max-width: 300px;
    width: 100%;
    height: auto;
    filter: drop-shadow(0 6px 16px rgba(0, 0, 0, 0.2));
}


.content__slide {
    padding: 4rem 1rem 4rem 1rem;
}

.content__slide-inner {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 90%;
}

.content__slide.green {
    background: #000000;
}

.content__slide.white {
    background: #6c4769;
}

.content__slide.orange {
    background: #18516b;
}

.content__slide.lilac {
    background: #18516b;
}

.content__title {
    color: var(--dark);
}

.content__copy {
    max-width: 900px;
    font-size: 16px;
    padding-top: 20px;
}

/* NUEVO: tres columnas */
.content__slide-inner.three-columns {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* columnas estilo tarjeta */
.content__slide-inner.three-columns .column {
    background: #279a94;
    padding: 1.5rem;
    border-radius: 7px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.9);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* hover */
.content__slide-inner.three-columns .column:hover {
    transform: translateY(-6px);
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.3);
}

/* imágenes */
.content__slide-inner.three-columns .column img {
    max-width: 100%;
    border-radius: 12px;
    margin-bottom: 1rem;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
    transition: transform 0.3s ease;
}

.content__slide-inner.three-columns .column img:hover {
    transform: scale(1.05);
}

/* pantallas grandes: 3 columnas lado a lado */
@media (min-width: 992px) {
    .content__slide-inner.three-columns {
        flex-direction: row;
        justify-content: center;
        gap: 2rem;
    }

    /* proporciones diferentes: Misión y Visión 1fr, Valores 1.4fr */
    .content__slide-inner.three-columns .column:first-child,
    .content__slide-inner.three-columns .column:nth-child(2) {
        flex: 1 1 0;
        min-width: 220px;
    }

    .content__slide-inner.three-columns .column:last-child {
        flex: 1.4 1 0;
        min-width: 280px;
    }
}

/* heading grande */
.heading-lg {
    font-size: 2vw;
    /* más pequeño para que quepa bien */
}

/* altura y 3D para pantallas medianas y grandes */
@media (min-width: 900px) {
    .content__slide {
        height: auto;
        transform-style: preserve-3d;
    }
}

/* Título "Nosotros" */
.nosotros-title {
    text-align: center;
    margin-bottom: 3rem;
    padding: 0 1rem;
}

.nosotros-title h2 {
    color: white;
    font-size: 3.5rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    margin: 0;
}

/* Responsive para el título */
@media (max-width: 768px) {

    .content__slide-inner.two-columns {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .column-left,
    .column-right {
        flex: 1 1 100%;
    }

    .logo-nosotros {
        max-width: 220px;
        margin-top: 2rem;
    }

    .nosotros-title h2 {
        font-size: 2.5rem;
    }

    .nosotros-title {
        margin-bottom: 2rem;
    }
}

@media (max-width: 480px) {
    .nosotros-title h2 {
        font-size: 2rem;
    }
}