/* ============================================================
   VILBER® — CSS PÁGINAS LEGALES
   Usar el MISMO CSS para las 3 páginas:
   Aviso de Privacidad · Términos y Condiciones · Política de Cookies
   ============================================================ */

#vilber-legal *{box-sizing:border-box;margin:0;padding:0;}
#vilber-legal{
  font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;
  font-size:16px;line-height:1.7;color:#1C1917;background:#FAF8F3;
  overflow-x:hidden;width:100%;
}
#vilber-legal a{text-decoration:none;color:inherit;}
#vilber-legal h1,#vilber-legal h2{font-family:Georgia,'Times New Roman',serif;line-height:1.2;}
#vilber-legal{
  --red:#D94032;--red-dk:#b8342a;
  --teal:#76C8CC;--teal-dk:#5AABB0;
  --warm:#D9D5C5;--cream:#FAF8F3;--cream-dk:#F0EDE4;
  --ink:#1C1917;--ink-m:#6B6560;--ink-s:#3D3936;
  --r:12px;--r-pill:999px;
  --sh:0 2px 12px rgba(28,25,23,.10);
}

/* TOPBAR */
#vilber-legal .vl-topbar{
  background:#fff;border-bottom:1px solid var(--warm);
  padding:.72rem 1rem;display:flex;align-items:center;
  justify-content:space-between;box-shadow:var(--sh);
  position:sticky;top:0;z-index:50;
}
#vilber-legal .vl-logo{
  font-family:Georgia,serif;font-size:1.45rem;font-weight:900;color:var(--red);
}
#vilber-legal .vl-logo span{color:var(--teal-dk);}
#vilber-legal .vl-nav{display:none;}
#vilber-legal .vl-topbar__actions{display:flex;gap:.45rem;}
#vilber-legal .vl-icon{
  width:34px;height:34px;border-radius:50%;background:var(--cream);
  border:1px solid var(--warm);display:flex;align-items:center;
  justify-content:center;font-size:.95rem;
}
#vilber-legal .vl-cart{background:var(--red);border:none;}

/* BREADCRUMB */
#vilber-legal .vl-breadcrumb{
  padding:.55rem 1rem;font-size:.75rem;color:var(--ink-m);
  display:flex;align-items:center;gap:.3rem;flex-wrap:wrap;
  border-bottom:1px solid var(--warm);background:#fff;
}
#vilber-legal .vl-breadcrumb a{color:var(--teal-dk);font-weight:700;}
#vilber-legal .vl-breadcrumb span{opacity:.4;font-size:.7rem;}
#vilber-legal .vl-bc-current{color:var(--ink-s);}

/* HERO */
#vilber-legal .vl-hero{
  background:var(--ink);padding:2rem 1rem 1.75rem;
}
#vilber-legal .vl-hero__tag{
  display:inline-block;background:rgba(118,200,204,.18);
  border:1px solid rgba(118,200,204,.28);border-radius:var(--r-pill);
  padding:.22rem .75rem;font-size:9.5px;font-weight:800;color:var(--teal);
  letter-spacing:.1em;text-transform:uppercase;margin-bottom:.65rem;
}
#vilber-legal .vl-hero h1{
  font-size:1.8rem;font-weight:900;color:#fff;margin-bottom:.3rem;
}
#vilber-legal .vl-hero p{font-size:.8rem;color:rgba(255,255,255,.55);}

/* CONTENIDO */
#vilber-legal .vl-content{
  max-width:780px;margin:0 auto;padding:1.5rem 1rem 2rem;
}

/* SECCIÓN */
#vilber-legal .vl-section{
  margin-bottom:2rem;padding-bottom:1.75rem;
  border-bottom:1px solid var(--warm);
}
#vilber-legal .vl-section:last-child{border-bottom:none;}
#vilber-legal .vl-section h2{
  font-family:Georgia,serif;font-size:1.1rem;font-weight:700;
  color:var(--red);margin-bottom:.75rem;
  padding-left:.75rem;border-left:3px solid var(--red);
}
#vilber-legal .vl-section p{
  font-size:.88rem;color:var(--ink-s);line-height:1.75;margin-bottom:.65rem;
}
#vilber-legal .vl-section p:last-child{margin-bottom:0;}

/* LISTA */
#vilber-legal .vl-list{
  list-style:none;padding:0;margin:.5rem 0;
}
#vilber-legal .vl-list li{
  font-size:.85rem;color:var(--ink-s);line-height:1.65;
  padding:.3rem 0 .3rem 1.2rem;position:relative;
  border-bottom:1px solid rgba(217,213,197,.4);
}
#vilber-legal .vl-list li:last-child{border-bottom:none;}
#vilber-legal .vl-list li::before{
  content:'→';position:absolute;left:0;
  color:var(--teal-dk);font-weight:700;font-size:.8rem;
}

/* INFOBOX */
#vilber-legal .vl-infobox{
  background:var(--cream-dk);border:1px solid var(--warm);
  border-radius:var(--r);padding:.75rem 1rem;margin:.75rem 0;
  display:flex;flex-direction:column;gap:.5rem;
}
#vilber-legal .vl-infobox__item{
  display:flex;align-items:center;justify-content:space-between;
  font-size:.82rem;gap:.5rem;flex-wrap:wrap;
}
#vilber-legal .vl-infobox__item span{color:var(--ink-m);}
#vilber-legal .vl-infobox__item strong{color:var(--ink);font-weight:700;}

/* ARCO */
#vilber-legal .vl-arco{
  display:flex;gap:.85rem;align-items:flex-start;
  background:rgba(118,200,204,.1);border:1px solid rgba(118,200,204,.3);
  border-radius:var(--r);padding:1rem;margin:.75rem 0;
}
#vilber-legal .vl-arco__icon{font-size:1.5rem;flex-shrink:0;}
#vilber-legal .vl-arco strong{font-size:.9rem;color:var(--ink);display:block;margin-bottom:.25rem;}
#vilber-legal .vl-arco p{font-size:.82rem;color:var(--ink-m);line-height:1.6;margin:0;}

/* PAGOS */
#vilber-legal .vl-pagos{
  display:grid;grid-template-columns:1fr;gap:.6rem;margin:.75rem 0;
}
#vilber-legal .vl-pago{
  display:flex;gap:.75rem;align-items:flex-start;
  background:#fff;border:1px solid var(--warm);border-radius:var(--r);padding:.75rem;
}
#vilber-legal .vl-pago span{font-size:1.3rem;flex-shrink:0;}
#vilber-legal .vl-pago strong{font-size:.85rem;color:var(--ink);display:block;margin-bottom:.1rem;}
#vilber-legal .vl-pago p{font-size:.78rem;color:var(--ink-m);margin:0;}

/* DEVOLUCIÓN */
#vilber-legal .vl-devolucion{margin-bottom:.75rem;}
#vilber-legal .vl-devolucion__badge{
  display:inline-block;background:var(--red);color:#fff;
  font-size:.8rem;font-weight:800;padding:.3rem .85rem;
  border-radius:var(--r-pill);margin-bottom:.6rem;
}
#vilber-legal .vl-devolucion p{font-size:.88rem;color:var(--ink-s);}

/* TABLA */
#vilber-legal .vl-table{
  width:100%;border-collapse:collapse;margin:.75rem 0;
  font-size:.8rem;border-radius:var(--r);overflow:hidden;
}
#vilber-legal .vl-table thead tr{background:var(--ink);}
#vilber-legal .vl-table thead th{
  padding:.55rem .75rem;color:#fff;font-weight:700;
  text-align:left;font-size:.78rem;
}
#vilber-legal .vl-table tbody tr{border-bottom:1px solid var(--warm);}
#vilber-legal .vl-table tbody tr:nth-child(even){background:var(--cream-dk);}
#vilber-legal .vl-table tbody tr:last-child{border-bottom:none;}
#vilber-legal .vl-table td{
  padding:.5rem .75rem;color:var(--ink-s);
  font-family:'Courier New',monospace;font-size:.76rem;
}
#vilber-legal .vl-table td:last-child{
  font-family:inherit;font-size:.78rem;
}

/* NOTA */
#vilber-legal .vl-nota{
  background:rgba(217,64,50,.08);border-left:3px solid var(--red);
  border-radius:0 var(--r) var(--r) 0;
  padding:.75rem 1rem;font-size:.82rem;color:var(--ink-s);
  margin:.75rem 0;line-height:1.6;
}

/* LINK */
#vilber-legal .vl-link{
  color:var(--teal-dk);font-weight:600;text-decoration:underline;
}
#vilber-legal .vl-link:hover{color:var(--red);}

/* CONTACTO */
#vilber-legal .vl-contact{
  display:flex;flex-direction:column;gap:.5rem;margin-top:.75rem;
}
#vilber-legal .vl-contact__btn{
  display:flex;align-items:center;justify-content:center;gap:.4rem;
  padding:.75rem;border-radius:var(--r-pill);font-size:.88rem;font-weight:700;
  background:var(--ink);color:#fff;text-align:center;
  transition:background .15s;
}
#vilber-legal .vl-contact__btn:hover{background:#333;}
#vilber-legal .vl-contact__btn--wa{background:#25D366;}
#vilber-legal .vl-contact__btn--wa:hover{background:#1da851;}

/* LINKS RELACIONADOS */
#vilber-legal .vl-related{
  display:flex;flex-direction:column;gap:.5rem;
  margin-top:2rem;padding-top:1.5rem;
  border-top:2px solid var(--warm);
}
#vilber-legal .vl-rel-link{
  display:flex;align-items:center;gap:.5rem;
  padding:.65rem .9rem;background:#fff;
  border:1px solid var(--warm);border-radius:var(--r);
  font-size:.85rem;font-weight:600;color:var(--ink);
  transition:border-color .15s,color .15s;
}
#vilber-legal .vl-rel-link:hover{border-color:var(--teal-dk);color:var(--teal-dk);}

/* BOTTOM NAV */
#vilber-legal .vl-bnav{
  display:flex;background:#fff;border-top:1.5px solid var(--warm);
  box-shadow:0 -4px 20px rgba(28,25,23,.10);padding:.25rem 0;
}
#vilber-legal .vl-bnav__item{
  flex:1;display:flex;flex-direction:column;align-items:center;
  padding:.5rem .25rem;font-size:.62rem;font-weight:700;color:var(--ink-m);gap:.15rem;
}
#vilber-legal .vl-bnav__item div{font-size:1.15rem;line-height:1;}

/* ══════════════════════
   TABLET 600px+
══════════════════════ */
@media(min-width:600px){
  #vilber-legal .vl-topbar{padding:.72rem 2rem;}
  #vilber-legal .vl-breadcrumb{padding:.55rem 2rem;}
  #vilber-legal .vl-hero{padding:2.5rem 2rem 2rem;}
  #vilber-legal .vl-hero h1{font-size:2.2rem;}
  #vilber-legal .vl-content{padding:2rem 2rem 3rem;}
  #vilber-legal .vl-pagos{grid-template-columns:1fr 1fr 1fr;}
  #vilber-legal .vl-contact{flex-direction:row;}
  #vilber-legal .vl-contact__btn{flex:1;}
  #vilber-legal .vl-related{flex-direction:row;flex-wrap:wrap;}
  #vilber-legal .vl-rel-link{flex:1;min-width:140px;}
}

/* ══════════════════════
   DESKTOP 900px+
══════════════════════ */
@media(min-width:900px){
  #vilber-legal .vl-topbar{padding:.85rem 3rem;}
  #vilber-legal .vl-nav{
    display:flex;gap:1.5rem;align-items:center;
  }
  #vilber-legal .vl-nav a{
    font-size:.82rem;font-weight:700;color:var(--ink-m);transition:color .15s;
  }
  #vilber-legal .vl-nav a:hover{color:var(--red);}
  #vilber-legal .vl-breadcrumb{padding:.6rem 3rem;}
  #vilber-legal .vl-hero{padding:3rem 3rem 2.5rem;}
  #vilber-legal .vl-hero h1{font-size:2.5rem;}
  #vilber-legal .vl-content{padding:2.5rem 3rem 4rem;max-width:860px;}
  #vilber-legal .vl-section h2{font-size:1.2rem;}
  #vilber-legal .vl-section p{font-size:.9rem;}
  #vilber-legal .vl-bnav{display:none;}
}

/* ══════════════════════
   DESKTOP 1200px+
══════════════════════ */
@media(min-width:1200px){
  #vilber-legal .vl-topbar{padding:.9rem 4rem;}
  #vilber-legal .vl-breadcrumb{padding:.6rem 4rem;}
  #vilber-legal .vl-hero{padding:3.5rem 4rem 3rem;}
}