.banner {
       color: var(--font-color-claro);
      
       backdrop-filter: blur(2px); /* Distorsión con desenfoque */
       -webkit-backdrop-filter: blur(8px); /* Soporte para navegadores WebKit */
       padding: 20px; /* Espaciado interno para mejor legibilidad */
       border-radius: 8px; /* Opcional: Bordes redondeados */
   }