/* ==========================================================
   VCG · Marco Legal Digital — hoja de las páginas de documento
   ----------------------------------------------------------
   Compartida por los diez documentos: se descarga una vez.
   El acento usa el valor MEDIDO (#6e5e36), no el de identidad,
   porque aquí todo el texto es pequeño.
   ========================================================== */
@font-face{
  font-family:"VCG Sans";
  src:url("../fonts/vcg-sans.woff2") format("woff2");
  font-weight:200 800; font-style:normal; font-display:swap;
}
:root{
  --navy:#07192d; --navy2:#0b2540; --paper:#f5f3ee; --paper2:#eceae3;
  --ink:#101c2a; --cuerpo:#24303c; --gris:#3a4450;
  --acento:#6e5e36; --olive:#b7a66a;
  --sans:"VCG Sans","Avenir Next","Nunito Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0; background:var(--paper); color:var(--cuerpo);
  font-family:var(--sans); font-size:15px; line-height:1.68;
  font-weight:400; letter-spacing:.002em;
}

.vcg-doc-saltar{
  position:absolute; left:-9999px; top:0; z-index:9;
  background:var(--navy); color:#fff; padding:12px 18px; font-size:13px;
}
.vcg-doc-saltar:focus{left:0}

.vcg-doc-cab{
  display:flex; align-items:center; justify-content:space-between;
  flex-wrap:wrap; gap:14px 24px;
  padding:20px clamp(18px,5vw,56px);
  border-bottom:1px solid rgba(7,25,45,.10);
  background:rgba(255,255,255,.42);
}
.vcg-doc-marca{
  display:flex; align-items:center; gap:13px;
  color:var(--navy); text-decoration:none;
}
.vcg-doc-mark{font:600 32px/1 Georgia,"Times New Roman",serif; letter-spacing:.01em}
.vcg-doc-marca small{
  font-size:9px; line-height:1.25; text-transform:uppercase; letter-spacing:.16em;
  color:var(--gris);
}
.vcg-doc-cab nav{display:flex; align-items:center; gap:10px 20px; flex-wrap:wrap}
.vcg-doc-cab nav a{
  color:var(--acento); font-size:12px; letter-spacing:.06em;
  text-transform:uppercase; text-decoration:none;
  border-bottom:1px solid rgba(110,94,54,.34); padding-bottom:2px;
}
.vcg-doc-cab nav a:hover{border-bottom-color:var(--acento)}
.vcg-doc-volver{
  border:1px solid rgba(7,25,45,.26)!important; border-radius:2px;
  padding:10px 15px!important; color:var(--navy)!important;
  background:rgba(255,255,255,.5); min-height:40px; display:inline-flex;
  align-items:center;
}

.vcg-doc-hoja{
  max-width:74ch; margin:0 auto;
  padding:clamp(32px,6vw,72px) clamp(18px,5vw,56px) clamp(40px,7vw,80px);
}
.vcg-doc-cinta{
  margin:0 0 14px; font-size:10px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--acento);
}
.vcg-doc-titulo{
  margin:0; font-weight:300; letter-spacing:-.02em; line-height:1.1;
  font-size:clamp(26px,4.2vw,40px); color:var(--navy);
}
.vcg-doc-sello{
  margin:14px 0 0; padding:0 0 26px;
  border-bottom:1px solid rgba(7,25,45,.12);
  font-size:12.5px; color:var(--gris);
}

#vcg-legal-cuerpo{margin-top:30px}
#vcg-legal-cuerpo h2{
  margin:38px 0 12px; font-size:19px; font-weight:500;
  letter-spacing:-.01em; color:var(--navy); line-height:1.25;
}
#vcg-legal-cuerpo h2:first-child{margin-top:0}
#vcg-legal-cuerpo h3{margin:28px 0 9px; font-size:16px; font-weight:500; color:var(--navy)}
#vcg-legal-cuerpo h4{margin:22px 0 7px; font-size:14px; font-weight:600; color:var(--ink)}
#vcg-legal-cuerpo p{margin:0 0 14px}
#vcg-legal-cuerpo ul,#vcg-legal-cuerpo ol{margin:0 0 16px; padding-left:22px}
#vcg-legal-cuerpo li{margin:0 0 7px}
#vcg-legal-cuerpo strong{font-weight:600; color:var(--ink)}
#vcg-legal-cuerpo hr{border:0; border-top:1px solid rgba(7,25,45,.12); margin:30px 0}
#vcg-legal-cuerpo blockquote{
  margin:0 0 16px; padding:12px 0 12px 16px;
  border-left:2px solid var(--olive); color:var(--gris);
}
#vcg-legal-cuerpo a{color:var(--acento)}
#vcg-legal-cuerpo table{
  width:100%; border-collapse:collapse; margin:0 0 20px; font-size:13px;
  display:block; overflow-x:auto;
}
#vcg-legal-cuerpo th,#vcg-legal-cuerpo td{
  border:1px solid rgba(7,25,45,.14); padding:9px 11px;
  text-align:left; vertical-align:top;
}
#vcg-legal-cuerpo th{background:rgba(7,25,45,.05); font-weight:500; color:var(--navy)}

.vcg-doc-pie{
  border-top:1px solid rgba(7,25,45,.10); background:var(--paper2);
  padding:26px clamp(18px,5vw,56px) 40px;
  font-size:12.5px; color:var(--gris);
}
.vcg-doc-pie p{margin:0 0 8px; max-width:74ch}
.vcg-doc-pie a{color:var(--acento)}

a:focus-visible{outline:2px solid var(--acento); outline-offset:3px}

/* Impresión: el documento solo, sin adornos de navegación. */
@media print{
  .vcg-doc-cab nav,.vcg-doc-saltar{display:none}
  body{background:#fff; font-size:10.5pt}
  .vcg-doc-hoja{max-width:none; padding:0}
  #vcg-legal-cuerpo a{color:inherit; text-decoration:underline}
}