.imagen-logo {
    
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.9));
}

.bg-claro {
    position: relative;
    /* Crea el contexto de apilamiento */
    overflow: hidden;
    /* Evita que el fondo se salga del contenedor */
}

.bg-claro::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.1;
    /* La opacidad ahora solo afecta al patrón */
    z-index: -1;
    /* Envía el fondo detrás del texto */

    /* Tu código de fondo original intacto */
    background-color: #E5E5F7;
    background-image: radial-gradient(circle farthest-side at 0% 50%, #E5E5F7 23.5%, transparent 0), radial-gradient(circle farthest-side at 0% 50%, #444CF7 24%, transparent 0), linear-gradient(#E5E5F7 14%, transparent 0, transparent 85%, #E5E5F7 0), linear-gradient(150deg, #E5E5F7 24%, #444CF7 0 26%, transparent 0 74%, #444CF7 0 76%, #E5E5F7 0), linear-gradient(30deg, #E5E5F7 24%, #444CF7 0 26%, transparent 0 74%, #444CF7 0 76%, #E5E5F7 0), linear-gradient(90deg, #444CF7 1.6%, #E5E5F7 0 98.4%, #444CF7 0);
    background-position: 16px 23px, 14px 23px, 0 0, 0 0, 0 0, 0 0;
    background-size: 30px 45px;
}

.bg-oscuro {
    background: #0D3662;
    background: radial-gradient(circle, rgba(13, 54, 98, 1) 64%, rgba(4, 22, 44, 1) 80%);
}