﻿body {
  /*  padding: 0px;
    margin: 0px;
    border-color: #000000;
    border-style: solid;*/
}

.Logo {
    width :200px;
    float: left;
}

.Menu{
    float: left;
    width: 60%;
    background-color:aquamarine;
} 
.Row {
    width: 100%;
    overflow: auto;
}

.Links {
    float: left;
    width: 24%;
    background-color: blueviolet;
}
.img-zoom {
    transition: transform 40s ease; /* Agrega una transición suave para el efecto */
}

.img-zoom:hover {
     transform: scale(1.5); /* Escala la imagen un 10% (ajusta el valor según necesites) */
}

.sub-carucel {
    font-size: 1.3rem;
    text-shadow: 2px 2px 8px rgba(0,0,0,0.7);
}

.titulo-0 {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    font-size: 2.1rem; /* Aumenta tamaño de la letra */
    line-height: 1; /* Espaciado entre líneas */
    color: white; /* Color blanco */
    text-shadow: 2px 2px 8px rgba(0,0,0,0.7); /* Mejor contraste sobre la imagen */
}

.titulo-1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 800;
    color: #2F448C;
}

.titulo-2 {
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #EF7722;
}

.subtitulo {
    font-family: "Montserrat", sans-serif;
    color: #000000;
    font-weight: 500;
}

.parrafo- {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    text-align: left; 
     
}

.parrafo-1 {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    text-align: justify
}


.parrafo-1- {
    font-family: "Montserrat", sans-serif;
    font-weight: 300;
    text-align: justify
}

.parrafo-2 {
    font-family: "Montserrat", sans-serif;
    font-size: medium;
    text-align: justify
}
.parrafo-3 {
    font-family: "Montserrat", sans-serif;
    color: #2F448C;
    font-style:bold;
}

.parrafo-4 {
    font-family: "Montserrat", sans-serif;
    
}


.background-c {
    background-color: #B5BED3;
}

.borde {
    border-color: #2F448C;
    border-style: solid;
}

.logo-slider {
    background-color: rgb(235, 238, 245); /* 0.7 = 70% de opacidad */
    /*background-color: #5697E8;*/ /* azul intenso */
    overflow: hidden; /* Oculta lo que se sale */
    position: relative;
    padding: 20px 0; /* más alto */
}

.logo-track {
    display: flex;
    width: calc(460%); /* Doble ancho para repetir */
    animation: scroll 50s linear infinite;
}

    .logo-track img {
        padding: 0 40px; /* Espacio entre logos */
        flex-shrink: 0; /* No se encojan */
        height: 50px; /* 🔵 ajusta la altura a lo que quieras */
        width: auto; /* Mantiene proporción */
    }

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
    /* Mueve la mitad del ancho */
}

.footer-link {
    text-decoration: none;
    color: #000; /* negro */
}

    .footer-link:hover {
        text-decoration: underline; /* opcional si quieres efecto hover */
    }


/* Estado inicial */
.card {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease-out;
}

    /* Cuando está visible */
   .card.show {
        opacity: 1;
        transform: translateY(0);
    }

#divHeader .navbar {
    background-color: white !important;
}
.first-slide {
    top: 50%;
    left: 10%;
    right: auto;
    transform: translateY(-50%);
    font-weight:400;
    text-align: left !important;
}

.logo-card {
    text-align: center;
    margin: 0 auto;
}
.card-equal {
    width: 100%;
    max-width: 10rem; /* controla el tamaño total */
    height: 7rem; /* todas iguales */
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
}

    .card-equal:hover {
        transform: translateY(-5px);
    }

.logo-card {
    display: block;
    margin: 0 auto;
}

.semiblod {
  font-weight: 500;
}