@charset "utf-8";
/* =========================================
   SECCIÓN NOSOTROS - EDEMINC
========================================= */

.ed-nosotros-hero {
    position: relative;
    width: 100%;
    min-height: 420px; /* Antes: 520px */
    overflow: hidden;
    background: #101820;
    isolation: isolate;
}


/* =========================================
   IMAGEN DE FONDO
========================================= */

.ed-nosotros-hero__image {
    position: absolute;
    top: 0;
    right: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
    object-position: center;

    z-index: -2;
}


/* =========================================
   DEGRADADO
========================================= */

.ed-nosotros-hero__overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            #ffffff 0%,
            #ffffff 18%,
            rgba(243, 244, 244, 0.97) 28%,
            rgba(243, 244, 244, 0.82) 40%,
            rgba(243, 244, 244, 0.30) 57%,
            rgba(243, 244, 244, 0) 72%
        );

    z-index: -1;
}


/* =========================================
   CONTENIDO
========================================= */

.ed-nosotros-hero__content {
    position: relative;

    width: 100%;
    max-width: 610px;

    padding:
        clamp(25px, 5vw, 35px)
        0
        clamp(25px, 5vw, 35px)
        clamp(15px, 6vw, 80px);
}


/* =========================================
   EYEBROW
========================================= */

.ed-nosotros-hero__eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 25px;

    color: #27313a;

    font-size: 13px;
    font-weight: 700;
    letter-spacing: 3px;
}

.ed-nosotros-hero__eyebrow span {
    display: block;

    width: 22px;
    height: 2px;

    background: #ff5a16;
}


/* =========================================
   TÍTULO
========================================= */

.ed-nosotros-hero__title {
    margin: 0 0 20px;

    color: #202a33;

    font-size: 2.0rem;
    font-weight: 600;
    line-height: 1.05;
    letter-spacing: -1.5px;
}

.ed-nosotros-hero__title strong {
    color: #ff5a16;
    font-weight: 800;
}


/* =========================================
   DESCRIPCIÓN
========================================= */

.ed-nosotros-hero__description {
    max-width: 520px;

    margin: 0 0 30px;

    color: #3e464d;

    font-size: 16px;
    line-height: 1.65;
}


/* =========================================
   BOTÓN
========================================= */

.ed-nosotros-hero__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;

    min-height: 52px;

    padding: 0 25px;

    background: #ff5a16;
    color: #ffffff;

    text-decoration: none;

    font-size: 14px;
    font-weight: 700;

    transition:
        background 0.3s ease,
        transform 0.3s ease,
        box-shadow 0.3s ease;
}

.ed-nosotros-hero__button:hover {
    background: #df4708;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow: 0 10px 25px rgba(255, 90, 22, 0.25);
}

.ed-nosotros-hero__arrow {
    font-size: 20px;
    line-height: 1;

    transition: transform 0.3s ease;
}

.ed-nosotros-hero__button:hover .ed-nosotros-hero__arrow {
    transform: translateX(5px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 991px) {

    .ed-nosotros-hero {
        min-height: 500px;
    }

    .ed-nosotros-hero__content {
        max-width: 550px;

        padding-left: 50px;
    }

    .ed-nosotros-hero__overlay {
        background:
            linear-gradient(
                90deg,
                #f3f4f4 0%,
                rgba(243, 244, 244, 0.96) 40%,
                rgba(243, 244, 244, 0.70) 58%,
                rgba(243, 244, 244, 0.10) 78%
            );
    }

}


/* =========================================
   MÓVIL
========================================= */

@media (max-width: 767px) {

    .ed-nosotros-hero {
        min-height: auto;
    }

    .ed-nosotros-hero__image {
        object-position: 68% center;

        opacity: 0.35;
    }

    .ed-nosotros-hero__overlay {
        background:
            linear-gradient(
                90deg,
                rgba(243, 244, 244, 0.97) 0%,
                rgba(243, 244, 244, 0.92) 100%
            );
    }

    .ed-nosotros-hero__content {
        max-width: 100%;

        padding:
            70px
            30px;
    }

    .ed-nosotros-hero__title {
        font-size: 38px;
    }

    .ed-nosotros-hero__description {
        font-size: 15px;
    }

}


/* =========================================
   MÓVILES PEQUEÑOS
========================================= */

@media (max-width: 480px) {

    .ed-nosotros-hero__content {
        padding:
            60px
            22px;
    }

    .ed-nosotros-hero__eyebrow {
        font-size: 11px;
        letter-spacing: 2px;
    }

    .ed-nosotros-hero__title {
        font-size: 32px;
    }

    .ed-nosotros-hero__button {
        width: 100%;
    }

}