Autunno, in movimento.

:root{ --woodenson-accent: #b95737; --rule: #CFCFCF; --text: #111; } .ws-links-block{ width: 100%; border-top: 1px solid var(--rule); border-bottom: 1px solid var(--rule); height: 52px; display: flex; align-items: center; justify-content: center; /* Menos separación con el bloque anterior */ margin-top: -10px; padding-top: 0; } .ws-links{ display: flex; align-items: center; justify-content: center; gap: 36px; flex-wrap: wrap; padding: 0 12px; text-align: center; } .ws-links a{ text-decoration: none; white-space: nowrap; } /* Special Prices: NO clicable, solo texto */ .ws-special{ font-family: "Coroman Garmon", "Cormorant Garamond", serif; font-weight: 400; font-size: 16px; letter-spacing: 0.02em; display: inline-block; cursor: default; user-select: none; pointer-events: none; /* elimina clic */ /* Animación: color corporativo -> blanco -> corporativo (gradual y continua) */ color: var(--woodenson-accent); animation: wsColorBreath 2.8s ease-in-out infinite; will-change: color; } @keyframes wsColorBreath{ 0%, 100% { color: var(--woodenson-accent); } 50% { color: #ffffff; } } .ws-item{ font-family: "Nunito", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight: 300; /* Nunito Light */ font-size: 14px; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text); text-decoration: none; white-space: nowrap; } .ws-item:hover{ opacity: .78; } /* Accesibilidad */ @media (prefers-reduced-motion: reduce){ .ws-special{ animation: none; } } @media (max-width: 520px){ .ws-links-block{ height: auto; padding: 10px 0; margin-top: -6px; } .ws-links{ gap: 18px; } }