/* LIVAM · noche habanera
   Layout: cabecera fina, héroe a sangre con la foto en B/N, contenido en una columna de 1200px.
   La web tiene dos "caras", como un single de vinilo: Cara A (escuchar) y Cara B (trabajar con Livam). */

@font-face{font-family:"Bodoni Moda";src:url("../fonts/bodoni-moda.woff2") format("woff2");font-weight:400 900;font-style:normal;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url("../fonts/bodoni-moda-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Figtree";src:url("../fonts/figtree.woff2") format("woff2");font-weight:300 900;font-style:normal;font-display:swap}

:root{
  --tinta:#14202b;      /* fondo: azul noche */
  --tinta-2:#1b2a37;    /* superficies */
  --tinta-3:#24374a;    /* bordes marcados, hover */
  --papel:#efe8dc;      /* texto */
  --papel-2:#a9b4bc;    /* texto secundario */
  --carmin:#c1323d;     /* acento: botones */
  --carmin-claro:#ec6d73; /* acento sobre fondo oscuro (texto, foco) */
  --linea:rgba(239,232,220,.14);

  --display:"Bodoni Moda","Bodoni 72","Didot",Georgia,serif;
  --texto:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;

  --t-1:.875rem; --t0:1.0625rem; --t1:1.3rem; --t2:1.75rem; --t3:2.5rem; --t4:clamp(2.6rem,6vw,4.25rem);
  --ancho:1200px;
  --gutter:max(16px,env(safe-area-inset-left,0px));
  --gutter-r:max(16px,env(safe-area-inset-right,0px));
  color-scheme:dark;
}
@media (min-width:700px){:root{--gutter:max(32px,env(safe-area-inset-left,0px));--gutter-r:max(32px,env(safe-area-inset-right,0px))}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:5rem}
body{margin:0;background:var(--tinta);color:var(--papel);font:400 var(--t0)/1.6 var(--texto);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0}
h1,h2,h3{font-family:var(--display);font-weight:500;line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.01em}
:focus-visible{outline:2px solid var(--carmin-claro);outline-offset:3px;border-radius:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.saltar{position:absolute;left:var(--gutter);top:-4rem;background:var(--papel);color:var(--tinta);padding:.6rem 1rem;z-index:100;text-decoration:none;font-weight:600}
.saltar:focus{top:1rem}

.envoltura{max-width:var(--ancho);margin-inline:auto;padding-left:var(--gutter);padding-right:var(--gutter-r)}

/* ---------- Cabecera ---------- */
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--tinta)}
.cabecera{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(20,32,43,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.cabecera .envoltura{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4rem}
.marca{font-family:var(--display);font-style:italic;font-size:1.65rem;text-decoration:none;letter-spacing:-.01em;line-height:1}
.menu{display:flex;gap:2rem;list-style:none;margin:0;padding:0}
.menu a{text-decoration:none;font-size:.95rem;font-weight:500;color:var(--papel-2);padding-block:.4rem;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}
.menu a:hover{color:var(--papel)}
.menu a[aria-current="page"]{color:var(--papel);border-bottom-color:var(--carmin-claro)}
.boton-menu{display:none;background:none;border:1px solid var(--linea);color:var(--papel);font:inherit;font-size:.9rem;padding:.45rem .8rem;border-radius:999px;cursor:pointer}
@media (max-width:760px){
  .boton-menu{display:inline-flex}
  .menu{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;gap:0;background:var(--tinta);border-bottom:1px solid var(--linea);padding:.5rem var(--gutter-r) 1rem var(--gutter)}
  .menu.abierto{display:flex}
  .menu a{display:block;padding-block:.8rem;font-size:1.1rem;border-bottom:1px solid var(--linea)}
  .menu a[aria-current="page"]{border-bottom-color:var(--linea);color:var(--carmin-claro)}
}

/* ---------- Botones ---------- */
.botones{display:flex;flex-wrap:wrap;gap:.75rem}
.boton{display:inline-flex;align-items:center;gap:.6rem;font:600 1rem/1 var(--texto);text-decoration:none;padding:.95rem 1.4rem;border-radius:999px;border:1px solid transparent;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}
.boton:active{transform:translateY(1px)}
.boton-principal{background:var(--carmin);color:#fff}
.boton-principal:hover{background:#d23b47}
.boton-secundario{border-color:rgba(239,232,220,.4);color:var(--papel);background:transparent}
.boton-secundario:hover{border-color:var(--papel);background:rgba(239,232,220,.06)}
.boton svg{width:1.05em;height:1.05em;flex:none}

/* ---------- Héroe ---------- */
.heroe{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(560px,86vh,820px);display:flex;align-items:flex-end}
.heroe picture{position:absolute;inset:0;z-index:-2}
.heroe picture img{width:100%;height:100%;object-fit:cover;object-position:28% 30%;animation:acercar 2.4s cubic-bezier(.2,.7,.2,1) both}
.heroe::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,32,43,0) 25%,rgba(20,32,43,.82) 62%,var(--tinta) 92%),linear-gradient(0deg,var(--tinta) 0%,rgba(20,32,43,0) 40%)}
.heroe .envoltura{width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);padding-block:0 clamp(3rem,8vh,6rem)}
.heroe-texto{grid-column:2;display:grid;gap:1.4rem;min-width:0}
.heroe h1{font-style:italic;font-weight:400;font-size:clamp(5rem,15vw,12.5rem);line-height:.82;letter-spacing:-.035em;margin-left:-.06em;animation:telon 1.6s .2s cubic-bezier(.7,0,.2,1) both}
.heroe .lema{font-size:var(--t1);line-height:1.45;max-width:30ch;color:var(--papel)}
.heroe .lema span{display:block;color:var(--papel-2);font-size:var(--t0);margin-top:.5rem}
@keyframes telon{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes acercar{from{transform:scale(1.06);filter:brightness(.7)}to{transform:none;filter:none}}
@media (max-width:760px){
  .heroe{min-height:0;display:block}
  .heroe picture{position:relative;inset:auto;aspect-ratio:4/3.4}
  .heroe::after{background:linear-gradient(0deg,var(--tinta) 38%,rgba(20,32,43,0) 62%)}
  .heroe .envoltura{display:block;margin-top:-34vw;padding-block:0 3rem}
  .heroe h1{font-size:clamp(4.6rem,24vw,7rem)}
}

/* ---------- Secciones ---------- */
.seccion{padding-block:clamp(4rem,9vw,7.5rem)}
.seccion + .seccion{border-top:1px solid var(--linea)}
.cabeza{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1rem 2rem;margin-bottom:clamp(2rem,4vw,3rem)}
.cabeza h2{font-size:var(--t4);font-style:italic;font-weight:400}
.cabeza p{grid-column:1;color:var(--papel-2);max-width:56ch}
.cabeza .enlace-ver{grid-column:2;grid-row:1 / span 2;align-self:end}
@media (max-width:700px){.cabeza{grid-template-columns:1fr}.cabeza .enlace-ver{grid-column:1;grid-row:auto}}
.cara{display:inline-flex;align-items:center;gap:.6rem;font-size:var(--t-1);color:var(--papel-2);margin-bottom:.9rem;letter-spacing:.02em}
.cara b{font-family:var(--display);font-style:italic;font-weight:500;font-size:1.15rem;color:var(--carmin-claro);letter-spacing:0}
.enlace-ver{font-weight:600;text-decoration:none;border-bottom:1px solid var(--carmin-claro);padding-bottom:.2rem;white-space:nowrap}
.enlace-ver:hover{color:var(--carmin-claro)}

/* ---------- Estreno (lo nuevo) ---------- */
.estrenos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,4vw,3.5rem)}
@media (max-width:760px){.estrenos{grid-template-columns:1fr}}
.estreno{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:1.5rem;align-items:center}
@media (max-width:460px){.estreno{grid-template-columns:1fr}}
.estreno .info{display:grid;gap:.9rem;min-width:0}
.estreno h3{font-size:var(--t3);font-style:italic;font-weight:400}
.estreno h3 a{text-decoration:none}
.estreno .info p{color:var(--papel-2);font-size:.95rem}
.etiqueta{justify-self:start;font-size:.8rem;font-weight:600;padding:.25rem .65rem;border-radius:999px;background:rgba(236,109,115,.14);color:var(--carmin-claro)}

/* ---------- Funda (portada con disco) ---------- */
.funda{position:relative;aspect-ratio:1;max-width:100%}
.funda::before{content:"";position:absolute;inset:3%;border-radius:50%;z-index:0;
  background:radial-gradient(circle,var(--carmin) 0 15%,#0d151c 15.5% 17%,#1a1a1a 17.5%,#262626 30%,#151515 31%,#222 45%,#121212 46%,#1d1d1d 68%,#0f0f0f 70%);
  transition:transform .55s cubic-bezier(.2,.7,.2,1);transform:translateX(0) rotate(0)}
.funda img,.funda .sin-portada{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;background:var(--tinta-2);box-shadow:0 18px 40px -18px rgba(0,0,0,.7)}
a:hover > .funda::before,a:focus-visible > .funda::before,.funda.sacada::before{transform:translateX(24%) rotate(50deg)}
.sin-portada{display:grid;place-items:center;padding:12%;text-align:center;font-family:var(--display);font-style:italic;font-size:1.4rem;line-height:1.1;color:var(--papel);background:linear-gradient(145deg,var(--tinta-3),var(--tinta-2))!important}
@media (prefers-reduced-motion:reduce){.funda::before{transition:none}a:hover > .funda::before{transform:none}}

/* ---------- Catálogo ---------- */
.catalogo{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,190px),1fr));gap:2.5rem clamp(1.5rem,3vw,2.5rem);list-style:none;margin:0;padding:0}
@media (max-width:460px){.catalogo{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem 1.1rem}}
.tema{display:grid;gap:.85rem;align-content:start;min-width:0}
.estreno > a{text-decoration:none;display:block;padding-right:12%}
.tema > a{text-decoration:none;display:grid;gap:.85rem;padding-right:12%}
.tema h3{font-size:1.3rem;font-style:italic;font-weight:400;line-height:1.15}
.tema .meta{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;font-size:.85rem;color:var(--papel-2);margin-top:-.4rem}
.tema .escuchar{justify-self:start;display:inline-flex;align-items:center;gap:.5rem;font-weight:600;font-size:.95rem;text-decoration:none;color:var(--papel);border:1px solid rgba(239,232,220,.35);border-radius:999px;padding:.5rem .95rem;transition:background-color .2s,border-color .2s}
.tema .escuchar:hover{background:var(--carmin);border-color:var(--carmin);color:#fff}
.tema .escuchar svg{width:.95em;height:.95em}
.version{font-size:.75rem;padding:.1rem .45rem;border:1px solid var(--linea);border-radius:999px}

.filtros{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;margin-bottom:2.5rem}
.buscar{flex:1 1 260px;min-width:0;position:relative}
.buscar input{width:100%;font:inherit;color:var(--papel);background:var(--tinta-2);border:1px solid var(--linea);border-radius:999px;padding:.8rem 1.1rem .8rem 2.7rem}
.buscar input::placeholder{color:var(--papel-2)}
.buscar svg{position:absolute;left:1rem;top:50%;width:1.1rem;height:1.1rem;transform:translateY(-50%);color:var(--papel-2)}
.anios{display:flex;gap:.4rem}
.anios button{font:inherit;font-size:.95rem;font-weight:500;color:var(--papel-2);background:none;border:1px solid var(--linea);border-radius:999px;padding:.55rem 1rem;cursor:pointer}
.anios button[aria-pressed="true"]{background:var(--papel);color:var(--tinta);border-color:var(--papel)}
.vacio{color:var(--papel-2);padding-block:2rem}

/* ---------- Trayectoria ---------- */
.trayectoria-resumen{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center}
@media (max-width:820px){.trayectoria-resumen{grid-template-columns:1fr}}
.trayectoria-resumen figure{margin:0}
.prosa{display:grid;gap:1.1rem;max-width:62ch}
.prosa p{color:var(--papel)}
.prosa .entrada{font-family:var(--display);font-size:var(--t2);line-height:1.3;font-weight:400}
.prosa h2{font-size:var(--t3);font-style:italic;font-weight:400;margin-top:1.5rem}
.prosa h3{font-size:var(--t1);font-weight:600;font-family:var(--texto);letter-spacing:0;margin-top:1rem}
.prosa ul{margin:0;padding-left:1.2rem;display:grid;gap:.4rem}
.prosa a{color:var(--carmin-claro)}

.linea-tiempo{list-style:none;margin:0;padding:0;display:grid;gap:0;border-left:1px solid var(--linea)}
.linea-tiempo li{display:grid;grid-template-columns:5.5rem minmax(0,1fr);gap:1rem;padding:1rem 0 1rem 1.25rem;position:relative}
.linea-tiempo li::before{content:"";position:absolute;left:-5px;top:1.55rem;width:9px;height:9px;border-radius:50%;background:var(--carmin-claro)}
.linea-tiempo time,.linea-tiempo .anio{font-family:var(--display);font-style:italic;font-size:1.5rem;line-height:1.2;font-variant-numeric:lining-nums}
.linea-tiempo p{color:var(--papel-2)}
.linea-tiempo strong{color:var(--papel);font-weight:600}

.cita{font-family:var(--display);font-style:italic;font-size:clamp(1.8rem,4vw,3rem);line-height:1.15;max-width:22ch}
.cita small{display:block;margin-top:1rem;font-family:var(--texto);font-style:normal;font-size:var(--t0);color:var(--papel-2)}

/* ---------- Servicios (Cara B) ---------- */
.servicios{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--linea)}
@media (max-width:900px){.servicios{grid-template-columns:1fr}}
.servicio{display:grid;grid-template-rows:auto auto 1fr auto;gap:1rem;padding:2rem clamp(0rem,2vw,2rem) 2.25rem 0;min-width:0}
@media (min-width:901px){.servicio + .servicio{border-left:1px solid var(--linea);padding-left:clamp(1.25rem,2.5vw,2.25rem)}}
@media (max-width:900px){.servicio + .servicio{border-top:1px solid var(--linea)}}
.servicio h3{font-size:var(--t2);font-style:italic;font-weight:400}
.servicio .para{font-size:.9rem;color:var(--carmin-claro);font-weight:500}
.servicio p{color:var(--papel-2)}
.servicio ul{margin:0;padding-left:1.1rem;color:var(--papel-2);display:grid;gap:.3rem;font-size:.95rem}
.servicio .boton{justify-self:start}

.banda-cara-b{background:var(--tinta-2)}

/* ---------- Sellos con los que ha trabajado ---------- */
.sellos{display:grid;gap:.9rem;margin-bottom:2.5rem}
.sellos p{font-size:.9rem;color:var(--papel-2)}
.sellos ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.6rem}
.sellos li{font-family:var(--display);font-size:clamp(1.1rem,2vw,1.4rem);color:var(--papel);white-space:nowrap}

/* ---------- Contacto ---------- */
.correo-grande{display:flex;flex-wrap:wrap;align-items:center;gap:1rem 1.5rem}
.correo-grande a{font-family:var(--display);font-style:italic;font-size:clamp(2rem,6vw,4rem);text-decoration:none;line-height:1.1;overflow-wrap:anywhere}
.correo-grande a:hover{color:var(--carmin-claro)}
.copiar{font:inherit;font-size:.9rem;font-weight:600;color:var(--papel);background:none;border:1px solid var(--linea);border-radius:999px;padding:.5rem 1rem;cursor:pointer}
.motivos{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:1px;background:var(--linea);border:1px solid var(--linea);margin-top:3rem}
.motivo{background:var(--tinta);padding:1.6rem;display:grid;gap:.6rem;text-decoration:none;transition:background-color .2s}
.motivo:hover{background:var(--tinta-2)}
.motivo h3{font-size:1.45rem;font-style:italic;font-weight:400}
.motivo p{color:var(--papel-2);font-size:.95rem}
.motivo span{font-weight:600;font-size:.9rem;color:var(--carmin-claro)}

/* ---------- Ficha de canción ---------- */
.migas{font-size:.9rem;color:var(--papel-2);padding-top:2rem}
.migas ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;margin:0;padding:0}
.migas li+li::before{content:"/";margin-right:.4rem;opacity:.5}
.migas a{text-decoration:none}
.migas a:hover{color:var(--papel)}
.ficha{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center;padding-block:2.5rem clamp(4rem,8vw,6rem)}
@media (max-width:780px){.ficha{grid-template-columns:1fr}}
.ficha .funda{max-width:520px;margin-right:14%}
.ficha .info{display:grid;gap:1.5rem;min-width:0}
.ficha h1{font-size:clamp(3rem,7vw,5.5rem);font-style:italic;font-weight:400;letter-spacing:-.025em;line-height:.95}
.ficha .de{font-size:var(--t1);color:var(--papel-2)}
.ficha .de a{color:var(--papel)}
.ficha .nota{font-size:.92rem;color:var(--papel-2);max-width:46ch}
.datos{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.5rem 1.5rem;margin:0;padding-top:1.5rem;border-top:1px solid var(--linea);font-size:.95rem}
.datos dt{color:var(--papel-2)}
.datos dd{margin:0;font-variant-numeric:tabular-nums}
.aviso-version{font-size:.95rem;padding:1rem 1.2rem;border:1px solid var(--linea);border-radius:10px;color:var(--papel-2)}
.aviso-version a{color:var(--papel)}

/* ---------- Vídeo (carga al pulsar) ---------- */
.video{position:relative;aspect-ratio:16/9;max-width:100%;background:#000;overflow:hidden;border-radius:4px}
.video button{all:unset;cursor:pointer;position:absolute;inset:0;display:grid;place-items:center}
.video img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .3s}
.video button:hover img{opacity:.9}
.video .play{position:relative;display:grid;place-items:center;width:5rem;height:5rem;border-radius:50%;background:var(--carmin);color:#fff;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.video .play svg{width:1.8rem;height:1.8rem;margin-left:.2rem}
.video .rotulo{position:absolute;left:1.25rem;bottom:1rem;right:1.25rem;font-size:.85rem;color:var(--papel);text-shadow:0 1px 6px #000}
.video button:focus-visible{outline:2px solid var(--carmin-claro);outline-offset:-4px}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dos-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center}
@media (max-width:820px){.dos-col{grid-template-columns:1fr}}

/* ---------- Páginas interiores ---------- */
.portada-pagina{padding-block:clamp(3.5rem,8vw,6rem) clamp(2rem,4vw,3rem)}
.portada-pagina h1{font-size:clamp(3.4rem,9vw,7rem);font-style:italic;font-weight:400;letter-spacing:-.03em;line-height:.9}
.portada-pagina p{margin-top:1.5rem;font-size:var(--t1);color:var(--papel-2);max-width:48ch;line-height:1.5}
.legal{padding-bottom:6rem}
.legal .prosa p,.legal .prosa li{color:var(--papel-2)}
.legal .prosa strong{color:var(--papel)}
.tabla{overflow-x:auto}
.tabla table{border-collapse:collapse;width:100%;font-size:.92rem;min-width:520px}
.tabla th,.tabla td{text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla th{color:var(--papel);font-weight:600}
.tabla td{color:var(--papel-2)}

/* ---------- Pie ---------- */
.pie{border-top:1px solid var(--linea);padding-block:3.5rem 2.5rem;font-size:.95rem;color:var(--papel-2)}
.pie .envoltura{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));gap:2.5rem}
@media (max-width:760px){.pie .envoltura{grid-template-columns:1fr}}
.pie .marca{font-size:2.4rem;color:var(--papel);display:inline-block;margin-bottom:.8rem}
.pie h2{font-family:var(--texto);font-size:.95rem;font-weight:600;color:var(--papel);margin-bottom:.8rem;letter-spacing:0}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.pie a{text-decoration:none}
.pie a:hover{color:var(--papel)}
.pie .legal-pie{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-top:1.5rem;border-top:1px solid var(--linea);font-size:.85rem}
.pie button.enlace{all:unset;cursor:pointer}
.pie button.enlace:hover{color:var(--papel)}
.pie button.enlace:focus-visible{outline:2px solid var(--carmin-claro)}
.redes{display:flex;gap:.6rem;margin-top:1.2rem}
.redes a{display:grid;place-items:center;width:2.6rem;height:2.6rem;border:1px solid var(--linea);border-radius:50%;color:var(--papel);transition:background-color .2s,border-color .2s}
.redes a:hover{background:var(--carmin);border-color:var(--carmin)}
.redes svg{width:1.1rem;height:1.1rem}

/* ---------- Barra de cookies ---------- */
.cookies{position:fixed;left:0;right:0;bottom:0;z-index:80;padding:0 var(--gutter-r) calc(1rem + env(safe-area-inset-bottom,0px)) var(--gutter);pointer-events:none}
.cookies-caja{pointer-events:auto;max-width:760px;margin-inline:auto;background:var(--papel);color:var(--tinta);border-radius:14px;padding:1.25rem 1.4rem;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem 1.5rem;align-items:center;box-shadow:0 20px 60px -10px rgba(0,0,0,.6);animation:subir .4s ease-out both}
.cookies-caja p{font-size:.92rem;line-height:1.5}
.cookies-caja a{color:var(--tinta);font-weight:600}
.cookies-caja .botones{gap:.5rem;flex-wrap:nowrap}
.cookies-caja .boton{padding:.7rem 1.1rem;font-size:.92rem}
.cookies-caja .boton-secundario{border-color:rgba(20,32,43,.35);color:var(--tinta)}
.cookies-caja .boton-secundario:hover{background:rgba(20,32,43,.06);border-color:var(--tinta)}
@media (max-width:600px){.cookies-caja{grid-template-columns:1fr}.cookies-caja .botones .boton{flex:1;justify-content:center}}
@keyframes subir{from{transform:translateY(20px);opacity:0}to{transform:none;opacity:1}}

.aviso-copiado{position:fixed;left:50%;bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));transform:translateX(-50%);background:var(--papel);color:var(--tinta);padding:.6rem 1.1rem;border-radius:999px;font-weight:600;font-size:.9rem;z-index:90}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}