/* Estilos para modo claro */
:root {
    color-scheme: light;
}

/* solo modo claro */

body {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Arial, "Apple Color Emoji", "Segoe UI Emoji";
    background-color: #fffbea;
    /* fondo amarillo muy claro */
    color: #000000;
    /* texto gris oscuro */
}

.glass {
    backdrop-filter: blur(10px);
    background: rgba(255, 255, 255, 0.85);
    /* fondo blanco translúcido */
    border: 1px solid #fbba33;
    /* borde amarillo */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000000;
    /* títulos en amarillo oscuro */
}

a {
    color: #d97706;
    /* enlaces en amarillo fuerte */
}

a:hover {
    color: #fbba33;
    /* enlaces más oscuros al pasar el mouse */
}

button {
    background-color: #fbba33;
    /* botón amarillo */
    color: #000;
}

button:hover {
    background-color: #fbba33;
    /* tono más oscuro al hover */
}


.text-shadow-balanced {
    text-shadow:
        /* sombra clara para fondos oscuros */
        0 1px 2px rgba(0, 0, 0, 0.5),
        0 2px 8px rgba(0, 0, 0, 0.25),
        /* sombra oscura para fondos claros */
        0 2px 4px rgba(0, 0, 0, 0.5),
        0 4px 12px rgba(0, 0, 0, 0.35);
}



/* Animación de galería desplazamiento horizontal */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.animate-scroll {
    display: flex;
    width: max-content;
    animation: scroll 80s linear infinite;
}