#aviso-cookies {
  position: fixed; left: 50%; transform: translateX(-50%); bottom: 1rem; z-index: 40;

  width: min(70rem, calc(100vw - 2rem));
  padding: .4rem 1.4rem .5rem;
  background: color-mix(in srgb, var(--madera-900, #1c120a) 96%, transparent);
  border: 1px solid var(--oro, #9c7524);
  border-radius: 8px;
  box-shadow: 0 -8px 30px rgba(0, 0, 0, .55);
}
.aviso-cookies-cuerpo {
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  color: var(--pergamino, #d8cba8);
  text-align: center;
}
.aviso-cookies-titulo {
  margin: 0 0 .2rem;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: .85rem; font-weight: 700; letter-spacing: .01em;
  color: var(--pergamino-claro, #f3e8c9);
}
.aviso-cookies-texto {
  margin: 0;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-size: .78rem; line-height: 1.4;
  color: var(--pergamino, #c9b98f);
}
.aviso-cookies-texto + .aviso-cookies-texto {
  margin-top: .3rem;
}
.aviso-cookies-texto strong { color: var(--oro-hoja, #d3ab52); }
.aviso-cookies-texto a {
  color: var(--oro-hoja, #d3ab52);
  text-decoration: underline; text-underline-offset: 2px;
}
.aviso-cookies-texto a:hover { color: #ffeec2; }
.aviso-cookies-cerrar {
  position: absolute; top: .45rem; right: .6rem;
  background: none; border: 0; cursor: var(--cursor-espada, pointer); line-height: 1;
  color: var(--pergamino-sombra, #a98f5c); font-size: 1rem;
}
.aviso-cookies-cerrar:hover { color: var(--oro-hoja, #d3ab52); }
.aviso-cookies-botones {
  display: flex; justify-content: center; margin-top: .25rem;
}
.aviso-cookies-aceptar {
  padding: .45rem 1.6rem;
  border: 1px solid #4e0d07;
  border-radius: 6px;
  background: radial-gradient(circle at 38% 30%, #d2452c, #a82815 58%, #6b1108 100%);
  box-shadow: inset 0 1px 4px rgba(255, 190, 160, 0.35), 0 3px 9px rgba(40, 8, 4, 0.6);
  font-family: var(--romana, sans-serif); font-size: .7rem; font-weight: 600;
  letter-spacing: .14em; text-transform: uppercase;
  color: #fff0e8;
  cursor: var(--cursor-espada, pointer); transition: background .25s ease, transform .2s ease;
}
.aviso-cookies-aceptar:hover {
  background: radial-gradient(circle at 38% 30%, #e05c3f, #c1331c 58%, #7e150c 100%);
  transform: translateY(-1px);
}
@media (max-width: 720px) {
  #aviso-cookies { width: calc(100vw - 1.2rem); left: 50%; right: auto; bottom: .6rem; }
}