html, body {
    max-width: 100% !important;
    overflow-x: hidden !important;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    background-color:#F2F2F2;
    height: 100%;
}

.carousel-item {
    position: relative;
    /* Elimina la transición de opacidad para evitar el parpadeo */
    transition: transform 1s ease-in-out; /* Mantén la transición solo para el movimiento */
}



.navbar{
  background: white;
  padding-left: 40px;
  padding-right: 40px;
  padding: bottom 20px;
  padding-top: 20px;
  font-size: 16px;
}

.collapsenavbar-collapse{
  gap: 50px;
}
.clase-puntologo{
  width: 100px;
}

.marca-logo{
 
  width: 250px;
  padding: 10px;

}
.nav-link,.marca-logo:hover{
  text-decoration: none;
}
.clase-puntologo{
  width: 130px; 
  margin-left:30px;


}

.clase-logo2{
  width: 120px;


}
.nav-link{
  
  font-size: 16px;
}

.nav-link:active{
  color: black;
}

.nav-link:hover{
  color: #5F25C7;
  text-decoration: underline;
  border-bottom: 2px  solid #5F25C7;
 }

.nav-link,.link-cecid,.marca-logo:hover{
  text-decoration: none !important;

}.link-cecid:hover{
  text-decoration: none !important;

}

a {
    text-decoration: none !important;
}

.carousel-caption{
    justify-content: center;
    text-align: center;
}
h3{
    font-weight: 100;
}

    


footer {
  background-color: #5F25C7;
  padding: 10px; /* Mantiene el padding de arriba y abajo */
  width: 100%; /* Asegura que el footer ocupe el 100% del ancho de la pantalla */
  box-sizing: border-box; /* Incluye padding en el cálculo del ancho total */
  
}

  .footer-container{
    display: flex; 
    justify-content: center; 
    align-items: center; 
    text-align: center;
    flex-direction: row; /* Asegura que las columnas estén en fila */
    margin-left: auto; /* Centra el contenido */
    margin-right: auto; /* Centra el contenido */
    

     }
     .derechos p{
        display: flex; 
        color: rgb(255, 255, 255);
        justify-content:center;
        align-items: center;
        font-size: 8px;
        

     }

    .footer-logo-image{
        display: flex; 
        justify-content: center;
        align-items: center;
        width: 5em;
        padding-top: 10px;
        padding-bottom: 5px;
     }