/* ============================================================
   GLOBAL
   Permite hacer scroll quitando el fondo gris de Cookiebot
============================================================ */
#CybotCookiebotDialogOverlay {
    display: none !important;
    pointer-events: none !important;
}

/* =========================
   MOBILE / TABLET
========================= */

@media (max-width: 1279px) {

    /* --- OCULTAR ENCABEZADO --- */
    #CybotCookiebotDialogHeader {
        display: none !important;
    }

    #CybotCookiebotDialog {
        /* FIX PARA MANDARLO ABAJO (PEGADO AL BORDE) */
        top: auto !important;
        bottom: 0 !important; /* Pegado al fondo, sin margen */
        left: 0 !important;
        right: 0 !important;
        transform: none !important;

        /* MODIFICACIÓN PARA QUE SEA UNA BARRA COMPLETA */
        width: 100% !important; /* Ocupa de lado a lado */
        max-width: 100% !important;
        padding: 10px !important; /* Tu padding original */
        min-height: unset !important; /* Tu alto original */
        max-height: calc(40% - 16px) !important;
        border-radius: 0 !important; /* Esquinas cuadradas para efecto de barra */
    }

    #CybotCookiebotDialogBody {
        padding: 0 !important;
    }

    #CybotCookiebotDialogBodyContent {
        font-size: 10px !important;
        line-height: 1.6 !important;
        margin: 6px 0 !important;
    }

    /* --- CONTENEDOR DE BOTONES --- */
    #CybotCookiebotDialogBodyButtonsWrapper {
        /* FIX PARA PONERLOS UNO AL LADO DEL OTRO */
        display: flex !important;
        flex-direction: row !important; /* Fuerza la dirección horizontal */
        width: 100% !important;
        
        gap: 6px !important;
        margin-top: 8px !important;
    }

    /* --- BOTONES INDIVIDUALES --- */
    #CybotCookiebotDialogBodyButtonsWrapper button {
        /* FIX PARA REPARTIR EL ESPACIO */
        flex: 1 !important; /* Hace que ocupen el 50% cada uno */
        margin: 0 !important; /* Evita saltos de línea forzados por márgenes */
        
        min-height: 28px !important;
        padding: 4px 8px !important;
        font-size: 8px !important;
        border-radius: 4px !important;
    }

    #CybotCookiebotDialogBodyButtonDecline {
        white-space: nowrap !important;
    }

    #CybotCookiebotDialogNav {
        padding-bottom: 4px !important;
    }

    #CybotCookiebotDialogPoweredbyCybot {
        transform: scale(.65);
        transform-origin: right top;
    }
}

/* =========================
   DESKTOP
========================= */

@media (min-width: 1024px) {

    /* TU CÓDIGO ORIGINAL INTACTO */
    #CybotCookiebotDialog {
        padding: 8px 16px !important;
        min-height: unset !important;
    }

    #CybotCookiebotDialogBodyContent {
        font-size: 11px !important;
        line-height: 1.6 !important;
    }

    #CybotCookiebotDialogBodyButtonsWrapper button {
        min-height: 32px !important;
        padding: 6px 12px !important;
        font-size: 10px !important;
    }
}