/* assets/css/global.css */
:root {
    --text-main: #2B2A28; /* Carbón */
    --text-muted: #555555;
    --bg-main: #FAF7F2;  /* Crema */
    --accent-color: #9A7B4F; /* Oliva Dorado, puede sobrescribirse */
    --accent-dark: #6C5435;
    --success: #678E6E;
    --danger: #AB5E5E;
    --max-width: 1100px;
}

body {
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    background-color: var(--bg-main);
    color: var(--text-main);
    overflow-x: hidden;
}

img {
    max-width: 100%;
    height: auto;
    border-radius: 4px;
}

ul { padding: 0; list-style: none; margin: 0; }
a { color: var(--accent-color); text-decoration: none; }
a:hover { color: var(--accent-dark); }

.fade-in {
    opacity: 0;
    transform: translateY(30px); /* Suave movimiento hacia arriba */
    transition: opacity 1s cubic-bezier(0.16, 1, 0.3, 1), transform 1s cubic-bezier(0.16, 1, 0.3, 1);
}

.fade-in.visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .fade-in {
        transition: none;
        opacity: 1;
        transform: none;
    }
}