.contenido,.site-header{box-shadow:var(--shadow-sm)}:root{--primary-color:#0d6efd;--primary-color-hover:#0b5ed7;--secondary-color:#6c757d;--dark-blue:#1a237e;--purple:#9c27b0;--light-gray:#f8f9fa;--border-color:#eee;--shadow-sm:0 2px 10px rgba(0, 0, 0, 0.1);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.1);--shadow-lg:0 4px 8px rgba(0, 0, 0, 0.2);--transition-standard:0.3s ease;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:30px;--border-radius-xl:50px;--border-radius-circle:50%}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;overflow-x:hidden;margin:0;padding:0}h2,h3,h4,h5,h6{margin-top:0}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 15px}section{padding:80px 0}.section-with-bg{background-color:var(--light-gray)}.section-header{display:flex;justify-content:center;margin-bottom:40px}.section-title{background-color:#e9ecef;padding:10px 30px;border-radius:var(--border-radius-xl);display:inline-block;font-weight:600;color:var(--dark-blue);margin:0}.btn-primary,.btn-primary:hover{color:#fff;text-decoration:none}.contenido{padding:30px;background-color:#fff;border-radius:var(--border-radius-md);margin-bottom:40px}.btn-primary{background-color:var(--primary-color);border:none;padding:8px 20px;border-radius:var(--border-radius-sm);font-weight:500;display:inline-flex;align-items:center;transition:background-color var(--transition-standard)}.btn-primary i{margin-left:5px}.btn-primary:hover{background-color:var(--primary-color-hover)}.contacto-info h4,.filosofia-item h4,.nav-item:hover{color:var(--primary-color)}.site-header{background-color:#fff;position:sticky;top:0;z-index:1000;padding:10px 0;width:100%}.site-header .container{margin:0!important;padding:0 15px;width:100%;max-width:100%}.logo-container{text-align:left;margin-bottom:15px}.logo-container img{height:60px}.navbar-container{display:flex;justify-content:space-between;align-items:center;padding-top:10px;border-top:1px solid var(--border-color);width:100%}.main-menu-wrapper{display:flex;background-color:#fff}.main-menu{display:flex;gap:20px;background-color:var(--light-gray);padding:10px 20px;border-radius:var(--border-radius-lg)}.nav-item{color:#333;text-decoration:none;font-weight:500;padding:5px 0;font-size:14px;transition:color var(--transition-standard)}.nav-item:hover{text-decoration:none}.productos-wrapper{position:relative}.mega-menu,.mega-menu-container{position:absolute;top:100%;left:0}.mega-menu-container{z-index:1001}.mega-menu{z-index:1000;display:none;min-width:220px;margin-top:5px}.mega-menu:hover,.productos-dropdown:hover .mega-menu,.productos-wrapper:hover .mega-menu{display:block}.mobile-menu-button{display:none;background:0 0;border:none;cursor:pointer;padding:10px;align-items:center;justify-content:center}.carousel-container,.hero-section{margin:0!important;padding:0!important}.mobile-menu-button .navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");background-size:contain;background-repeat:no-repeat}.hero-section{overflow:hidden!important}.carousel-container{width:100%!important;overflow:visible!important}.carousel,.carousel-inner,.carousel-item{height:auto!important;min-height:auto!important;max-height:none!important;overflow:visible!important}.carousel-item img{width:100%!important;height:auto!important;max-height:80vh!important;object-fit:contain!important;display:block!important;margin:0 auto!important}.carousel-caption{background-color:rgba(0,0,0,.5);padding:20px;border-radius:var(--border-radius-sm);z-index:10}.carousel-indicators{bottom:20px;z-index:10!important}.carousel-indicators button{width:12px;height:12px;border-radius:var(--border-radius-circle);background-color:#fff;opacity:.6;transition:opacity var(--transition-standard);margin:0 5px}.galeria-item img,.servicio-circle{transition:transform var(--transition-standard)}.carousel-indicators button.active{opacity:1}.carousel-control-next,.carousel-control-prev{z-index:10!important;width:40px!important;height:40px!important;background-color:rgba(0,0,0,.5)!important;border-radius:var(--border-radius-circle)!important;top:50%!important;transform:translateY(-50%)!important}.nosotros-content{display:flex;flex-wrap:wrap;gap:30px}.contacto-info,.historia-column,.info-column{flex:1;min-width:300px}.filosofia-item{margin-bottom:20px}.filosofia-item h4{font-weight:600;margin-bottom:10px}.filosofia-item ul{padding-left:20px}.carrusel-historia{background-color:#3565ad;border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);padding:8px;in-height:300px}.servicio-circle,.servicio-descripcion{background-color:var(--purple);color:#fff}.historia-content{display:flex;flex-direction:column;justify-content:center;align-items:center;height:300px;text-align:center}.historia-column{max-width:100%;margin:0 auto;padding:10px}.carousel-item img{width:100%;height:auto;object-fit:cover;border-radius:4px}.servicios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.servicio-card{display:flex;flex-direction:column;align-items:center}.servicio-circle{border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;font-size:40px}.servicio-card h4{margin:10px 0;font-weight:600}.servicio-descripcion{padding:10px 20px;border-radius:var(--border-radius-sm);width:100%;margin-top:10px}.galeria-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,200px);gap:10px}.galeria-item{background-color:#000;overflow:hidden;position:relative}.galeria-item.large{grid-column:span 2;grid-row:span 2}.galeria-item.tall{grid-row:span 2}.galeria-item img{width:100%;height:100%;object-fit:cover}.galeria-item:hover img{transform:scale(1.05)}.contacto-content{display:flex;flex-wrap:wrap;gap:30px;margin-bottom:40px}.contacto-info h4{margin-bottom:20px;font-weight:600}.social-container{flex:1;min-width:300px;display:flex;flex-direction:column;align-items:center;justify-content:center}.social-icons{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:20px}.social-icon{width:50px;height:50px;border-radius:var(--border-radius-circle);background-color:#333;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all var(--transition-standard);text-decoration:none}.social-icon:hover{background-color:var(--primary-color);transform:translateY(-3px);box-shadow:var(--shadow-lg)}.map-container{width:100%;height:300px;border-radius:var(--border-radius-md);overflow:hidden}.map-container iframe{width:100%;height:100%;border:0}.main-footer{background-color:#10368c;color:#fff;padding:40px 0}.footer-content{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.footer-logo{padding:20px 40px;color:#fff;text-align:center;border-radius:var(--border-radius-sm)}.footer-copyright{text-align:center;margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1)}.footer-copyright p{margin:0;font-size:14px}.libro-reclamaciones{display:flex;align-items:center;margin-top:15px;color:#fff;text-decoration:none;transition:opacity var(--transition-standard)}.libro-reclamaciones:hover{opacity:.8;color:#fff}.libro-svg{width:30px;height:30px;margin-right:10px;filter:brightness(0) invert(1)}.libro-reclamaciones-link{display:inline-block;background-color:rgba(180,180,180,.3);padding:10px;border-radius:var(--border-radius-md);transition:background-color var(--transition-standard)}.servicio-circle,.servicio-circle img{transition:transform var(--transition-standard)}.libro-reclamaciones-img{width:80px;height:80px;filter:brightness(0) invert(1)}.libro-reclamaciones-link:hover{background-color:rgba(200,200,200,.5)}.servicios-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-bottom:40px}.servicios-grid-centrada{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;max-width:600px;margin:0 auto}.servicio-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:20px}.servicio-circle{width:150px;height:150px;background-color:var(--purple);border-radius:var(--border-radius-circle);display:flex;align-items:center;justify-content:center;margin-bottom:15px;overflow:hidden}.servicio-circle img{width:80px;height:80px;object-fit:contain}.servicio-card:hover .servicio-circle{transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,.2)}.servicio-card:hover .servicio-circle img{transform:scale(1.1)}.servicio-card h3{font-weight:600;font-size:18px;margin-top:10px;color:#333}@media (max-width:992px){.navbar-container{flex-wrap:wrap}.mobile-menu-button{display:block;order:2;margin-left:10px}.productos-wrapper{order:1;margin-right:auto}.main-menu-wrapper{width:100%;order:3;background-color:#fff}.main-menu{display:none;width:100%;flex-direction:column;background-color:#f8f9fa;border-radius:0;margin-top:10px;padding:0}.main-menu.active{display:flex;background-color:#fff}.main-menu .nav-item{padding:12px 15px;border-bottom:1px solid #e9ecef;font-size:16px;text-align:center;width:100%}.main-menu .nav-item:last-child{border-bottom:none}.header-content{flex-direction:column;padding:10px 0}.logo-container{margin-bottom:10px}.main-nav{width:100%;justify-content:space-between}.nav-links{position:absolute;top:100%;left:0;right:0;background-color:#fff;flex-direction:column;padding:0;display:none;box-shadow:var(--shadow-sm)}.nav-links.active{display:flex}.products-dropdown{width:100%;margin:0;padding:10px 15px}.dropdown-toggle{display:block;width:100%;text-align:center}.servicios-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.site-header .container{padding:0 10px}.carousel-item img{max-height:none!important}.carousel-control-next,.carousel-control-prev{width:35px!important;height:35px!important}.galeria-grid{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.galeria-item.large{grid-column:span 2;grid-row:span 1}.galeria-item.tall{grid-row:span 1}.servicios-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.section-title{width:100%;text-align:center}.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-info,.footer-logo{margin-bottom:15px}.servicio-circle{width:120px;height:120px}.servicio-circle img{width:60px;height:60px}.servicios-grid-centrada{grid-template-columns:1fr;max-width:300px}.historia-column{padding:5px}.carrusel-historia{padding:4px;border-radius:6px}.nosotros-content{flex-direction:column}.info-column{margin-bottom:20px}.logo-container img{height:40px!important;width:auto!important}.footer-logo img{width:100px!important;height:auto!important}}@media (max-width:576px){section{padding:50px 0}.galeria-grid,.servicios-grid{grid-template-columns:1fr}.galeria-item.large,.galeria-item.tall{grid-column:span 1}.footer-content{flex-direction:column;gap:20px;text-align:center}.servicios-grid{max-width:300px;margin-left:auto;margin-right:auto}.servicio-circle{width:100px;height:100px}.servicio-circle img{width:50px;height:50px}}@media screen and (max-width:480px){.logo-container img{height:35px!important}.footer-logo img{width:80px!important}.historia-column{padding:3px}.carrusel-historia{padding:3px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}}

/* Estilos para la galer铆a con lightbox */
.galeria-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.galeria-item::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 50px;
    height: 50px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15 3h6v6h-2V5h-4V3M3 3h6v2H5v4H3V3m6 18H3v-6h2v4h4v2m10-2v-4h2v6h-6v-2h4z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
}

.galeria-item:hover::before {
    opacity: 1;
}

.galeria-item:hover img {
    filter: brightness(0.7);
}

.servicio-circle {
    cursor: pointer;
    position: relative;
}

.servicio-circle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white"><path d="M15 3h6v6h-2V5h-4V3M3 3h6v2H5v4H3V3m6 18H3v-6h2v4h4v2m10-2v-4h2v6h-6v-2h4z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    pointer-events: none;
}

.servicio-circle:hover::before {
    opacity: 1;
}

/* Estilos para el bot贸n de WhatsApp */
.whatsapp-float {
    position: fixed;
    width: 65px;
    height: 65px;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    color: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    animation: pulse 1.5s infinite;
    text-decoration: none;
    line-height: 1;
    overflow: hidden;
    padding: 0;
}

.whatsapp-float i {
    font-size: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.whatsapp-float:hover {
    transform: translateY(-5px);
    background-color: #1ea952;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    text-decoration: none;
}

@keyframes pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.5);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(37, 211, 102, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(37, 211, 102, 0);
    }
}

@media screen and (max-width: 768px) {
    .whatsapp-float {
        width: 55px;
        height: 55px;
        bottom: 20px;
        right: 20px;
    }
    
    .whatsapp-float i {
        font-size: 30px;
    }
}

@media screen and (max-width: 480px) {
    .whatsapp-float {
        width: 50px;
        height: 50px;
    }
    
    .whatsapp-float i {
        font-size: 28px;
    }
}


/* Estilos para la sección de capacitaciones */
.capacitaciones-section {
    background-color: #f8f9fa;
    padding: 80px 0;
    position: relative;
}

.capacitaciones-section:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #3565ad 0%, #6690d1 100%);
}

.capacitaciones-container {
    margin-top: 40px;
}

.capacitaciones-content {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    align-items: center;
}

.capacitaciones-info {
    flex: 1;
    min-width: 300px;
}

.capacitaciones-subtitle {
    color: #3565ad;
    font-size: 24px;
    margin-bottom: 20px;
    font-weight: 600;
}

.capacitaciones-description {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 30px;
}

.capacitaciones-list-container {
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
    padding: 25px;
    margin-bottom: 30px;
}

.capacitaciones-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.capacitaciones-list li {
    display: flex;
    margin-bottom: 25px;
}

.capacitaciones-list li:last-child {
    margin-bottom: 0;
}

.check-container {
    margin-right: 15px;
    min-width: 30px;
    height: 30px;
    background-color: #3565ad;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 4px;
}

.check-icon {
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.capacitacion-item-content h4 {
    color: #333;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: 600;
}

.capacitacion-item-content p {
    margin: 0;
    color: #666;
    line-height: 1.5;
}

.capacitaciones-objetivo {
    background-color: #e9ecef;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.capacitaciones-objetivo p {
    margin: 0;
    font-weight: 500;
    color: #333;
}

.capacitaciones-lema {
    text-align: center;
    font-size: 22px;
    font-style: italic;
    color: #3565ad;
    font-weight: 600;
    position: relative;
    padding: 15px 0;
}

.capacitaciones-lema:before,
.capacitaciones-lema:after {
    content: "";
    height: 1px;
    width: 60px;
    background-color: #3565ad;
    position: absolute;
    top: 50%;
}

.capacitaciones-lema:before {
    left: 0;
}

.capacitaciones-lema:after {
    right: 0;
}

.capacitaciones-imagen {
    flex: 1;
    min-width: 300px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.capacitaciones-imagen img {
    width: 100%;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.solicitar-container {
    margin-top: 20px;
    text-align: center;
}

.btn-solicitar {
    background-color: #3565ad;
    color: white;
    padding: 12px 25px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease;
    box-shadow: 0 4px 10px rgba(53, 101, 173, 0.3);
}

.btn-solicitar:hover {
    background-color: #254a7d;
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(53, 101, 173, 0.4);
    color: white;
    text-decoration: none;
}

/* Media queries para responsividad */
@media (max-width: 992px) {
    .capacitaciones-lema {
        font-size: 20px;
    }
    
    .capacitaciones-lema:before,
    .capacitaciones-lema:after {
        width: 40px;
    }
}

@media (max-width: 768px) {
    .capacitaciones-section {
        padding: 60px 0;
    }
    
    .capacitaciones-subtitle {
        font-size: 22px;
    }
    
    .capacitaciones-info {
        order: 1;
    }
    
    .capacitaciones-imagen {
        order: 0;
        margin-bottom: 30px;
    }
    
    .capacitaciones-lema {
        font-size: 18px;
    }
    
    .capacitaciones-lema:before,
    .capacitaciones-lema:after {
        width: 30px;
    }
    
    .check-container {
        min-width: 25px;
        height: 25px;
    }
    
    .capacitacion-item-content h4 {
        font-size: 16px;
    }
}

@media (max-width: 576px) {
    .capacitaciones-section {
        padding: 50px 0;
    }
    
    .capacitaciones-list-container {
        padding: 15px;
    }
    
    .capacitaciones-lema:before,
    .capacitaciones-lema:after {
        display: none;
    }
}


/* Ajuste para las imágenes en los círculos de servicios */
.servicio-circle {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #203c81;
    overflow: hidden;
    position: relative;
}

.servicio-circle img {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Esto hace que la imagen cubra todo el círculo */
    object-position: center; /* Centra la imagen */
}

/* Eliminar el efecto de zoom que abre las imágenes automáticamente */
.servicio-circle a {
    cursor: default;
    pointer-events: none; /* Desactiva la interacción con el enlace */
}

/* Si quieres mantener algún tipo de interacción visual sin abrir la imagen */
.servicio-circle:hover {
    transform: scale(1.05);
    transition: transform 0.3s ease;
}

/* Ajuste para logos en dispositivos móviles */
@media screen and (max-width: 768px) {
    /* Logo en el header */
    .logo-container img {
        height: 40px !important; /* Reducir altura del logo del header */
        width: auto !important;
    }
    
    /* Logo en el footer */
    .footer-logo img {
        width: 100px !important; /* Reducir ancho del logo del footer */
        height: auto !important;
    }
    
    /* Para dispositivos muy pequeños */
    @media screen and (max-width: 480px) {
        /* Logo en el header */
        .logo-container img {
            height: 35px !important; /* Aún más pequeño para dispositivos muy pequeños */
        }
        
        /* Logo en el footer */
        .footer-logo img {
            width: 80px !important; /* Aún más pequeño para dispositivos muy pequeños */
        }
    }
}

/* Eliminar el comportamiento de Fancybox para los servicios */
.servicio-card .servicio-circle::before {
    display: none !important;
}
