/* Contenedor fijo en la parte inferior */
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #1E1B4B; /* Un tono oscuro profundo que contrasta con el morado */
    color: #F3F4F6;
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.2);
    z-index: 10000; /* Por encima de absolutamente todo, incluido el banner de la PWA */
    padding: 16px 24px;
    font-family: system-ui, -apple-system, sans-serif;
    box-sizing: border-box;
}

/* Forzar ocultado */
.cookie-banner.d-none {
    display: none !important;
}

.cookie-container {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: space-between;
    align-items: center;
}

/* Maquetación de escritorio */
@media (min-width: 768px) {
    .cookie-container {
        flex-direction: row;
        gap: 24px;
    }
}

.cookie-text {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    font-size: 13.5px;
    line-height: 1.5;
    margin: 0;
}

.cookie-text p {
    margin: 0;
}

.cookie-icon {
    font-size: 22px;
}

.cookie-link {
    color: #A5B4FC;
    text-decoration: underline;
    font-weight: 500;
}

.cookie-link:hover {
    color: #C7D2FE;
}

/* Botones de acción */
.cookie-actions {
    display: flex;
    gap: 12px;
    width: 100%;
    justify-content: flex-end;
}

@media (min-width: 768px) {
    .cookie-actions {
        width: auto;
    }
}

.btn-cookie {
    border: none;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
    flex: 1; /* En móviles se dividen el espacio 50/50 */
}

@media (min-width: 768px) {
    .btn-cookie {
        flex: none;
    }
}

/* Botón Aceptar (Color TopSaver) */
.btn-cookie-primary {
    background-color: #5A54DC;
    color: #FFFFFF;
}

.btn-cookie-primary:hover {
    background-color: #4B45C7;
}

/* Botón Rechazar (Neutro) */
.btn-cookie-secondary {
    background-color: #3730A3;
    color: #E0E7FF;
}

.btn-cookie-secondary:hover {
    background-color: #312E81;
}