/* ═══════════════════════════════════════════════════════════════════════ AVISO DE COOKIES · compactado en móvil Cookiebot no tiene campo de CSS propio en el panel: su método soportado es sobrescribir desde una hoja del sitio. Y tiene que ser DESDE EL FINAL DEL BODY, no desde el . Medido: con estas mismas reglas cargadas en el el aviso se queda en 374×828 (el 98% de un móvil), y cargadas después de que Cookiebot pinte pasa a 390×388 (46%). Cookiebot marca sus reglas con !important y, entre dos !important, gana la hoja que va después en el documento. Su hoja se inyecta en el en tiempo de ejecución, así que la única forma de ir por detrás es enlazar esta al final del . Si alguien la mueve al "para ordenar", el aviso volverá a ocupar la pantalla entera en móvil y nada avisará del cambio. ═══════════════════════════════════════════════════════════════════════ */ @media (max-width: 600px) { /* ── El diálogo: de panel casi a pantalla completa, a barra inferior ── Por defecto viene anclado con 8 px de margen y max-height:calc(100%-16px), que en un móvil de 844 px son 828: prácticamente toda la pantalla. Se ancla abajo y se limita a poco menos de la mitad del alto. */ #CybotCookiebotDialog { top: auto !important; bottom: 0 !important; left: 0 !important; right: 0 !important; transform: none !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; max-height: 46vh !important; margin: 0 !important; border-radius: 12px 12px 0 0 !important; overflow: hidden !important; } /* El contenido en columna: texto que se encoge, botones que no. */ #CybotCookiebotDialog .CybotCookiebotDialogContentWrapper { display: flex; flex-direction: column; max-height: 46vh; min-height: 0; } /* ── El texto cede espacio y hace su propio scroll ── min-height:0 es imprescindible: sin él, un hijo flex no se encoge por debajo de su contenido y el bloque de botones se saldría del recorte. */ #CybotCookiebotDialogTabContent { flex: 1 1 auto; min-height: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; } /* ── Los botones, siempre visibles ── No entran en el scroll: se quedan fijos al pie del aviso. */ #CybotCookiebotDialogFooter { flex: 0 0 auto; padding-top: 8px; } #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll, #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection, #CybotCookiebotDialogBodyButtonDecline, #CybotCookiebotDialogBodyLevelButtonCustomize { min-height: 44px; /* el mínimo cómodo para el pulgar */ } /* ── Compactar sin apretar ── */ #CybotCookiebotDialogBodyContentTitle { margin-bottom: 4px; } #CybotCookiebotDialogBodyContentText { font-size: .82rem; line-height: 1.45; } /* El sello "Cookiebot by Usercentrics" se lleva una franja entera del alto. En una barra compacta eso es espacio que le falta al texto, así que se oculta SOLO en móvil; en escritorio sigue apareciendo. */ #CybotCookiebotDialogPoweredbyLink, #CybotCookiebotDialogPoweredbyImage { display: none !important; } /* Con el sello fuera, el encabezado se queda en una línea fina. */ #CybotCookiebotDialogHeader { padding: 6px 12px; min-height: 0; } #CybotCookiebotDialogHeaderLogosWrapper { min-height: 0; } /* ── Defensa por si algún layout suyo trae velo ── Hoy no existe en este dominio, pero si Cookiebot lo reintrodujera, esto evita que capture los clics del resto de la página. */ #CybotCookiebotDialogBodyUnderlay { pointer-events: none !important; background: transparent !important; } }