/* Ucoip Canarias — estilos de páginas legales */

@font-face{font-family:'Archivo';src:url('fonts/archivo-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/archivo-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url('fonts/archivo-900.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('fonts/inter-tight-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter Tight';src:url('fonts/inter-tight-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('fonts/plex-mono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('fonts/plex-mono-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}

:root{
  --basalto:#14100D;
  --picon:#3A322B;
  --humo:#7A6E63;
  --cal:#F0EDE6;
  --cal-alt:#E3DFD5;
  --mar:#0D4F52;
  --voltio:#FFC300;

  --f-display:'Archivo',system-ui,sans-serif;
  --f-body:'Inter Tight',system-ui,sans-serif;
  --f-data:'IBM Plex Mono',ui-monospace,monospace;

  --gutter:clamp(1.25rem,5vw,5rem);
}

*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--cal);color:var(--basalto);
  font-family:var(--f-body);font-size:1.02rem;line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--mar)}
:focus-visible{outline:3px solid var(--mar);outline-offset:3px}

.wrap{max-width:760px;margin-inline:auto;padding-inline:var(--gutter)}

/* cabecera */
.nav{background:var(--cal);border-bottom:1px solid var(--cal-alt)}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;height:68px}
.brand{
  font-family:var(--f-display);font-weight:900;
  font-size:clamp(1.02rem,.92rem + .45vw,1.22rem);letter-spacing:-.035em;
  text-decoration:none;color:var(--basalto);
  display:flex;align-items:center;gap:.5rem;white-space:nowrap;
}
.brand-dot{width:9px;height:9px;background:var(--voltio);border-radius:50%;flex:none}
.volver{font-family:var(--f-data);font-size:.8rem;color:var(--picon);text-decoration:none}
.volver:hover{color:var(--basalto)}

/* documento */
.doc{padding-block:clamp(2.5rem,6vw,4.5rem) clamp(3rem,7vw,5rem)}
.meta{
  font-family:var(--f-data);font-size:.72rem;font-weight:500;
  letter-spacing:.14em;text-transform:uppercase;color:var(--humo);
}
.doc h1{
  font-family:var(--f-display);font-weight:900;
  font-size:clamp(2rem,5vw,3rem);line-height:1.02;letter-spacing:-.035em;
  margin-block:1rem 1.6rem;text-wrap:balance;
}
.doc h2{
  font-family:var(--f-display);font-weight:700;
  font-size:clamp(1.15rem,2.4vw,1.4rem);letter-spacing:-.02em;
  margin-block:2.6rem .9rem;padding-top:1.4rem;border-top:1px solid var(--cal-alt);
}
.doc h3{
  font-family:var(--f-display);font-weight:700;font-size:1.02rem;
  margin-block:1.6rem .5rem;
}
.doc p{margin-bottom:1rem;color:var(--picon)}
.doc p strong{color:var(--basalto);font-weight:500}
.doc ul{margin:0 0 1.2rem 1.2rem;color:var(--picon)}
.doc li{margin-bottom:.5rem}
.doc .lead{font-size:1.12rem;color:var(--basalto)}

/* tabla de datos */
.datos{
  width:100%;border-collapse:collapse;margin-bottom:1.5rem;
  font-family:var(--f-data);font-size:.86rem;
}
.datos th,.datos td{
  text-align:left;padding:.7rem .8rem;border-bottom:1px solid var(--cal-alt);
  vertical-align:top;
}
.datos th{
  color:var(--humo);font-weight:500;font-size:.68rem;
  letter-spacing:.1em;text-transform:uppercase;width:38%;
}
.datos td{color:var(--basalto)}

/* pendiente de completar */
.pdte{
  background:var(--voltio);color:var(--basalto);
  padding:.1rem .4rem;font-family:var(--f-data);font-size:.82rem;font-weight:500;
}
.aviso-borrador{
  background:var(--basalto);color:var(--cal);
  padding:1.2rem 1.3rem;border-radius:2px;margin-bottom:2.5rem;
  font-size:.92rem;line-height:1.55;
}
.aviso-borrador b{color:var(--voltio);font-weight:500}

.actualizado{
  margin-top:3rem;padding-top:1.4rem;border-top:1px solid var(--cal-alt);
  font-family:var(--f-data);font-size:.78rem;color:var(--humo);
}

/* pie */
.pie{background:var(--basalto);color:var(--cal-alt);padding-block:2.5rem 2rem;font-size:.88rem}
.pie-links{display:flex;flex-wrap:wrap;gap:1.4rem;list-style:none;margin-bottom:1.6rem}
.pie-links a{text-decoration:none;color:var(--cal-alt);border-bottom:1px solid transparent}
.pie-links a:hover{border-bottom-color:var(--voltio)}
.pie-bot{
  padding-top:1.4rem;border-top:1px solid rgba(240,237,230,.14);
  font-family:var(--f-data);font-size:.72rem;color:var(--humo);
  display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important}
}

/* ---- sello de certificación ---- */
.sello{margin-top:1.6rem}
.sello img{opacity:.9;transition:opacity .2s}
.sello:hover img{opacity:1}

/* ---- consentimientos SI/NO del formulario ---- */
.consent-intro{
  font-size:.86rem;color:var(--picon);line-height:1.5;margin-bottom:1.2rem;
}
.sino-row{
  display:flex;flex-wrap:wrap;gap:.7rem 1rem;align-items:baseline;
  justify-content:space-between;padding-block:.7rem;
  border-bottom:1px solid #CFC9BC;
}
.sino-row > span{font-size:.87rem;color:var(--picon);flex:1 1 60%;line-height:1.45}
.sino{display:flex;gap:1.1rem;flex:none}
.sino label{
  display:flex;align-items:center;gap:.35rem;cursor:pointer;
  font-family:var(--f-data);font-size:.78rem;letter-spacing:.06em;color:var(--basalto);
}
.sino input{width:17px;height:17px;accent-color:var(--mar);cursor:pointer;margin:0}