*{
    padding: 0; /* Eliminar internos externos por defecto de navegador*/
    margin: 0; /* Eliminar margenes externos por defecto de navegador*/
}

body{
    background: #eff0f0; /* Color de fondo de todo el sitio */
}

.section {
    scroll-margin-top: 100px; /* Ajusta el valor al tamaño de tu encabezado */
}



.navmini{
    background-color: #2E75B6 !important;  /* Color de fondo del navbar superior */
    color: #eff0f0 !important; /* Color de letra en el nav bar superior */
}


.navinferior{
    top: 40px; /* Agregar margen superior equivalente al 40px */
}

.btnnavbar{
    background: #2E75B6; /* Color de fondo */
    border-color: #2E75B6; /* Color del borde */
    margin-left: 50px;
}

.btnnavbar:hover{
    background: #26598a; /* Color de fondo */
    border-color: #26598a; /* Color del borde */
}

/* Ajuste para dispositivos pequeños */
@media (max-width: 576px) { /* Cambia 576px según tus necesidades */
    .navinferior {
        top: 33px; /* Menor espacio en dispositivos pequeños */
    }

    .btnnavbar{
        margin-left: 0px;
    }
}


.spang{
    font-size: 1rem; /* Tamaño de letra */
}

.spanc{
    font-size: 0.7rem; /* Tamaño de letra */
}


.buttonPrincipal{
    margin-top: 5%; /* Agregar margen superior equivalente al 5% */
    background: #2E75B6; /* Color de fondo */
    border-color: #2E75B6; /* Color del borde */
}

.btnformulario{
    border-radius: 0% !important; /* Quitar esquinas rewdondeadas */
    background: #2E75B6; /* Color de fondo */
    border-color: #2E75B6; /* Color del borde */
}


.buttonPrincipal:hover{
    background: #26598a; /* Color de fondo */
    border-color: #26598a; /* Color del borde */
}

.btnformulario:hover{
    background: #26598a; /* Color de fondo */
    border-color: #26598a; /* Color del borde */
}

.SPrincipal {
    position: relative; /* Necesario para posicionar el video en relación a esta sección */
    overflow: hidden; /* Oculta cualquier contenido que sobresalga */
    height: 100vh; /* Alto total de tu sección principal */
}

.video-background {
    position: absolute; /* Posiciona el video en relación a la sección */
    top: 0;
    left: 0;
    width: 100%; /* Abarca todo el ancho de la sección */
    height: 100%; /* Abarca toda la altura de la sección */
    z-index: -1; /* Envía el video detrás del contenido */
}

.video-fluid {
    width: 100%; /* Asegura que el video se ajuste al ancho de su contenedor */
    height: 100%; /* Asegura que el video se ajuste a la altura de su contenedor */
    object-fit: cover; /* Asegura que el video cubra el fondo sin distorsionarse */
}

#soluciones p{
    text-align: justify;
}

#grupolynk p{
text-align: justify;
}


#details {
    scroll-margin-top: 180px;
    transition: all 0.5s ease;
}


.Secciontres{
    background: white; /* Color blanco de fondo para la seccion tres */
}

.Secciontres p{
    text-align: left; /* Alineación de texto justificado */
}

#informacion-adicional .card {
    border: none;
    border-radius: 0.5rem;
}

#informacion-adicional .card-title {
    display: flex;
    align-items: center;
    cursor: pointer;
}

#informacion-adicional .collapse {
    margin-top: 1rem;
}


.SeccionTestimonios {
    background: radial-gradient(circle, #204c79, #0d335d); /* Color gradiante de fondo para la sección de testimonios*/
}


.SeccionTestimonios div{
    background: #265a8a00; /* Color transparente de fondo de la seccion de testimonios */
    color: white; /* Color blanco para los textos de los testimonios */
}



.card{
    border-radius: 0px; /* Eliminacion del borde redondeado de las imagenes */
    border: 0; /* Eliminacion del borde de las imagenes */
}

.card img{
    border-radius: 0px; /* Eliminacion del borde redondeado de las imagenes */
}

footer .bg-primary {
    background-color: #1e2a44 !important; /* Color de fondo para el footer */
}

footer a {
    text-decoration: none; /* Quitar decoración de los enlaces de footer */
}

footer a:hover {
    text-decoration: underline; /* Decoración de los links al pasar el mouse en el footer */
}

footer hr {
    opacity: 0.2; /* Opacidad de la line separadora del footer */
}

.text-primary {
    color: #2E75B6 !important; /* Color del texto primario */
}

footer{
    text-align: left !important; /* Alinear texto del footer a la izquierda */
}

.footer-logo {
    display: flex; /* Usar Flexbox para centrar contenido */
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
}

footer img {
    width: 200px; /* Ajusta el tamaño de la imagen */
    max-height: 100px; /* Puedes establecer un límite de altura si lo deseas */
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente */
}


.footerc {
    
    width: 100%; /* Asegura que el div abarque toda la pantalla */
    background: white;
    background-color: #ffffff; /* Color de fondo del footer */
    position: relative; /* Mantiene el div en la posición deseada */
    margin: 0; /* Elimina cualquier margen que pueda causar desbordamiento */
    padding: 2px 0; /* Espacio superior e inferior para el texto */
}

.text-muted {
    margin: 0; /* Elimina el margen del párrafo para evitar desbordamiento */
}