/* Banner de cookies propio. Reemplaza a uncode-privacy, que posteaba a wp-admin/admin-post.php. */ .banner-cookies { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9999; display: flex; flex-wrap: wrap; gap: 14px; align-items: center; justify-content: center; padding: 16px 20px; background: rgba(20, 20, 20, 0.96); color: #fff; font-size: 0.9em; line-height: 1.5; } .banner-cookies[hidden] { display: none; } .banner-cookies p { margin: 0; max-width: 60ch; } .banner-cookies a { color: #fff; text-decoration: underline; } .banner-cookies .acciones { display: flex; gap: 10px; } .banner-cookies button { padding: 8px 18px; border: 1px solid #fff; border-radius: 2px; background: transparent; color: #fff; cursor: pointer; font: inherit; } .banner-cookies button[data-cookies="aceptar"] { background: #fff; color: #141414; } @media (max-width: 600px) { .banner-cookies { flex-direction: column; align-items: flex-start; } } /* El banner es position:fixed sobre el pie de la pagina. En las paginas de contacto el boton Enviar y el mensaje de resultado quedan al final del formulario, asi que sin esto el banner los tapa. cookies.js suma esta clase al mientras el banner esta visible y la saca al decidir. */ body.banner-cookies-visible { padding-bottom: 110px; } @media (max-width: 600px) { /* En columna el banner crece a ~140px: se compensa con mas margen. */ body.banner-cookies-visible { padding-bottom: 190px; } }