/* =================================================================
   COOKIES · banner de consentimiento
================================================================= */
.cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; background: var(--white); border-top: 4px solid var(--orange); padding: 1.5rem 5%; z-index: 9999; box-shadow: 0 -10px 40px rgba(0,0,0,0.15); transform: translateY(100%); transition: transform 0.5s; }
.cookie-banner.show { transform: translateY(0); }
.cookie-content { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: center; }
.cookie-text h3 { font-family: var(--serif); font-size: 1.4rem; color: var(--teal-dark); margin-bottom: 0.5rem; }
.cookie-text p { font-size: 0.92rem; color: var(--text-soft); line-height: 1.5; }
.cookie-text a, .cookie-text button { color: var(--orange); text-decoration: underline; font-weight: 600; cursor: pointer; background: none; border: none; font-size: inherit; padding: 0; }
.cookie-buttons { display: flex; gap: 0.8rem; flex-shrink: 0; }
.cookie-btn { padding: 0.9rem 1.8rem; font-family: var(--sans); font-size: 0.8rem; font-weight: 600; letter-spacing: 0.1em; text-transform: uppercase; border: none; cursor: pointer; border-radius: 2px; transition: all 0.3s; }
.cookie-btn-accept { background: var(--orange); color: var(--white); }
.cookie-btn-accept:hover { background: #d97e00; }
.cookie-btn-reject { background: transparent; color: var(--teal-dark); border: 2px solid var(--teal-dark); }
.cookie-btn-reject:hover { background: var(--teal-dark); color: var(--white); }

/* Responsive — cookies */
@media (max-width: 1024px) {
    .cookie-content { grid-template-columns: 1fr; gap: 1.5rem; }
}
@media (max-width: 768px) {
    .cookie-buttons { flex-direction: column; width: 100%; }
    .cookie-buttons .cookie-btn { width: 100%; }
}