/* ==============================================================
   Hoja de estilos compartida — páginas legales de Aventy Store
   (Privacidad, Términos, Envíos, Devoluciones — CO y GT)
   Un solo archivo para las 8 páginas + el índice: cualquier ajuste
   visual se hace una vez y se refleja en todas.
============================================================== */
:root{
  --av-purple:#7A3E8E;
  --av-purple-dark:#5f2f70;
  --av-purple-soft:#f3ecf6;
  --av-text:#1f2937;
  --av-text-soft:#4b5563;
  --av-bg:#f7f5f9;
  --av-border:#e6dfeb;
  --av-radius:14px;
}
*{box-sizing:border-box;}
body{
  margin:0;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  color:var(--av-text);
  background:var(--av-bg);
  line-height:1.65;
}
a{color:var(--av-purple);}

/* ---- Encabezado con logo ---- */
.av-header{
  background:#ffffff;
  border-bottom:1px solid var(--av-border);
  padding:22px 20px;
  text-align:center;
}
.av-header img{
  height:44px;
  width:auto;
  display:inline-block;
}

/* ---- Contenedor principal ---- */
.av-main{
  max-width:800px;
  margin:0 auto;
  padding:32px 18px 60px;
}
.av-card{
  background:#ffffff;
  border:1px solid var(--av-border);
  border-radius:var(--av-radius);
  padding:32px 28px;
  box-shadow:0 8px 24px rgba(122,62,142,.06);
}
.av-eyebrow{
  display:inline-block;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:var(--av-purple);
  background:var(--av-purple-soft);
  padding:4px 12px;
  border-radius:999px;
  margin-bottom:14px;
}
.av-card h1{
  margin:0 0 16px;
  font-size:1.65rem;
  color:var(--av-text);
  font-weight:700;
}
.av-intro{
  font-size:.96rem;
  color:var(--av-text-soft);
  text-align:justify;
  margin:0 0 24px;
}

/* ---- Acordeón (details/summary nativo, sin JS) ---- */
.av-acordeon{border-top:1px solid var(--av-border);}
.av-item{border-bottom:1px solid var(--av-border);}
.av-item summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:16px 4px;
  font-weight:600;
  font-size:.92rem;
  letter-spacing:.01em;
  color:var(--av-text);
}
.av-item summary::-webkit-details-marker{display:none;}
.av-item summary::after{
  content:'';
  flex:0 0 auto;
  width:9px;
  height:9px;
  border-right:2px solid var(--av-purple);
  border-bottom:2px solid var(--av-purple);
  transform:rotate(45deg);
  transition:transform .2s ease;
  margin-right:2px;
}
.av-item[open] summary::after{transform:rotate(-135deg);}
.av-item summary:hover{color:var(--av-purple);}
.av-item .av-body{
  padding:0 4px 20px;
  font-size:.92rem;
  color:var(--av-text-soft);
  text-align:justify;
}
.av-item .av-body p{margin:0 0 12px;}
.av-item .av-body p:last-child{margin-bottom:0;}
.av-item .av-body ul,.av-item .av-body ol{margin:0 0 12px;padding-left:20px;}
.av-item .av-body li{margin-bottom:7px;}
.av-item .av-body strong{color:var(--av-text);}

/* ---- Aviso destacado (ej. sanción SIC/DIACO) ---- */
.av-alerta{
  margin-top:24px;
  background:#fef2f2;
  border-left:4px solid #ef4444;
  border-radius:8px;
  padding:14px 16px;
  font-size:.85rem;
  color:#991b1b;
}

/* ---- Pie con navegación entre políticas ---- */
.av-footer-nav{
  max-width:800px;
  margin:28px auto 0;
  padding:0 18px;
}
.av-footer-nav .av-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
  margin-bottom:16px;
}
.av-footer-nav .av-links a{
  font-size:.8rem;
  text-decoration:none;
  color:var(--av-text-soft);
  padding:6px 12px;
  border-radius:8px;
  border:1px solid var(--av-border);
  background:#fff;
}
.av-footer-nav .av-links a.activo{color:var(--av-purple);border-color:var(--av-purple);font-weight:600;}
.av-footer-nav .av-links a:hover{color:var(--av-purple);border-color:var(--av-purple);}
.av-copy{
  text-align:center;
  font-size:.75rem;
  color:#9ca3af;
  padding-bottom:30px;
}

/* ---- Índice (politicas/index.html) ---- */
.av-index-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
  margin-top:8px;
}
.av-index-grid a{
  display:block;
  text-decoration:none;
  border:1px solid var(--av-border);
  border-radius:12px;
  padding:16px 18px;
  color:var(--av-text);
  transition:border-color .15s ease,transform .15s ease;
}
.av-index-grid a:hover{border-color:var(--av-purple);transform:translateY(-1px);}
.av-index-grid strong{display:block;font-size:.95rem;margin-bottom:2px;}
.av-index-grid span{font-size:.8rem;color:var(--av-text-soft);}

@media (min-width:560px){
  .av-card{padding:40px 44px;}
  .av-index-grid{grid-template-columns:1fr 1fr;}
}