/* ══════════════════════════════════════════════════════
   PÁGINAS LEGALES · /terminos, /privacidad, /cambios-y-devoluciones
   Misma paleta y tipografías de la tienda (crema + vino tinto + oro; Cormorant Garamond y Jost). Prefijo lg-.
   ══════════════════════════════════════════════════════ */
:root{
  --lg-fondo:#F7F4EE; --lg-fondo2:#F0EBE1; --lg-superficie:#FDFBF7;
  --lg-linea:#E1D9CA; --lg-linea2:#ECE6DA;
  --lg-oro:#C4A24A; --lg-oro-hondo:#7D6428;
  --lg-vino:#5A1A24; --lg-vino-suave:rgba(90,26,36,.09);
  --lg-tinta:#2A2420; --lg-gris:#655B51; --lg-gris2:#726860;
  --lg-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --lg-sans:'Jost',-apple-system,'Segoe UI',system-ui,sans-serif;
  --lg-grad-oro:linear-gradient(115deg,#7D6428 0%,#C4A24A 32%,#DDBE66 52%,#C4A24A 74%,#7D6428 100%);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.lg{margin:0;background:var(--lg-fondo);color:var(--lg-tinta);font:300 17px/1.7 var(--lg-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
.lg a{color:var(--lg-vino);text-underline-offset:2px}
.lg :focus-visible{outline:3px solid var(--lg-oro-hondo);outline-offset:2px;border-radius:4px}
.lg-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.lg-sr:focus{position:static;width:auto;height:auto;margin:8px;padding:8px 12px;clip:auto;background:var(--lg-vino);color:#fff}

.lg-top{position:sticky;top:0;z-index:20;background:rgba(247,244,238,.94);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--lg-linea)}
.lg-top__int{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:860px;margin:0 auto;padding:12px 20px}
.lg-marca{display:inline-flex;flex-direction:column;align-items:center;line-height:1.15;text-decoration:none;font-size:1.5rem}
.lg .lg-marca__dyk{font-family:var(--lg-serif);font-weight:500;background:var(--lg-grad-oro);-webkit-background-clip:text;background-clip:text;color:transparent}
.lg-marca__fila{display:flex;align-items:center;gap:.45em;margin-top:.25em}
.lg-marca__raya{width:1em;height:1px;background:var(--lg-oro)}
.lg-marca__parfums{font:400 .34em var(--lg-sans);letter-spacing:.3em;color:var(--lg-oro-hondo)}
.lg-nav{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.lg .lg-nav a{display:inline-flex;align-items:center;min-height:40px;padding:8px 14px;border-radius:999px;font:400 .86rem var(--lg-sans);text-decoration:none;color:var(--lg-gris)}
.lg .lg-nav a:hover{background:var(--lg-vino-suave);color:var(--lg-vino)}

.lg-main{max-width:860px;margin:0 auto;padding:22px 20px 40px}
.lg-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 18px}
.lg .lg-tabs a{display:inline-flex;align-items:center;min-height:42px;padding:8px 16px;border-radius:999px;border:1px solid var(--lg-linea);background:var(--lg-superficie);color:var(--lg-gris);font:400 .86rem var(--lg-sans);text-decoration:none}
.lg .lg-tabs a:hover{border-color:var(--lg-vino);color:var(--lg-vino)}
.lg .lg-tabs a[aria-current="page"]{background:var(--lg-vino);border-color:var(--lg-vino);color:#fff}

.lg-pagina{background:var(--lg-superficie);border:1px solid var(--lg-linea);border-radius:18px;padding:clamp(22px,4vw,40px);box-shadow:0 1px 2px rgba(42,36,32,.05),0 14px 34px -18px rgba(42,36,32,.2)}
.lg-pagina h1{margin:0 0 18px;font:500 clamp(2rem,5vw,2.9rem)/1.08 var(--lg-serif);color:var(--lg-tinta)}
.lg-texto h2{margin:30px 0 8px;font:500 1.55rem/1.2 var(--lg-serif);color:var(--lg-vino)}
.lg-texto p{margin:0 0 12px;color:var(--lg-tinta);overflow-wrap:anywhere}
.lg-texto ul{margin:0 0 14px;padding-left:1.25em}
.lg-texto li{margin:0 0 6px;overflow-wrap:anywhere}
.lg-comercio{margin:0 0 8px;padding:16px 18px;border:1px solid var(--lg-linea);border-radius:14px;background:var(--lg-fondo2)}
.lg-comercio h2{margin:0 0 8px;font:600 .66rem var(--lg-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--lg-oro-hondo)}
.lg-comercio dl{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px 22px}
.lg-comercio dt{font:500 .72rem var(--lg-sans);letter-spacing:.08em;text-transform:uppercase;color:var(--lg-gris2)}
.lg-comercio dd{margin:0;font-size:.95rem;overflow-wrap:anywhere}
.lg-tabla{margin:6px 0 16px;overflow-x:auto;border:1px solid var(--lg-linea);border-radius:12px}
.lg-tabla table{width:100%;border-collapse:collapse;font-size:.86rem;line-height:1.45}
.lg-tabla th{background:var(--lg-fondo2);text-align:left;font:500 .68rem var(--lg-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--lg-oro-hondo)}
.lg-tabla th,.lg-tabla td{padding:9px 12px;border-bottom:1px solid var(--lg-linea2);vertical-align:top;overflow-wrap:anywhere}
.lg-tabla tr:last-child td{border-bottom:0}
.lg-tabla td:first-child{font-weight:500;white-space:nowrap}
@media (max-width:640px){
  .lg-tabla{overflow:visible;border:0}
  .lg-tabla thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .lg-tabla table,.lg-tabla tbody,.lg-tabla tr,.lg-tabla td{display:block;width:100%}
  .lg-tabla tr{margin:0 0 10px;border:1px solid var(--lg-linea);border-radius:12px;background:var(--lg-fondo2);overflow:hidden}
  .lg-tabla td{border-bottom:1px solid var(--lg-linea2);white-space:normal !important}
  .lg-tabla td::before{content:attr(data-et);display:block;font:500 .64rem var(--lg-sans);letter-spacing:.1em;text-transform:uppercase;color:var(--lg-oro-hondo)}
}
.lg-fecha{margin:30px 0 0;padding-top:14px;border-top:1px solid var(--lg-linea2);font-size:.86rem;color:var(--lg-gris)}

.lg-pie{max-width:860px;margin:0 auto;padding:0 20px 40px;text-align:center;font-size:.8rem;line-height:1.7;color:var(--lg-gris)}
.lg-pie p{margin:0 0 8px;overflow-wrap:anywhere}
.lg-webpay{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border:1px solid var(--lg-linea);border-radius:10px;background:var(--lg-superficie);color:var(--lg-tinta);font-weight:500}
.lg-webpay svg{width:17px;height:17px;color:var(--lg-vino)}

@media (max-width:560px){
  body.lg{font-size:16px}
  .lg-top__int{padding:10px 14px}
  .lg-main{padding:16px 14px 30px}
  .lg-pagina{padding:20px 16px;border-radius:14px}
  .lg-texto h2{font-size:1.35rem}
}
@media print{
  .lg-top,.lg-tabs,.lg-sr{display:none}
  body.lg{background:#fff}
  .lg-pagina{border:0;box-shadow:none;padding:0}
}
