.preferencias-aviso{box-sizing:border-box;position:fixed;z-index:10000;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:grid;grid-template-columns:78px minmax(0,1fr) auto;align-items:center;gap:16px;width:min(850px,calc(100% - 24px));max-height:calc(100dvh - 40px - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px));overflow-y:auto;padding:16px 20px;border:3px solid white;border-radius:20px;background:#fffaf2;color:#2b2340;box-shadow:0 6px 0 #c9dfd2,0 10px 35px #173e2a40;font:16px/1.4 'Baloo 2',system-ui,sans-serif;text-align:left}
.preferencias-aviso[hidden]{display:none}.preferencias-galleta{display:block;width:78px;height:94px;object-fit:contain;filter:drop-shadow(0 2px 1px #173e2a40);transform:rotate(-8deg)}.preferencias-texto{min-width:0}.preferencias-texto h2{margin:0 0 6px;color:#176443;font:800 1.2rem/1.2 'Grandstander',system-ui,sans-serif}.preferencias-texto p{margin:0}.preferencias-texto nav{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:8px}.preferencias-texto a{color:#176443;text-decoration:underline;text-underline-offset:3px}.preferencias-aviso button{min-height:44px;padding:10px 16px;border:2px solid white;border-radius:13px;box-shadow:0 3px 0 #104930;background:#176443;color:white;font:700 1rem 'Baloo 2',system-ui,sans-serif;cursor:pointer}.preferencias-aviso :focus-visible{outline:3px solid #b67b13;outline-offset:3px}
html{scroll-padding-bottom:var(--cookies-alto,0px)}body{padding-bottom:var(--cookies-alto,0px)}body:has(.preferencias-aviso:not([hidden])) .pantalla{padding-bottom:calc(var(--cookies-alto,0px) + 150px)}
body:has(.preferencias-aviso)::after{content:"";position:fixed;inset:0;z-index:9999;background:#173e2a18;backdrop-filter:blur(1px);opacity:0;pointer-events:none;transition:opacity .5s ease}body.preferencias-pendientes::after{opacity:1;pointer-events:auto}
.preferencias-aviso.preferencias-compacto{left:50%;bottom:0;transform:translateX(-50%);width:100%;max-height:none;display:block;padding:0 12px env(safe-area-inset-bottom,0px);border:0;border-top:2px solid white;border-radius:0;box-shadow:0 -2px 10px #173e2a15;background:rgba(255,250,242,.96);font-size:.8rem}
.preferencias-compacto .preferencias-galleta,.preferencias-compacto .preferencias-texto h2,.preferencias-compacto .preferencias-texto p,.preferencias-compacto #preferencias-entendido{display:none}.preferencias-compacto .preferencias-texto nav{justify-content:center;align-items:center;margin:0;gap:4px 24px}.preferencias-compacto .preferencias-texto a{display:inline-flex;align-items:center;min-height:40px;padding:5px 0;white-space:normal;text-align:center}
.buzon-contenedor,.viaje-arriba,.viaje-debug,.idioma-flotante,.dm-boton{margin-bottom:var(--cookies-alto,0px)}
@media(max-width:600px){.preferencias-aviso{grid-template-columns:54px minmax(0,1fr);gap:8px 12px;padding:12px;font-size:.9rem;max-height:calc(100dvh - 40px - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px))}.preferencias-galleta{width:54px;height:70px;align-self:start}.preferencias-texto h2{font-size:1.05rem}.preferencias-aviso button{grid-column:2;justify-self:end}.preferencias-texto nav{gap:6px 12px}}

@media(prefers-reduced-motion:reduce){body:has(.preferencias-aviso)::after{transition:none}}

.preferencias-aviso button.preferencias-resaltado{outline:3px solid #c78b18;outline-offset:3px;animation:preferencias-resaltar .7s ease-in-out 2}
@keyframes preferencias-resaltar{0%,100%{box-shadow:0 3px 0 #104930,0 0 0 0 #f5c04a00}50%{box-shadow:0 3px 0 #104930,0 0 0 8px #f5c04a88;background:#26764e}}
@media(prefers-reduced-motion:reduce){.preferencias-aviso button.preferencias-resaltado{animation:none;box-shadow:0 3px 0 #104930,0 0 0 4px #f5c04a66}}

/* Un salto breve al aparecer y cada tres segundos, solo mientras falta aceptar. */
.preferencias-aviso:not([hidden]):not(.preferencias-compacto) { animation: preferencias-saltito 3s ease-in-out infinite; }
.preferencias-aviso:hover { animation-play-state: paused; }
@keyframes preferencias-saltito {
  0%, 27%, 100% { transform: translateX(-50%) translateY(0); }
  7% { transform: translateX(-50%) translateY(-7px); }
  14% { transform: translateX(-50%) translateY(0); }
  20% { transform: translateX(-50%) translateY(-3px); }
}
@media (prefers-reduced-motion: reduce) { .preferencias-aviso:not([hidden]):not(.preferencias-compacto) { animation: none; } }

/* Reserva real para la barra inferior, también en las páginas con scroll. */
.preferencias-aviso * { box-sizing:border-box; }
.preferencias-aviso { overflow-x:hidden; overscroll-behavior:contain; }
.preferencias-texto { overflow-wrap:anywhere; }
body.pagina-seguimiento { padding-bottom:calc(var(--cookies-alto,0px) + 150px + env(safe-area-inset-bottom,0px)); }
@media(min-width:761px) {
  .pagina-seguimiento .viaje-curiosidad { bottom:calc(12px + var(--buzon-espacio,0px) + var(--cookies-alto,0px) + env(safe-area-inset-bottom,0px)); }
}
@media(max-width:600px) {
  .preferencias-aviso:not(.preferencias-compacto) { align-items:start; }
  .preferencias-aviso:not(.preferencias-compacto) button { grid-column:1/-1; justify-self:stretch; margin-bottom:5px; }
  .preferencias-compacto .preferencias-texto nav { gap:0 12px; }
  .preferencias-compacto .preferencias-texto a { flex:1 1 110px; justify-content:center; min-width:0; line-height:1.2; }
}

.preferencias-acciones{display:flex;flex-direction:column;gap:10px}.preferencias-compacto .preferencias-acciones{display:none}.preferencias-texto nav [data-mostrar-cookies]{background:transparent;color:#176443;box-shadow:none;border:0;text-decoration:underline;font:inherit;padding:5px 0;min-height:40px}.preferencias-aviso:not(.preferencias-compacto) [data-mostrar-cookies]{display:none}@media(max-width:600px){.preferencias-acciones{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.preferencias-aviso:not(.preferencias-compacto) .preferencias-acciones button{grid-column:auto;margin:0}}