/* ═══════════════════════════════════════════════════════════════════════════
   Silla Activa: estilos compartidos de las páginas legales
   (terminos.html · privacidad.html · devoluciones.html)
   Misma paleta y fuentes que la landing, en una caja de lectura angosta y con
   letra grande (el público tiene +55).
   ═══════════════════════════════════════════════════════════════════════ */

:root{
  --burdeos:#2F5D50;
  --burdeos-osc:#1F443A;
  --crema:#F3EBDA;
  --crema-cl:#FBF6EC;
  --crema-card:#FFFFFF;
  --dorado:#E0A030;
  --dorado-cl:#F6D58E;
  --verde:#C8553D;
  --texto:#1F2A27;
  --texto-sv:#46524E;
  --linea:rgba(31,42,39,.14);
  --sombra:0 4px 18px rgba(31,68,58,.08);
  --serif:"Merriweather",Georgia,"Times New Roman",serif;
  --sans:"Atkinson Hyperlegible",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}

*{box-sizing:border-box}

body{
  margin:0;
  background:var(--crema-cl);
  color:var(--texto);
  font-family:var(--sans);
  font-size:18px;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

/* ─── barra de arriba: la vuelta a la landing siempre visible ─── */
.barra{
  background:var(--burdeos);
  color:#fff;
  padding:14px 20px;
  position:sticky;top:0;z-index:10;
  box-shadow:0 2px 14px rgba(31,68,58,.18);
}
.barra-in{
  max-width:820px;margin:0 auto;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.barra .marca{
  font-family:var(--serif);
  font-weight:700;font-size:17px;color:#fff;
  text-decoration:none;letter-spacing:.01em;
}
.barra .volver{
  color:#fff;
  font-size:16px;font-weight:700;
  text-decoration:none;
  border:1.5px solid rgba(255,255,255,.5);
  border-radius:999px;
  padding:7px 15px;
  white-space:nowrap;
  transition:background .18s ease,border-color .18s ease;
}
.barra .volver:hover{background:rgba(255,255,255,.14);border-color:#fff}

/* ─── cuerpo ─── */
.hoja{max-width:820px;margin:0 auto;padding:40px 20px 20px}

h1{
  font-family:var(--serif);
  font-size:clamp(28px,5.5vw,40px);
  line-height:1.15;
  color:var(--burdeos);
  margin:0 0 10px;
  font-weight:700;
}
.actualizado{
  font-size:16px;color:var(--texto-sv);
  margin:0 0 30px;
  padding-bottom:22px;
  border-bottom:1px solid var(--linea);
}

h2{
  font-family:var(--serif);
  font-size:clamp(19px,3.2vw,23px);
  color:var(--burdeos);
  margin:38px 0 12px;
  font-weight:700;
  line-height:1.3;
}

p{margin:0 0 14px}
strong,b{color:var(--burdeos-osc);font-weight:700}

ul,ol{margin:0 0 16px;padding-left:22px}
li{margin-bottom:9px}
li::marker{color:var(--dorado)}

a{color:var(--burdeos);font-weight:700}
a:hover{color:var(--dorado)}

/* ─── caja destacada: para lo que la gente busca de apuro ─── */
.destacado{
  background:var(--crema-card);
  border:1px solid var(--linea);
  border-left:4px solid var(--dorado);
  border-radius:12px;
  padding:18px 20px;
  margin:22px 0;
  box-shadow:var(--sombra);
}
.destacado p:last-child{margin-bottom:0}
.destacado h3{
  font-family:var(--serif);
  font-size:17px;color:var(--burdeos);
  margin:0 0 8px;font-weight:700;
}

/* ─── botón de contacto por mail ─── */
.btn-mail{
  display:inline-block;
  background:var(--verde);
  color:#fff !important;
  text-decoration:none;
  font-weight:700;font-size:18px;
  padding:14px 28px;
  border-radius:999px;
  box-shadow:0 4px 14px rgba(158,63,43,.28);
  transition:transform .18s ease,box-shadow .18s ease;
  margin:6px 0 4px;
}
.btn-mail:hover{
  transform:translateY(-2px);
  color:#fff !important;
  box-shadow:0 7px 20px rgba(158,63,43,.36);
}

/* ─── tabla de pasos ─── */
.pasos{counter-reset:paso;list-style:none;padding:0;margin:18px 0}
.pasos li{
  counter-increment:paso;
  position:relative;
  padding-left:44px;
  margin-bottom:16px;
}
.pasos li::before{
  content:counter(paso);
  position:absolute;left:0;top:1px;
  width:30px;height:30px;
  background:var(--burdeos);color:#fff;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  font-weight:700;font-size:14px;
  font-family:var(--sans);
}

/* ─── pie ─── */
.pie{
  background:var(--crema);
  border-top:1px solid var(--linea);
  margin-top:50px;
  padding:34px 20px 40px;
  text-align:center;
}
.pie-in{max-width:820px;margin:0 auto}
.pie .marca{
  font-size:15px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--burdeos);
  margin-bottom:14px;
}
.pie .links a{
  color:var(--texto-sv);
  font-size:16px;font-weight:700;
  text-decoration:none;
  margin:0 9px;
  line-height:2.2;
  white-space:nowrap;
}
.pie .links a:hover{color:var(--burdeos);text-decoration:underline}
.pie .links .sep{color:var(--linea);font-size:13px}

@media (max-width:520px){
  .hoja{padding:30px 18px 16px}
  .barra .marca{font-size:15px}
  .barra .volver{font-size:15px;padding:6px 12px}
  .pie .links a{display:block;margin:0}
  .pie .links .sep{display:none}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none !important}
  .btn-mail:hover{transform:none}
}