:root {
    --white: #FFFFFF;
    --midnight: #101E33;
    --graphite: #1C1C1C;
    --gold: #C5A059;
    --olive: #556B2F;
}

body { font-family: 'Inter', sans-serif; background-color: var(--white); color: var(--graphite); }

.header { padding: 20px; display: flex; align-items: center; justify-content: space-between; }

/* Logo animado */
.logo-animated {
    width: 80px;
    transition: transform 0.5s ease-in-out;
    animation: pulse 3s infinite;
}
@keyframes pulse {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Slogan con fondo doodle difuminado */
.slogan-wrapper {
    position: relative;
    padding: 20px;
}
.slogan-bg {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url('assets/doodle-buildings.png'); /* Debes subir esta imagen */
    filter: blur(2px) grayscale(1);
    opacity: 0.2;
    z-index: -1;
}
.slogan { font-family: 'Cormorant Garamond', serif; font-size: 1.2rem; font-style: italic; }

.gold { color: var(--gold); }
.section { padding: 50px 10%; border-bottom: 1px solid #eee; }

/* Botones +/- */
.counter { display: flex; align-items: center; gap: 10px; }
.counter button { 
    background: var(--midnight); color: white; border: none; 
    width: 30px; height: 30px; border-radius: 50%; cursor: pointer;
}

/* Eyda Avatar */
#eyda-launcher {
    position: fixed; bottom: 20px; right: 20px;
    display: flex; align-items: center; gap: 10px; cursor: pointer;
}
.eyda-avatar {
    width: 60px; height: 60px; border-radius: 50%; border: 2px solid var(--gold);
}