/*═══════════════════════════════════════════════════════════════
    Diseminado Comunicación - Dpto. Desarrollo Web
    https://dscomunicacion.es

    Copyright (c) 2026 David Carlos Soler Domínguez.

    dlys v6.0 by Estudio LTV
    ─────────────────────────────────────────────────────────────
    Estilos banner de cookies
    CSS - Mobile First "cookie-banner.php" 
    ../css/compoenetes/cookies.css    
═══════════════════════════════════════════════════════════════*/

/* ──────────────────────────────────────────────────────────────
    FONDO OSCURO WEB
────────────────────────────────────────────────────────────── */
.cookie-overlay {
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgb(var(--color-secundario) / 0.8); 
    backdrop-filter: blur(4px); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    z-index: 999999;
} 

/* ──────────────────────────────────────────────────────────────
    BANNER COOKIES
────────────────────────────────────────────────────────────── */
.cookie-modal {
    background: rgb(var(--color-blanco)); 
    width: 90%; 
    max-width: 450px; 
    padding: var(--espacio-8); 
    border-radius: var(--radio-xl); 
    box-shadow: 0 20px 50px rgb(var(--color-secundario) / 0.3); 
    text-align: center; 
    animation: fadeInModal 0.4s ease-out; 
    overflow: hidden;
} 

.cookie-cabecera p {
    font-weight: bold; 
    font-size: var(--texto-lg); 
    margin-bottom: var(--espacio-4); 
    color: rgb(var(--color-secundario));
} 

.cookie-cuerpo p {
    font-size: var(--texto-base); 
    color: rgb(var(--color-oscuro)); 
    line-height: 1.5; 
    margin-bottom: var(--espacio-3);
} 

.cookie-subtexto {
    font-size: var(--texto-sm) !important; 
    color: rgb(var(--color-medio)) !important;
} 

.cookie-pie {
    display: flex; 
    flex-direction: column; 
    gap: 10px; 
    margin-top: var(--espacio-6);
} 

.c-btn {
    width: 100%; 
    padding: var(--espacio-4); 
    border-radius: var(--radio-md); 
    border: none; 
    font-weight: 700; 
    cursor: pointer; 
    font-size: var(--texto-md); 
    transition: all 0.3s;
} 

.c-primary {
    background: rgb(var(--color-secundario)); 
    color: rgb(var(--color-blanco));
} 

.c-primary:hover {
    background: rgb(var(--color-oscuro)); 
    transform: scale(1.02);
} 

.c-secondary {
    background: rgb(var(--color-bg)); 
    color: rgb(var(--color-oscuro));
} 

.c-secondary:hover { background: rgb(var(--color-borde)); } 

@media (min-width: 768px) { .cookie-footer { flex-direction: row; } }