#watermarkLogo img {
    opacity: 0.8;
    max-width: 600px;
    height: auto;
    display: block;
}
.card-link {
    text-decoration: none; /* Elimina la línea subrayada */
}
.glass-card {
    border-radius: 10px;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37);
    padding: 20px;
    margin: 50px auto;
    max-width: 480px;
    color: #333;
}

.glass-card2 {
    background: rgba(12, 37, 68, 0.85);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37);
    padding: 20px;
    margin: 50px auto;
    max-width: 99%;
    color: #333;
}

.glass-card5 {
    background: rgba(12, 37, 68, 0.85);
    border-radius: 10px;
    backdrop-filter: blur(10px);
    box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37);
    padding: 20px;
    margin: 50px auto;
    max-width: 99%;
    color: #333;
}

body dark-mode .glass-card {
    background: rgba( 85, 15, 87, 0.85 );
    color: #fff;
}

.glass-container {
    background:rgba(18,36,84,0.75); /* Fondo semitransparente */
    border-radius: 10px; /* Bordes redondeados */
    backdrop-filter: blur(10px); /* Efecto de desenfoque */
    box-shadow: 0 8px 6px rgba(0, 0, 0, 0.1); /* Sombra */
    padding: 2px; /* Espaciado interno */
    /*max-width: 300px;*/ /* Ancho máximo del contenedor */
    margin: 0px auto; /* Margen centrado */
}

.glass-content {
    position: relative; /* Para posicionar la imagen */
}

.glass-content img {
    display: block;
    width: 100%; /* Ajusta la imagen al ancho del contenedor */
    height: 100%; /* Altura automática según la proporción */
    opacity: 0.7; /* Opacidad de la imagen */
    border-radius: 1px; /* Bordes redondeados para la imagen */
}

.card-body {
    text-align: center;
    font-weight: bold;
    font-size: 1em;
}