* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }

    body {
        font-family: 'Poppins', sans-serif;
        background: #f4f6f9;
        color: #1f2937;
    }

    a {
        text-decoration: none;
    }

    /* =========================
           HEADER
        ========================== 0f172a*/

    .gi_header {
        background: #0f172a;
        padding: 2.5px 0;
        position: fixed;
        width: 100%;
        z-index: 999;
        top: 0;
        left: 0;
        box-shadow: 0 2px 10px rgba(0, 0, 0, .15);
        overflow: hidden;

    }

    .gi_logo {
        color: #ffffff;
        font-size: 32px;
        font-weight: 600;
        letter-spacing: 1px;
    }


    .gi_logo_img {
        height: 95px;
        width: auto;
        display: block;
    }

    .gi_menu {
        display: flex;
        gap: 25px;
        align-items: center;
        justify-content: flex-end;
    }

    .gi_menu a {
        color: #d1d5db;
        font-weight: 500;
        transition: .3s;
    }

    .gi_menu a:hover {
        color: #60a5fa;
    }

    /* =========================================
   RESPONSIVE HEADER
========================================= */

    @media(max-width:991px) {

        .gi_header {
            padding: 15px 0;
        }

        /* CONTENEDOR LOGO */
        .gi_logo {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 15px;
        }

        /* LOGO */
        .gi_logo_img {
            height: 95px;
            width: auto;
        }

        /* MENU */
        .gi_menu {
            justify-content: center;
            flex-wrap: wrap;
            gap: 20px;
        }

    }

    @media(max-width:576px) {

        .gi_logo_img {
            height: 85px;
        }

        .gi_menu {
            gap: 15px;
        }

        .gi_menu a {
            font-size: 15px;
        }

    }

    /* =========================
           HERO
        ========================== */

    .gi_hero {
        height: 100vh;
        background:
            linear-gradient(rgba(15, 23, 42, .75), rgba(15, 23, 42, .75)),
            url('../../imgs_carrusel/corporativo.jpg');
        background-size: cover;
        background-position: center;
        display: flex;
        align-items: center;
        color: #ffffff;
        padding-top: 80px;
    }

    .gi_hero_contenido h1 {
        font-size: 64px;
        font-weight: 700;
        margin-bottom: 20px;
    }

    .gi_hero_contenido p {
        font-size: 20px;
        max-width: 700px;
        color: #dbe4ee;
        line-height: 1.7;
    }

    .gi_boton_principal {
        display: inline-block;
        margin-top: 35px;
        padding: 14px 32px;
        background: #2563eb;
        color: #ffffff;
        border-radius: 8px;
        transition: .3s;
        font-weight: 600;
    }

    .gi_boton_principal:hover {
        background: #1d4ed8;
        color: #ffffff;
    }

    /* =========================
           SECCION EMPRESAS
        ========================== */

    .gi_seccion {
        padding: 90px 0;
    }

    .gi_titulo {
        text-align: center;
        margin-bottom: 60px;
    }

    .gi_titulo h2 {
        font-size: 42px;
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 15px;
    }

    .gi_titulo p {
        color: #6b7280;
        font-size: 14px;
    }

    .gi_tarjeta {
        background: #ffffff;
        border-radius: 18px;
        overflow: hidden;
        box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
        transition: .3s;
        height: 100%;
    }

    .gi_tarjeta:hover {
        transform: translateY(-8px);
    }

    .gi_tarjeta img {
        width: 100%;
        height: 250px;
        object-fit: cover;
    }

    .gi_tarjeta_contenido {
        padding: 25px;
    }

    .gi_tarjeta_contenido h3 {
        font-size: 24px;
        font-weight: 600;
        margin-bottom: 15px;
        color: #0f172a;
    }

    .gi_tarjeta_contenido p {
        color: #6b7280;
        line-height: 1.7;
    }

    /* =========================
           SECCION CORPORATIVA
        ========================== */

    .gi_corporativo {
        background: #ffffff;
        color: #000000;
    }

    .gi_corporativo_texto h2 {
        font-size: 42px;
        font-weight: 700;
        margin-bottom: 25px;
    }

    .gi_corporativo_texto p {
        color: #000000;
        line-height: 1.9;
        font-size: 14px;
    }

    .gi_corporativo img {
        width: 100%;
        border-radius: 20px;
    }

    /* =========================
           FOOTER
        ========================== */

    .gi_footer {
        background: #0f172a;
        color: #d1d5db;
        padding: 60px 0 30px;
    }

    .gi_footer h4 {
        color: #ffffff;
        margin-bottom: 25px;
        font-weight: 600;
    }

    .gi_footer p {
        margin-bottom: 12px;
    }

    .gi_footer_copyright {
        border-top: 1px solid rgba(255, 255, 255, .08);
        margin-top: 40px;
        padding-top: 20px;
        text-align: center;
        color: #9ca3af;
    }

    /* =========================
           RESPONSIVE
        ========================== */

    @media(max-width:992px) {

        .gi_hero_contenido h1 {
            font-size: 48px;
        }

        .gi_menu {
            justify-content: center;
            margin-top: 15px;
        }

    }

    @media(max-width:768px) {

        .gi_hero {
            text-align: center;
        }

        .gi_hero_contenido h1 {
            font-size: 38px;
        }

        .gi_hero_contenido p {
            font-size: 17px;
        }

        .gi_titulo h2 {
            font-size: 32px;
        }

    }

    /* =========================================
   ANIMACIONES NATIVAS
========================================= */

    .gi_animacion_scroll {
        opacity: 0;
        transform: translateY(80px);
        transition:
            opacity 1s ease,
            transform 1s ease;
        will-change: transform, opacity;
    }

    .gi_animacion_scroll.gi_animacion_visible {
        opacity: 1;
        transform: translateY(0);
    }

    /* Variantes */

    .gi_animacion_izquierda {
        transform: translateX(-80px);
    }

    .gi_animacion_derecha {
        transform: translateX(80px);
    }

    .gi_animacion_visible.gi_animacion_izquierda,
    .gi_animacion_visible.gi_animacion_derecha {
        transform: translateX(0);
    }

    /* Delay */

    .gi_delay_1 {
        transition-delay: .1s;
    }

    .gi_delay_2 {
        transition-delay: .2s;
    }

    .gi_delay_3 {
        transition-delay: .3s;
    }

    .gi_delay_4 {
        transition-delay: .4s;
    }

    .gi_delay_5 {
        transition-delay: .5s;
    }

    /* =========================================
   HERO MEJORADO
========================================= */

    .gi_hero {
        position: relative;
        overflow: hidden;
    }

    .gi_hero::before {
        content: '';
        position: absolute;
        width: 600px;
        height: 600px;
        border-radius: 50%;
        background: rgba(37, 99, 235, .15);
        top: -250px;
        right: -150px;
        filter: blur(90px);
    }

    /* =========================================
   MARCAS
========================================= */

    .gi_seccion_marcas {
        padding: 100px 0;
        background: #ffffff;
    }

    .gi_grid_marcas {
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        gap: 25px;
        margin-top: 60px;
    }

    .gi_item_marca {
        background: #f8fafc;
        border-radius: 18px;
        height: 130px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 20px;
        transition: .4s;
        border: 1px solid rgba(0, 0, 0, .05);
    }

    .gi_item_marca:hover {
        transform: translateY(-10px);
        background: #ffffff;
        box-shadow: 0 15px 30px rgba(0, 0, 0, .08);
    }

    .gi_item_marca img {
        max-width: 90px;
        max-height: 70px;
        object-fit: contain;
        transition: .4s;
        opacity: .75;
        filter: grayscale(100%);
    }

    .gi_item_marca:hover img {
        opacity: 1;
        transform: scale(1.08);
        filter: grayscale(0%);
    }


    /* =========================================
   TARJETAS
========================================= */

    .gi_tarjeta {
        position: relative;
        overflow: hidden;
    }

    .gi_tarjeta::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 4px;
        background: #2563eb;
        transition: .4s;
    }

    .gi_tarjeta:hover::after {
        width: 100%;
    }

    /* =========================================
   RESPONSIVE
========================================= */

    @media(max-width:1200px) {

        .gi_grid_marcas {
            grid-template-columns: repeat(5, 1fr);
        }

    }

    @media(max-width:992px) {

        .gi_grid_marcas {
            grid-template-columns: repeat(4, 1fr);
        }

    }

    @media(max-width:768px) {

        .gi_grid_marcas {
            grid-template-columns: repeat(2, 1fr);
            gap: 18px;
        }

        .gi_item_marca {
            height: 110px;
        }

        .gi_item_marca img {
            max-width: 70px;
        }

    }

    /* =========================================
   MISION VISION VALORES
========================================= */

    .gi_seccion_filosofia {
        padding: 110px 0;
        background: #f8fafc;
        position: relative;
        overflow: hidden;
    }

    .gi_seccion_filosofia::before {
        content: '';
        position: absolute;
        width: 500px;
        height: 500px;
        background: rgba(37, 99, 235, .05);
        border-radius: 50%;
        top: -250px;
        left: -200px;
        filter: blur(60px);
    }

    .gi_filosofia_tarjeta {
        background: #ffffff;
        border-radius: 24px;
        padding: 45px;
        height: 100%;
        box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
        transition: .4s;
        position: relative;
        overflow: hidden;
    }

    .gi_filosofia_tarjeta::before {
        content: '';
        position: absolute;
        width: 120px;
        height: 120px;
        background: rgba(37, 99, 235, .05);
        border-radius: 50%;
        top: -40px;
        right: -40px;
    }

    .gi_filosofia_tarjeta:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
    }


    .gi_filosofia_tarjeta h3 {
        font-size: 28px;
        font-weight: 700;
        margin-bottom: 20px;
        color: #0f172a;
    }

    .gi_filosofia_tarjeta p {
        color: #6b7280;
        line-height: 1.9;
        font-size: 14px;
    }

    .gi_valores_contenedor {
        padding-top: 40px;
    }

    .gi_valores_header {
        text-align: center;
        margin-bottom: 60px;
    }


    .gi_valores_header h2 {
        font-size: 58px;
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 20px;
    }

    .gi_valores_header p {
        max-width: 750px;
        margin: auto;
        color: #64748b;
        font-size: 20px;
        line-height: 1.8;
    }

    .gi_valores_grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 30px;
    }

    .gi_valor_card {
        background: #ffffff;
        border-radius: 28px;
        padding: 50px 40px;
        text-align: center;
        transition: .4s;
        border: 1px solid rgba(0, 0, 0, .04);
        box-shadow: 0 10px 30px rgba(0, 0, 0, .04);
    }

    .gi_valor_card:hover {
        transform: translateY(-10px);
        box-shadow: 0 20px 45px rgba(0, 0, 0, .08);
    }

    .gi_valor_card h3 {
        font-size: 28px;
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 20px;
    }

    .gi_valor_linea {
        width: 60px;
        height: 4px;
        background: #2563eb;
        margin: 0 auto 25px auto;
        border-radius: 50px;
    }

    .gi_valor_card p {
        color: #64748b;
        line-height: 1.9;
        font-size: 14px;
    }

    /* =========================================
   RESPONSIVE
========================================= */

    @media(max-width:1200px) {

        .gi_valores_header h2 {
            font-size: 46px;
        }

        .gi_valor_card {
            padding: 40px 30px;
        }

        .gi_valor_card h3 {
            font-size: 28px;
        }

    }

    @media(max-width:992px) {

        .gi_valores_grid {
            grid-template-columns: repeat(2, 1fr);
        }

    }

    @media(max-width:768px) {

        .gi_valores_header h2 {
            font-size: 38px;
        }

        .gi_valores_header p {
            font-size: 17px;
        }

        .gi_valores_grid {
            grid-template-columns: 1fr;
        }

        .gi_valor_card {
            padding: 35px 25px;
        }

        .gi_valor_card h3 {
            font-size: 26px;
        }

        .gi_valor_card p {
            font-size: 16px;
        }

    }

    @media(max-width:992px) {

        .gi_filosofia_tarjeta {
            padding: 35px;
        }

    }

    html,
body{
    overflow-x:hidden;
}