/* ============================================================
   LIRIO · edición T1 LILA
   Editorial Luxury Minimalism mate.
   Se carga después del sistema compartido; no afecta TINTA AZUL.
   ============================================================ */
:root{
  --marfil:#FFFFFF;
  --papel:#FFFFFF;
  --azul:#64406D;
  --azul-medio:#412848;
  --bruma:#F4F0F6;
  --gris:#6D5D6F;
  --oro:#C9A75F;
  --oro-osc:#8A6A2F;
  --borde:#DDD2DF;
  --sombra:0 14px 38px rgba(100,64,109,.14);
  --sombra-alta:0 24px 60px rgba(100,64,109,.24);
}

body{background:var(--marfil)}
:focus-visible{outline-color:var(--azul-medio)}

/* La estructura se conserva idéntica a TINTA AZUL. */
header{
  background:rgba(255,255,255,.84);
  border-color:rgba(100,64,109,.16);
  box-shadow:0 8px 28px rgba(100,64,109,.045);
}
.anuncio{
  background:var(--azul);
}
.panel,.prod,.resumen,.opcion,.envio-barra,.esqueleto{
  background:rgba(255,255,255,.94);
}

/* Interacción táctil sobria, sin efectos decorativos. */
.btn-primario{
  background:var(--azul);
  box-shadow:none;
}
.btn-primario:hover{
  background:var(--azul-medio);
  box-shadow:var(--sombra);
}
.btn-fantasma:hover{background:var(--azul)}
.prod:hover,.col-card:hover,.editorial .fig:hover{
  box-shadow:0 18px 42px rgba(100,64,109,.16);
}
.prod:active,.col-card:active,.editorial .fig:active{transform:scale(.985)}
.chip[aria-pressed=true],.pastilla{background:var(--azul-medio)}
.campo input:focus,.campo select:focus,.campo textarea:focus{
  box-shadow:0 0 0 3px rgba(100,64,109,.14);
}

/* El velo fotográfico replica la función del azul: legibilidad, no decoración. */
.hero::before{display:none}
.hero-velo{
  background:linear-gradient(180deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.94) 42%,rgba(244,240,246,.64) 72%,rgba(100,64,109,.12) 100%)!important;
}
.hero h1 em,.enc h1 em,.enc h2 em,h1 em,h2 em{color:var(--azul-medio)}
.col-card .capa{
  background:linear-gradient(180deg,rgba(100,64,109,0) 28%,rgba(100,64,109,.93) 100%)!important;
}
.col-card p{color:#DDD2DF!important}
.bloque-azul{
  background:var(--azul);
}
.bloque-azul .lead,.bloque-azul p{color:var(--marfil)}
.bloque-azul .kicker{color:#DCC086}
.tejido{opacity:.085}

footer{background:var(--azul)}
footer h4{color:var(--marfil)}
footer a,footer p,.libro{color:var(--marfil)}
.f-legal{border-color:rgba(255,255,255,.35);color:var(--marfil)}
.libro{border-color:rgba(255,255,255,.42)}
.velo{background:rgba(100,64,109,.58)}
.timeline .hito.activo::before{box-shadow:0 0 0 4px rgba(100,64,109,.14)}

@media(max-width:899px){
  .hero-foto{object-position:100% 20%!important}
}

@media(min-width:900px){
  .hero-velo{
    background:linear-gradient(90deg,rgba(255,255,255,.99) 0%,rgba(255,255,255,.96) 32%,rgba(244,240,246,.68) 55%,rgba(100,64,109,.05) 80%)!important;
  }
}

@media(prefers-reduced-motion:reduce){
  *{animation-duration:.16s!important;animation-iteration-count:1!important}
  .hero::before,.wa-flota,.timeline .hito.activo::before{animation:none!important}
  .rev.visible{animation:aparece .16s ease-out both!important}
}