#menuSup{
    color:white;
}

#menuSup:hover{
    color: grey;
}

/* CSS personalizado para mejorar el estilo de los botones */
/* CSS personalizado para mejorar el estilo de los botones */
.btn-custom {
    background-color: #f0f4f8; /* Fondo claro */
    border: 2px solid #d1e3f0; /* Borde suave */
    border-radius: 22px; /* Bordes redondeados */
    transition: transform 0.3s, box-shadow 0.3s, color 0.3s;
    color: #2c5282; /* Color del contenido por defecto */
}

    .btn-custom:hover {
        background-color: #d3d3d3; /* Fondo al pasar el mouse */
        box-shadow: 0 4px 15px rgba(0, 123, 255, 0.2); /* Sombra sutil */
        transform: translateY(-3px); /* Levantamiento sutil */
    }

   

/* CSS para alinear y dar estilo uniforme */
.text-center {
    text-align: center;
}

/* Tamaño y espaciado */
.w-100px {
    width: 100px;
    height: 100px;
}

.textoBox{
    color:white;
}
zoom {
  
    display: inline-block;
    transition: transform 0.3s ease-in-out;
}