.video-background {
            position: relative;
            top: 10;
            left: 0;
            width: 100%;
            height: 100vh;
            object-fit: cover; /* Hace que el video cubra toda el área */
            /* El video estará detrás de otros elementos */
        }
        
        @media (max-width: 768px) {
    .video-background {
        width: 100%;
        height: 50vh; /* Ocupa la mitad de la pantalla del celular, ideal para móviles */
        object-fit: cover; /* Evita que el video se distorsione o se estire feo */
    }
}

    @keyframes fadeIn {
        from {
            opacity: .4;
        }

        to {
            opacity: 1;
        }
    }

    .fade-in {
        animation: fadeIn .5s ease-in-out;
    }

    .hidden {
        opacity: 0;
    }
    .content {
            position: relative;
            z-index: 2;
            color: white;
            text-align: center;
            padding-top: 20px; /* Espacio por debajo del menú */
        }

        .content h1 {
            font-size: 3rem;
        }
        .navbar-blur {
  background-color: rgba(154, 155, 154, 0.9); /* transparente */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* soporte en Safari */
  padding: 12px;
}

        .content h1 {
            font-size: 3rem;
        }
        .navbar-blur {
  background-color: rgba(154, 155, 154, 0.9); /* transparente */
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px); /* soporte en Safari */
  padding: 12px;
 }
    .te-ofrecemos-section{
    padding:40px 0 70px 0;
    background:#f8f8f8;
}

    .subtitulo-ofrecemos{
    color:#b8860b;
    letter-spacing:6px;
    font-size:14px;
    font-weight:600;
    margin-bottom:10px;
}

    .titulo-ofrecemos{
    font-size:3rem;
    color:#00177c;
    font-weight:bold;
    letter-spacing:3px;
    font-family:'Noto Serif', serif;
}
    
    .linea-dorada{
    width:80px;
    height:4px;
    background:#b8860b;
    margin:20px auto;
    border-radius:20px;
}

    .columna-ofrecemos{
    padding:20px 40px;
    border-right:1px solid #d9d9d9;
}

    .columna-ofrecemos:last-child{
    border-right:none;
}

    .encabezado-card{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    margin-bottom:30px;
    gap:18px;
}

    .icono-cuadro{
    width:60px;
    height:60px;
    background:#00177c;
    border-radius:14px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-right:18px;
}

.icono-cuadro i{
    color:#fff;
    font-size:24px;
}

.encabezado-card h3{
    color:#00177c;
    font-weight:bold;
    letter-spacing:3px;
    font-size:1.5rem;
    margin:0;
}

.encabezado-card p{
    color:#b8860b;
    margin:0;
    font-size:15px;
}

.cards-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
    margin-top:25px;
}

.mini-card{
    background:#f3eee6;
    border:1px solid #ddd;
    border-radius:16px;
    padding:18px;
    display:flex;
    align-items:center;
    gap:12px;
    min-height:90px;
    transition:0.3s ease;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
    cursor:pointer;
}

.mini-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 18px rgba(0,0,0,0.08);
}

.mini-card i{
    color:#00177c;
    font-size:20px;
}

.mini-card span{
    color:#111;
    font-size:16px;
    font-family:'Noto Serif', serif;
}

.btn-ofrecemos{
    background:#f3eee6;
    padding:12px 26px;
    border-radius:12px;
    text-decoration:none;
    color:#00177c;
    font-weight:bold;
    display:inline-block;
    transition:0.3s;
    border:1px solid #ddd;
}

.btn-ofrecemos:hover{
    background:#00177c;
    color:white;
    text-decoration:none;
}

@media(max-width:768px){

    .titulo-ofrecemos{
        font-size:2.2rem;
    }

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

    .columna-ofrecemos{
        border-right:none;
        border-bottom:1px solid #ddd;
    }

}
.ofrecemos-nuevo{
    padding:50px 0 70px 0;
    background:#f8f8f8;
}

.ofrecemos-titulo-contenedor{
    text-align:center;
    margin-bottom:45px;
}

.ofrecemos-subtitulo{
    color:#b8860b;
    letter-spacing:7px;
    font-size:14px;
    font-weight:600;
    margin-bottom:10px;
}

.ofrecemos-titulo{
    font-family:'Noto Serif', serif;
    font-size:3rem;
    color:#111;
    font-weight:bold;
    letter-spacing:4px;
    margin-bottom:15px;
}

.ofrecemos-linea{
    width:85px;
    height:4px;
    background:#b8860b;
    margin:0 auto;
    border-radius:20px;
}

.ofrecemos-bloque{
    background:#f8f8f8;
    padding:25px 30px;
    height:100%;
}

.ofrecemos-encabezado{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin-bottom:28px;
}

.ofrecemos-icono-principal{
    width:65px;
    height:65px;
    background:#00177c;
    color:white;
    border-radius:16px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:25px;
}

.ofrecemos-encabezado h3{
    color:#00177c;
    font-family:'Noto Serif', serif;
    font-weight:bold;
    letter-spacing:8px;
    font-size:1.5rem;
    margin:0;
}

.ofrecemos-encabezado p{
    color:#b8860b;
    font-family:'Noto Serif', serif;
    margin:3px 0 0 0;
    font-size:15px;
}

.ofrecemos-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:16px;
}

.ofrecemos-card{
    background:#f3eee6;
    border:1px solid #ddd;
    border-radius:16px;
    min-height:95px;
    padding:18px;
    display:flex;
    align-items:center;
    gap:14px;
    transition:0.3s ease;
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
}

.ofrecemos-card:hover{
    transform:translateY(-5px);
    box-shadow:0 8px 18px rgba(0,0,0,0.10);
}

.ofrecemos-card i{
    color:#00177c;
    font-size:21px;
    min-width:25px;
    text-align:center;
}

.ofrecemos-card span{
    font-family:'Noto Serif', serif;
    color:#111;
    font-size:17px;
    line-height:1.4;
}

.ofrecemos-boton-contenedor{
    text-align:center;
    margin-top:28px;
}

.ofrecemos-boton{
    background:#f3eee6;
    color:#00177c;
    border:1px solid #ddd;
    padding:12px 28px;
    border-radius:14px;
    text-decoration:none;
    font-weight:bold;
    font-family:'Noto Serif', serif;
    display:inline-block;
    transition:0.3s ease;
}

.ofrecemos-boton:hover{
    background:#00177c;
    color:white;
    text-decoration:none;
    transform:scale(1.05);
}

@media(max-width:768px){

    .ofrecemos-titulo{
        font-size:2.2rem;
    }

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

    .ofrecemos-encabezado{
        justify-content:flex-start;
    }

    .ofrecemos-encabezado h3{
        font-size:1.3rem;
        letter-spacing:5px;
    }

    .ofrecemos-bloque{
        padding:20px 10px;
    }
}
/* Botón flotante de WhatsApp */
.whatsapp-flotante{
    position:fixed;
    right:25px;
    bottom:25px;
    background:#25d366;
    color:white !important;
    height:58px;
    padding:0 24px;
    border-radius:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    font-family:'Noto Serif', serif;
    font-size:17px;
    font-weight:bold;
    text-decoration:none !important;
    box-shadow:0 8px 22px rgba(0,0,0,0.28);
    z-index:9999;
    transition:all 0.35s ease;
}

.whatsapp-flotante i{
    font-size:28px;
    transition:0.35s ease;
}

.whatsapp-flotante:hover{
    background:#1ebe5d;
    color:white !important;
    transform:translateY(-5px) scale(1.05);
    box-shadow:0 12px 28px rgba(0,0,0,0.32);
}

.whatsapp-flotante:hover i{
    transform:rotate(8deg) scale(1.12);
}

/* En celular solo se muestra el círculo */
@media(max-width:768px){
    .whatsapp-flotante{
        width:58px;
        height:58px;
        padding:0;
        right:18px;
        bottom:18px;
        border-radius:50%;
    }

    .whatsapp-flotante span{
        display:none;
    }

    .whatsapp-flotante i{
        font-size:30px;
    }
}
/* Diseño moderno para la sección de lámparas */
.image-text-section{
    padding:20px 0;
}

/* Cuadro donde está el texto de cada lámpara */
.image-text-section .col-md-8{
    border-radius:35px !important;
    padding:35px !important;
    box-shadow:0 8px 22px rgba(0,0,0,0.12);
    transition:0.3s ease;
    overflow:hidden;
}

/* Imagen de cada lámpara */
.image-text-section img{
    border-radius:35px !important;
    box-shadow:0 8px 22px rgba(0,0,0,0.12);
    transition:0.3s ease;
    object-fit:cover;
}

/* Efecto al pasar el mouse sobre el cuadro */
.image-text-section .col-md-8:hover{
    transform:translateY(-5px);
}

/* Efecto al pasar el mouse sobre la imagen */
.image-text-section img:hover{
    transform:scale(1.03);
}

/* Títulos de las lámparas */
.image-text-section .section-title{
    font-weight:bold;
    letter-spacing:2px;
}

/* Texto de descripción */
.image-text-section p{
    line-height:1.7;
    font-size:16px;
}

/* Ajuste para celulares */
@media(max-width:768px){
    .image-text-section .col-md-8{
        border-radius:25px !important;
        padding:25px !important;
        margin-top:15px;
    }

    .image-text-section img{
        border-radius:25px !important;
    }

    .image-text-section p{
        font-size:15px;
    }
}
/* Animación corregida para las secciones de lámparas */
.image-text-section.hidden{
    opacity:0;
    transform:translateY(25px);
}

.image-text-section.fade-in{
    animation: aparecerLampara 0.7s ease forwards !important;
}

@keyframes aparecerLampara{
    from{
        opacity:0;
        transform:translateY(25px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media(max-width:768px){

    .image-text-section.hidden{
        opacity:0;
        transform:translateY(18px);
    }

    .image-text-section.fade-in{
        animation: aparecerLamparaMovil 0.45s ease forwards !important;
    }

    @keyframes aparecerLamparaMovil{
        from{
            opacity:0;
            transform:translateY(18px);
        }

        to{
            opacity:1;
            transform:translateY(0);
        }
    }
}
/* Nueva sección: ¿Por qué confiar en nosotros? */
.confianza-nueva{
    padding:70px 0;
    background:#ffffff;
}

.titulo-confianza{
    font-family:'Noto Serif', serif;
    color:#00177c;
    font-size:2.3rem;
    font-weight:bold;
    letter-spacing:2px;
    margin-bottom:15px;
}

.linea-confianza{
    width:80px;
    height:4px;
    background:#b8860b;
    margin:0 auto 45px auto;
    border-radius:20px;
}

.confianza-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:25px;
}

.confianza-card{
    background:#00177c;
    color:white;
    border-radius:12px;
    min-height:210px;
    padding:30px 22px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    box-shadow:0 8px 20px rgba(0,0,0,0.15);
    transition:0.3s ease;
}

.confianza-card:hover{
    background:#b8860b;
    transform:translateY(-8px) scale(1.04);
    box-shadow:0 14px 28px rgba(184,134,11,0.35);
    border:2px solid #d4af37;
}

.confianza-card i{
    font-size:32px;
    color:white;
    margin-bottom:18px;
}

.confianza-card h4{
    font-family:'Noto Serif', serif;
    font-size:1.2rem;
    font-weight:bold;
    margin-bottom:12px;
}

.confianza-card p{
    font-family:'Noto Serif', serif;
    font-size:15px;
    line-height:1.5;
    margin:0;
}

/* Animación */
.confianza-hidden{
    opacity:0;
    transform:translateY(25px);
}

.confianza-visible{
    animation:aparecerConfianza 0.7s ease forwards;
}

@keyframes aparecerConfianza{
    from{
        opacity:0;
        transform:translateY(25px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Responsive */
@media(max-width:992px){
    .confianza-grid{
        grid-template-columns:repeat(2, 1fr);
    }
}

@media(max-width:576px){
    .confianza-grid{
        grid-template-columns:1fr;
    }

    .titulo-confianza{
        font-size:1.8rem;
    }

    .confianza-card{
        min-height:180px;
    }
}
.confianza-card{
    border:2px solid transparent;
    overflow:hidden;
}

.confianza-card i,
.confianza-card h4,
.confianza-card p{
    transition:0.3s ease;
}

.confianza-card:hover i{
    transform:scale(1.25) rotate(5deg);
    color:white;
}

.confianza-card:hover h4{
    color:white;
}

.confianza-card:hover p{
    color:white;
}
/* Corrección final: tarjetas de confianza */
.confianza-card{
    background:#00177c !important;
    color:white !important;
    border:2px solid transparent !important;
    transition:all 0.35s ease !important;
    cursor:pointer;
}

/* Al pasar el mouse, la tarjeta NO cambia a dorado */
.confianza-card:hover{
    background:#00177c !important;
    border:2px solid transparent !important;
    transform:translateY(-6px) scale(1.04) !important;
    box-shadow:0 14px 28px rgba(0,0,0,0.22) !important;
}

/* El ícono normal */
.confianza-card i{
    color:white !important;
    transition:all 0.35s ease !important;
}

/* Solo el ícono cambia a dorado */
.confianza-card:hover i{
    color:#d4af37 !important;
    transform:scale(1.25) rotate(5deg) !important;
}

/* El texto se mantiene blanco */
.confianza-card h4,
.confianza-card p{
    color:white !important;
    transition:0.3s ease;
}

/* Animación al aparecer cuando bajas */
.confianza-hidden{
    opacity:0;
    transform:translateY(18px);
}

.confianza-visible{
    animation:subirConfianza 0.55s ease forwards;
}

/* Animación más suave */
@keyframes subirConfianza{
    from{
        opacity:0;
        transform:translateY(18px);
    }

    to{
        opacity:1;
        transform:translateY(0);
    }
}

/* Para que aparezcan una por una */
.confianza-card:nth-child(1){
    animation-delay:0.1s;
}

.confianza-card:nth-child(2){
    animation-delay:0.2s;
}

.confianza-card:nth-child(3){
    animation-delay:0.3s;
}

.confianza-card:nth-child(4){
    animation-delay:0.4s;
}
/* Corrección suave para animación de confianza */
.confianza-card{
    background:#00177c !important;
    color:white !important;
    border:2px solid transparent !important;
    cursor:pointer;
    opacity:1;
    transform:translate3d(0,0,0);
    transition:
        opacity 0.55s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease !important;
    will-change:transform, opacity;
}

/* Estado oculto antes de aparecer */
.confianza-card.confianza-hidden{
    opacity:0 !important;
    transform:translate3d(0,22px,0) !important;
}

/* Estado visible cuando aparece */
.confianza-card.confianza-visible{
    opacity:1 !important;
    transform:translate3d(0,0,0) !important;
    animation:none !important;
}

/* Al pasar el mouse, solo se acerca la tarjeta */
.confianza-card.confianza-visible:hover{
    background:#00177c !important;
    transform:translate3d(0,-6px,0) scale(1.04) !important;
    box-shadow:0 14px 28px rgba(0,0,0,0.22) !important;
}

/* Ícono normal */
.confianza-card i{
    color:white !important;
    transition:color 0.3s ease, transform 0.3s ease !important;
}

/* Solo el ícono cambia a dorado */
.confianza-card:hover i{
    color:#d4af37 !important;
    transform:scale(1.22) rotate(5deg) !important;
}

/* Texto siempre blanco */
.confianza-card h4,
.confianza-card p{
    color:white !important;
}

/* Aparición más ordenada, sin trabarse */
.confianza-card.confianza-visible:nth-child(1){
    transition-delay:0.05s;
}

.confianza-card.confianza-visible:nth-child(2){
    transition-delay:0.10s;
}

.confianza-card.confianza-visible:nth-child(3){
    transition-delay:0.15s;
}

.confianza-card.confianza-visible:nth-child(4){
    transition-delay:0.20s;
}

/* En celular que cargue más rápido */
@media(max-width:768px){
    .confianza-card.confianza-visible{
        transition-delay:0s !important;
    }

    .confianza-card.confianza-hidden{
        transform:translate3d(0,14px,0) !important;
    }
}/* Más animación suave al aparecer las tarjetas de confianza */
.confianza-card.confianza-hidden{
    opacity:0 !important;
    transform:translate3d(0,40px,0) scale(0.96) !important;
    filter:blur(2px);
}

.confianza-card.confianza-visible{
    opacity:1 !important;
    transform:translate3d(0,0,0) scale(1) !important;
    filter:blur(0);
    transition:
        opacity 0.45s ease,
        transform 0.45s ease,
        filter 0.45s ease,
        box-shadow 0.25s ease !important;
}

/* Efecto de acercamiento al pasar el mouse */
.confianza-card.confianza-visible:hover{
    transform:translate3d(0,-7px,0) scale(1.05) !important;
    box-shadow:0 16px 30px rgba(0,0,0,0.24) !important;
}

/* Solo el icono se vuelve dorado */
.confianza-card:hover i{
    color:#d4af37 !important;
    transform:scale(1.25) rotate(5deg) !important;
}

/* Aparición una por una, pero suave */
.confianza-card.confianza-visible:nth-child(1){
    transition-delay:0.03s !important;
}

.confianza-card.confianza-visible:nth-child(2){
    transition-delay:0.08s !important;
}

.confianza-card.confianza-visible:nth-child(3){
    transition-delay:0.13s !important;
}

.confianza-card.confianza-visible:nth-child(4){
    transition-delay:0.18s !important;
}

/* En celular más rápido para que no se trabe */
@media(max-width:768px){
    .confianza-card.confianza-hidden{
        transform:translate3d(0,25px,0) scale(0.98) !important;
        filter:none;
    }

    .confianza-card.confianza-visible{
    transition:
        opacity 0.35s ease,
        transform 0.35s ease !important;
}

    .confianza-card.confianza-visible:nth-child(1),
    .confianza-card.confianza-visible:nth-child(2),
    .confianza-card.confianza-visible:nth-child(3),
    .confianza-card.confianza-visible:nth-child(4){
        transition-delay:0.05s !important;
    }
}
/* Título Modalidades de Trabajo estático */
.titulo-modalidades{
    animation:none !important;
    transform:none !important;
    opacity:1 !important;
}
/* Ajuste final animaciones de confianza */

/* Estado inicial antes de aparecer */
.confianza-card.confianza-hidden{
    opacity:0 !important;
    transform:translateY(35px) scale(0.96) !important;
}

/* Animación cuando aparece al bajar */
.confianza-card.confianza-visible{
    opacity:1 !important;
    animation:entradaConfianza 0.65s ease forwards !important;
    transition:
        transform 0.18s ease,
        box-shadow 0.18s ease !important;
    transition-delay:0s !important;
}

/* Animación bonita de entrada */
@keyframes entradaConfianza{
    from{
        opacity:0;
        transform:translateY(35px) scale(0.96);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

/* Aparición una por una */
.confianza-card.confianza-visible:nth-child(1){
    animation-delay:0.05s !important;
}

.confianza-card.confianza-visible:nth-child(2){
    animation-delay:0.12s !important;
}

.confianza-card.confianza-visible:nth-child(3){
    animation-delay:0.19s !important;
}

.confianza-card.confianza-visible:nth-child(4){
    animation-delay:0.26s !important;
}

/* Hover más rápido */
.confianza-card.confianza-visible:hover{
    transform:translateY(-7px) scale(1.06) !important;
    box-shadow:0 16px 30px rgba(0,0,0,0.25) !important;
    transition:
        transform 0.16s ease,
        box-shadow 0.16s ease !important;
    transition-delay:0s !important;
}

/* Solo el icono cambia a dorado */
.confianza-card:hover i{
    color:#d4af37 !important;
    transform:scale(1.25) rotate(5deg) !important;
    transition:all 0.16s ease !important;
}

/* Mantener la tarjeta azul */
.confianza-card:hover{
    background:#00177c !important;
}

/* En celular la animación sigue, pero más rápida */
@media(max-width:768px){
    .confianza-card.confianza-visible{
        animation:entradaConfianzaMovil 0.45s ease forwards !important;
    }

    @keyframes entradaConfianzaMovil{
        from{
            opacity:0;
            transform:translateY(22px) scale(0.98);
        }

        to{
            opacity:1;
            transform:translateY(0) scale(1);
        }
    }

    .confianza-card.confianza-visible:nth-child(1),
    .confianza-card.confianza-visible:nth-child(2),
    .confianza-card.confianza-visible:nth-child(3),
    .confianza-card.confianza-visible:nth-child(4){
        animation-delay:0.05s !important;
    }
}
/* Ajuste equilibrado para animaciones de confianza */

/* Animación al bajar: más suave, como antes */
.confianza-card.confianza-hidden{
    opacity:0 !important;
    transform:translateY(30px) scale(0.97) !important;
}

.confianza-card.confianza-visible{
    opacity:1 !important;
    animation:entradaConfianzaSuave 0.75s ease forwards !important;
    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease !important;
}

/* Entrada suave */
@keyframes entradaConfianzaSuave{
    from{
        opacity:0;
        transform:translateY(30px) scale(0.97);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

/* Aparición una por una, pero no tan rápida */
.confianza-card.confianza-visible:nth-child(1){
    animation-delay:0.08s !important;
}

.confianza-card.confianza-visible:nth-child(2){
    animation-delay:0.18s !important;
}

.confianza-card.confianza-visible:nth-child(3){
    animation-delay:0.28s !important;
}

.confianza-card.confianza-visible:nth-child(4){
    animation-delay:0.38s !important;
}

/* Hover: más rápido que antes, pero no exagerado */
.confianza-card.confianza-visible:hover{
    transform:translateY(-7px) scale(1.04) !important;
    box-shadow:0 15px 28px rgba(0,0,0,0.24) !important;
    transition:
        transform 0.28s ease,
        box-shadow 0.28s ease !important;
}

/* Solo el icono cambia a dorado */
.confianza-card:hover i{
    color:#d4af37 !important;
    transform:scale(1.22) rotate(5deg) !important;
    transition:all 0.28s ease !important;
}

/* La tarjeta se mantiene azul */
.confianza-card:hover{
    background:#00177c !important;
}

/* En celular un poquito más rápido para que no se trabe */
@media(max-width:768px){
    .confianza-card.confianza-visible{
        animation:entradaConfianzaSuaveMovil 0.55s ease forwards !important;
    }

    @keyframes entradaConfianzaSuaveMovil{
        from{
            opacity:0;
            transform:translateY(22px) scale(0.98);
        }

        to{
            opacity:1;
            transform:translateY(0) scale(1);
        }
    }

    .confianza-card.confianza-visible:nth-child(1){
        animation-delay:0.05s !important;
    }

    .confianza-card.confianza-visible:nth-child(2){
        animation-delay:0.10s !important;
    }

    .confianza-card.confianza-visible:nth-child(3){
        animation-delay:0.15s !important;
    }

    .confianza-card.confianza-visible:nth-child(4){
        animation-delay:0.20s !important;
    }
}
/* Animación final suave para ¿Por qué confiar en nosotros? */

.confianza-card{
    background:#00177c !important;
    color:white !important;
    cursor:pointer;
    will-change:transform, opacity;
}

/* Antes de aparecer */
.confianza-card.confianza-hidden{
    opacity:0 !important;
    transform:translateY(45px) scale(0.95) !important;
}

/* Cuando aparece al bajar */
.confianza-card.confianza-visible{
    opacity:1 !important;
    animation:entradaConfianzaFinal 1.2s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
    transition:
        transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 0.55s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Animación suave y bonita */
@keyframes entradaConfianzaFinal{
    from{
        opacity:0;
        transform:translateY(45px) scale(0.95);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

/* Que aparezcan una por una, pero suave */
.confianza-card.confianza-visible:nth-child(1){
    animation-delay:0.10s !important;
}

.confianza-card.confianza-visible:nth-child(2){
    animation-delay:0.25s !important;
}

.confianza-card.confianza-visible:nth-child(3){
    animation-delay:0.40s !important;
}

.confianza-card.confianza-visible:nth-child(4){
    animation-delay:0.55s !important;
}

/* Efecto suave al pasar el mouse */
.confianza-card.confianza-visible:hover{
    background:#00177c !important;
    transform:translateY(-8px) scale(1.04) !important;
    box-shadow:0 16px 32px rgba(0,0,0,0.25) !important;
}

/* Icono normal */
.confianza-card i{
    color:white !important;
    transition:
        color 0.45s cubic-bezier(0.22, 1, 0.36, 1),
        transform 0.45s cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* Solo el icono cambia a dorado */
.confianza-card:hover i{
    color:#d4af37 !important;
    transform:scale(1.22) rotate(5deg) !important;
}

/* Texto siempre blanco */
.confianza-card h4,
.confianza-card p{
    color:white !important;
}

/* En celular sigue suave, pero un poco más ligera */
@media(max-width:768px){

    .confianza-card.confianza-hidden{
        opacity:0 !important;
        transform:translateY(30px) scale(0.97) !important;
    }

    .confianza-card.confianza-visible{
        animation:entradaConfianzaFinalMovil 0.85s cubic-bezier(0.22, 1, 0.36, 1) forwards !important;
    }

    @keyframes entradaConfianzaFinalMovil{
        from{
            opacity:0;
            transform:translateY(30px) scale(0.97);
        }

        to{
            opacity:1;
            transform:translateY(0) scale(1);
        }
    }

    .confianza-card.confianza-visible:nth-child(1){
        animation-delay:0.08s !important;
    }

    .confianza-card.confianza-visible:nth-child(2){
        animation-delay:0.18s !important;
    }

    .confianza-card.confianza-visible:nth-child(3){
        animation-delay:0.28s !important;
    }

    .confianza-card.confianza-visible:nth-child(4){
        animation-delay:0.38s !important;
    }
}
/* Ajuste extra suave para tarjetas de confianza */

.confianza-card.confianza-hidden{
    opacity:0 !important;
    transform:translateY(55px) scale(0.94) !important;
}

.confianza-card.confianza-visible{
    opacity:1 !important;
    animation:entradaConfianzaMasSuave 1.5s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    transition:
        transform 0.65s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.65s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* Entrada más lenta y elegante */
@keyframes entradaConfianzaMasSuave{
    from{
        opacity:0;
        transform:translateY(55px) scale(0.94);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

/* Aparición una por una más natural */
.confianza-card.confianza-visible:nth-child(1){
    animation-delay:0.12s !important;
}

.confianza-card.confianza-visible:nth-child(2){
    animation-delay:0.32s !important;
}

.confianza-card.confianza-visible:nth-child(3){
    animation-delay:0.52s !important;
}

.confianza-card.confianza-visible:nth-child(4){
    animation-delay:0.72s !important;
}

/* Hover más suave */
.confianza-card.confianza-visible:hover{
    background:#00177c !important;
    transform:translateY(-7px) scale(1.035) !important;
    box-shadow:0 16px 32px rgba(0,0,0,0.24) !important;
}

/* Icono dorado más suave */
.confianza-card i{
    transition:
        color 0.65s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.65s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.confianza-card:hover i{
    color:#d4af37 !important;
    transform:scale(1.18) rotate(4deg) !important;
}

/* Celular: suave, pero sin sentirse pesado */
@media(max-width:768px){

    .confianza-card.confianza-hidden{
        opacity:0 !important;
        transform:translateY(35px) scale(0.97) !important;
    }

    .confianza-card.confianza-visible{
        animation:entradaConfianzaMasSuaveMovil 1s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    }

    @keyframes entradaConfianzaMasSuaveMovil{
        from{
            opacity:0;
            transform:translateY(35px) scale(0.97);
        }

        to{
            opacity:1;
            transform:translateY(0) scale(1);
        }
    }

    .confianza-card.confianza-visible:nth-child(1){
        animation-delay:0.08s !important;
    }

    .confianza-card.confianza-visible:nth-child(2){
        animation-delay:0.18s !important;
    }

    .confianza-card.confianza-visible:nth-child(3){
        animation-delay:0.28s !important;
    }

    .confianza-card.confianza-visible:nth-child(4){
        animation-delay:0.38s !important;
    }
}
/* Ajuste mínimo extra: animación todavía más suave */

.confianza-card.confianza-hidden{
    opacity:0 !important;
    transform:translateY(60px) scale(0.94) !important;
}

.confianza-card.confianza-visible{
    opacity:1 !important;
    animation:entradaConfianzaUltraSuave 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    transition:
        transform 0.78s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.78s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes entradaConfianzaUltraSuave{
    from{
        opacity:0;
        transform:translateY(60px) scale(0.94);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

/* Entrada una por una, más natural */
.confianza-card.confianza-visible:nth-child(1){
    animation-delay:0.15s !important;
}

.confianza-card.confianza-visible:nth-child(2){
    animation-delay:0.38s !important;
}

.confianza-card.confianza-visible:nth-child(3){
    animation-delay:0.61s !important;
}

.confianza-card.confianza-visible:nth-child(4){
    animation-delay:0.84s !important;
}

/* Hover más suave */
.confianza-card.confianza-visible:hover{
    background:#00177c !important;
    transform:translateY(-6px) scale(1.03) !important;
    box-shadow:0 16px 32px rgba(0,0,0,0.24) !important;
}

/* Ícono dorado más suave */
.confianza-card i{
    transition:
        color 0.78s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.78s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.confianza-card:hover i{
    color:#d4af37 !important;
    transform:scale(1.15) rotate(4deg) !important;
}
/* Ajuste mínimo extra: animación todavía más suave */

.confianza-card.confianza-hidden{
    opacity:0 !important;
    transform:translateY(60px) scale(0.94) !important;
}

.confianza-card.confianza-visible{
    opacity:1 !important;
    animation:entradaConfianzaUltraSuave 1.6s cubic-bezier(0.16, 1, 0.3, 1) forwards !important;
    transition:
        transform 0.78s cubic-bezier(0.16, 1, 0.3, 1),
        box-shadow 0.78s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

@keyframes entradaConfianzaUltraSuave{
    from{
        opacity:0;
        transform:translateY(60px) scale(0.94);
    }

    to{
        opacity:1;
        transform:translateY(0) scale(1);
    }
}

/* Entrada una por una, más natural */
.confianza-card.confianza-visible:nth-child(1){
    animation-delay:0.15s !important;
}

.confianza-card.confianza-visible:nth-child(2){
    animation-delay:0.38s !important;
}

.confianza-card.confianza-visible:nth-child(3){
    animation-delay:0.61s !important;
}

.confianza-card.confianza-visible:nth-child(4){
    animation-delay:0.84s !important;
}

/* Hover más suave */
.confianza-card.confianza-visible:hover{
    background:#00177c !important;
    transform:translateY(-6px) scale(1.03) !important;
    box-shadow:0 16px 32px rgba(0,0,0,0.24) !important;
}

/* Ícono dorado más suave */
.confianza-card i{
    transition:
        color 0.78s cubic-bezier(0.16, 1, 0.3, 1),
        transform 0.78s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.confianza-card:hover i{
    color:#d4af37 !important;
    transform:scale(1.15) rotate(4deg) !important;
}
/* Mejora visual Modalidades de Trabajo */
#modalidades-trabajo{
    padding:70px 0 !important;
}

.titulo-modalidades{
    animation:none !important;
    transform:none !important;
    opacity:1 !important;
}

.card-modalidades{
    max-width:1050px;
    margin:0 auto;
    background:#ffffff;
    border-radius:24px;
    box-shadow:0 10px 28px rgba(0,0,0,0.10);
    padding:15px 35px;
    overflow:hidden;
}

.card-body-modalidades{
    padding:10px 0;
}

.card-item{
    padding:24px 0;
}

.card-title-modalidades{
    color:#8a6500 !important;
    font-size:1.8rem !important;
    font-weight:500 !important;
    letter-spacing:2px !important;
    display:flex;
    justify-content:space-between;
    align-items:center;
    cursor:pointer;
    margin-bottom:15px !important;
    border-bottom:2px solid #d6d6d6;
    padding-bottom:14px;
}

.card-title-modalidades i{
    font-size:1.5rem;
    transition:0.3s ease;
}

.card-title-modalidades.expanded i{
    transform:rotate(180deg);
}

.des{
    font-family:'Noto Serif', serif !important;
    color:#333 !important;
    font-size:1.15rem !important;
    line-height:1.8 !important;
    text-align:left !important;
    letter-spacing:0 !important;
    word-spacing:normal !important;
    max-width:100%;
    margin:0 !important;
}

.des a{
    color:#006699 !important;
    font-weight:bold;
    word-break:break-word;
}

.card-modalidades hr{
    margin:0;
    border:none;
    border-top:1px solid #e0e0e0;
}

/* Responsive para celular */
@media(max-width:768px){

    #modalidades-trabajo{
        padding:45px 12px !important;
    }

    .titulo-modalidades{
        font-size:2rem !important;
        letter-spacing:2px !important;
        line-height:1.3 !important;
        margin-bottom:25px !important;
    }

    .card-modalidades{
        border-radius:20px;
        padding:10px 18px;
        box-shadow:0 8px 22px rgba(0,0,0,0.12);
    }

    .card-item{
        padding:20px 0;
    }

    .card-title-modalidades{
        font-size:1.45rem !important;
        letter-spacing:1px !important;
        line-height:1.3 !important;
        padding-bottom:12px;
    }

    .des{
        font-size:1rem !important;
        line-height:1.7 !important;
        text-align:left !important;
        letter-spacing:0 !important;
        word-spacing:normal !important;
    }

    .des br{
        display:none;
    }
}
/* Detalles visuales extra para Modalidades de Trabajo */
.card-modalidades{
    border:1px solid rgba(0,0,0,0.06);
    position:relative;
}

/* Línea decorativa dorada arriba de la tarjeta */
.card-modalidades::before{
    content:"";
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    width:120px;
    height:4px;
    background:#b8860b;
    border-radius:0 0 20px 20px;
}

/* Cada apartado como bloque más definido */
.card-item{
    border-radius:18px;
    transition:0.35s ease;
}

/* Hover solo en PC */
@media(min-width:769px){
    .card-item:hover{
        background:#faf7f0;
        padding-left:18px;
        padding-right:18px;
        box-shadow:0 8px 20px rgba(0,0,0,0.06);
    }
}

/* Títulos más elegantes sin afectar el título principal */
.card-title-modalidades{
    position:relative;
}

/* Icono decorativo antes de cada modalidad */
.card-item:nth-child(1) .card-title-modalidades::before{
    content:"📄";
    font-size:1.3rem;
    margin-right:12px;
}

.card-item:nth-child(3) .card-title-modalidades::before{
    content:"💻";
    font-size:1.3rem;
    margin-right:12px;
}

/* Mejora para enlaces */
.des a{
    transition:0.3s ease;
}

.des a:hover{
    color:#b8860b !important;
    text-decoration:none;
}

/* Mejor vista en celular */
@media(max-width:768px){

    .card-modalidades{
        padding:12px 16px !important;
        border-radius:22px;
    }

    .card-modalidades::before{
        width:90px;
    }

    .card-item{
        background:#ffffff;
        border-radius:16px;
        padding:18px 0 !important;
    }

    .card-title-modalidades{
        font-size:1.35rem !important;
        display:flex;
        align-items:center;
        gap:8px;
    }

    .des{
        font-size:0.98rem !important;
        line-height:1.75 !important;
    }
}
/* Quitar iconos decorativos de Modalidades */
.card-title-modalidades::before,
.card-item:nth-child(1) .card-title-modalidades::before,
.card-item:nth-child(3) .card-title-modalidades::before{
    content:none !important;
    display:none !important;
}
/* Mejor organización del texto en Modalidades */
.modalidad-texto{
    text-align:left !important;
    line-height:1.8 !important;
    font-size:1.1rem !important;
    color:#333 !important;
}

.modalidad-texto p{
    margin-bottom:14px !important;
}

.modalidad-contacto{
    background:#faf7f0;
    border-left:4px solid #b8860b;
    padding:14px 18px;
    border-radius:12px;
    margin-top:16px;
}

.modalidad-contacto p{
    margin-bottom:8px !important;
}

.modalidad-contacto p:last-child{
    margin-bottom:0 !important;
}

.modalidad-texto a{
    color:#006699 !important;
    font-weight:bold;
    text-decoration:none;
    word-break:break-word;
}

.modalidad-texto a:hover{
    color:#b8860b !important;
}

/* Ajuste en celular */
@media(max-width:768px){
    .modalidad-texto{
        font-size:0.98rem !important;
        line-height:1.7 !important;
    }

    .modalidad-contacto{
        padding:12px 14px;
        margin-top:14px;
    }
}
/* Footer moderno */
.footer-moderno{
    background:#2f363b;
    color:white;
    padding:55px 0 20px 0;
    font-family:'Noto Serif', serif;
}

.footer-contenido{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:45px;
    align-items:start;
}

.footer-columna h4{
    font-size:1.25rem;
    font-weight:bold;
    text-transform:uppercase;
    margin-bottom:18px;
    color:#ffffff;
    letter-spacing:1px;
    position:relative;
}

.footer-columna h4::after{
    content:"";
    display:block;
    width:45px;
    height:3px;
    background:#b8860b;
    border-radius:20px;
    margin-top:10px;
}

.footer-texto{
    color:#d9d9d9;
    line-height:1.7;
    font-size:0.98rem;
    margin-bottom:20px;
}

.footer-redes{
    display:flex;
    gap:16px;
    align-items:center;
}

.footer-redes a{
    width:44px;
    height:44px;
    border-radius:50%;
    background:rgba(255,255,255,0.08);
    color:white;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:20px;
    text-decoration:none;
    transition:0.3s ease;
}

.footer-redes a:hover{
    background:#b8860b;
    color:white;
    transform:translateY(-5px) scale(1.08);
    text-decoration:none;
}

.footer-contacto{
    list-style:none;
    padding:0;
    margin:0;
}

.footer-contacto li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:16px;
    color:#e6e6e6;
    line-height:1.5;
}

.footer-contacto i{
    color:#b8860b;
    font-size:18px;
    margin-top:3px;
    min-width:20px;
}

.footer-contacto a{
    color:#e6e6e6;
    text-decoration:none;
    word-break:break-word;
    transition:0.3s ease;
}

.footer-contacto a:hover{
    color:#b8860b;
    text-decoration:none;
}

.footer-garantia{
    text-align:left;
}

.footer-logo-garantia{
    width:135px;
    max-width:100%;
    filter:drop-shadow(0 6px 12px rgba(0,0,0,0.25));
    transition:0.3s ease;
}

.footer-logo-garantia:hover{
    transform:scale(1.06);
}

.footer-linea{
    width:100%;
    height:1px;
    background:rgba(255,255,255,0.12);
    margin:35px 0 18px 0;
}

.footer-copy{
    text-align:center;
}

.footer-copy p{
    margin:0;
    color:#d9d9d9;
    font-size:0.95rem;
}

/* Responsive footer */
@media(max-width:992px){
    .footer-contenido{
        grid-template-columns:1fr 1fr;
        gap:35px;
    }

    .footer-garantia{
        grid-column:1 / -1;
    }
}

@media(max-width:768px){
    .footer-moderno{
        padding:40px 0 85px 0;
        text-align:center;
    }

    .footer-contenido{
        grid-template-columns:1fr;
        gap:35px;
    }

    .footer-columna h4::after{
        margin:10px auto 0 auto;
    }

    .footer-redes{
        justify-content:center;
    }

    .footer-contacto li{
        justify-content:center;
        text-align:center;
        flex-direction:column;
        align-items:center;
        gap:6px;
    }

    .footer-garantia{
        text-align:center;
    }

    .footer-logo-garantia{
        width:115px;
    }

    .footer-copy p{
        font-size:0.9rem;
        line-height:1.5;
        padding:0 10px;
    }
}
/* Ajuste final footer: correo y columnas */
@media(min-width:993px){

    .footer-contenido{
        grid-template-columns: 1fr 1.45fr 1fr !important;
        gap:55px !important;
    }

    .footer-contacto a[href^="mailto"]{
        white-space:nowrap !important;
        font-size:0.95rem !important;
    }

    .footer-contacto li{
        align-items:center !important;
    }
}

/* En pantallas medianas o celular, el correo sí puede partirse bonito */
@media(max-width:992px){
    .footer-contacto a[href^="mailto"]{
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        word-break:break-word !important;
    }
}
.footer-contacto li{
    font-size:1rem;
}

.footer-contacto span,
.footer-contacto a{
    line-height:1.5;
}

/* --- CORRECCIÓN DE ORDEN PARA LÁMPARAS EN CELULAR --- */
    @media (max-width: 768px) {
        .image-text-section .row {
            display: flex;
            flex-direction: column; /* Apila los elementos hacia abajo */
        }
        
        /* Fuerza a la imagen a ir arriba siempre */
        .image-text-section .col-md-4 {
            order: 1 !important; 
            margin-bottom: 15px;
        }
        
        /* Fuerza al cuadro de texto a ir abajo siempre */
        .image-text-section .col-md-8 {
            order: 2 !important;
            width: 100% !important;
            max-width: 100% !important;
            padding: 25px 20px !important; /* Espacio para que el texto no choque con los bordes */
        }
    }