/* Solo disposición: el cristal y los botones pertenecen a Materia Clara. */
.eb-cookies {
  position: fixed; inset: auto 0 0; z-index: 950; box-sizing: border-box;
  padding: var(--mc-e3) max(var(--mc-e3), env(safe-area-inset-right, 0px)) calc(var(--mc-e3) + env(safe-area-inset-bottom, 0px)) max(var(--mc-e3), env(safe-area-inset-left, 0px));
  max-height: calc(100dvh - var(--mc-e7) - env(safe-area-inset-top, 0px)); overflow-y: auto;
  font-family: var(--mc-fuente); color: var(--mc-tinta);
}
.eb-cookies[hidden], .eb-cookies-preferencias[hidden] { display: none; }
.eb-cookies-dentro {
  max-width: var(--mc-ancho); margin-inline: auto; padding: var(--mc-e3) var(--mc-e4);
  display: flex; flex-direction: column; gap: var(--mc-e3);
}
.eb-cookies-dentro p { margin: 0; font-size: 15px; line-height: 1.5; }
.eb-cookies-acciones { display: flex; flex-wrap: wrap; gap: var(--mc-e2); }
.eb-cookies-acciones .mc-boton { flex: 1; padding-inline: var(--mc-e4); white-space: nowrap; }
.eb-cookies-privacidad { align-self: center; color: var(--mc-texto-2); font-size: 13px; text-decoration: underline; }
.eb-cookies-preferencias { display: inline-block; margin-block: var(--mc-e3); color: var(--mc-texto-3); text-decoration: underline; }
.eb-cookies-espacio { height: var(--eb-cookies-alto, 0px); }
html.eb-cookies-visible { scroll-padding-bottom: calc(var(--eb-cookies-alto) + var(--mc-e7)); }
/* Las acciones de compra quedan arriba de la barra, con su espacio de seguridad. */
.eb-cookies-visible .mc-compra-fija { bottom: var(--eb-cookies-alto); }
.eb-cookies-visible .mc-tienda-aviso { bottom: calc(var(--eb-cookies-alto) + var(--mc-e3) + env(safe-area-inset-bottom, 0px)); }
@media (min-width: 1024px) {
  .eb-cookies-dentro { flex-direction: row; align-items: center; gap: var(--mc-e4); }
  .eb-cookies-dentro p { flex: 1; }
  .eb-cookies-acciones, .eb-cookies-privacidad { flex: none; }
}

/* Ajuste fino (Claude): el tema padre pinta los <button> de verde; aquí mandan los colores de Materia Clara. */
.eb-cookies button.mc-boton {
  min-height: 44px; border: 0; font: 600 15px/1 var(--mc-fuente); letter-spacing: 0; text-transform: none;
  border-radius: var(--mc-r-pildora); cursor: pointer;
}
.eb-cookies button.mc-boton--principal, .eb-cookies button.mc-boton--principal:focus { background: var(--mc-acento); color: #fff; box-shadow: none; }
.eb-cookies button.mc-boton--principal:hover { background: var(--mc-acento-hover); color: #fff; }
.eb-cookies button.mc-boton--contorno, .eb-cookies button.mc-boton--contorno:focus { background: transparent; color: var(--mc-tinta); box-shadow: inset 0 0 0 1px rgba(22, 21, 20, .22); }
.eb-cookies button.mc-boton--contorno:hover { background: transparent; color: var(--mc-tinta); box-shadow: inset 0 0 0 1px rgba(22, 21, 20, .42); }
/* Más compacta en el celular: no debe tapar media pantalla. */
.eb-cookies-dentro { gap: var(--mc-e2); padding: var(--mc-e3); }
.eb-cookies-dentro p { font-size: 14px; color: var(--mc-texto-2); }
.eb-cookies-privacidad { align-self: flex-start; }
@media (min-width: 1024px) {
  .eb-cookies-dentro { padding: var(--mc-e3) var(--mc-e4); }
  .eb-cookies-acciones .mc-boton { flex: none; }
  .eb-cookies-privacidad { align-self: center; }
}