/* Páginas legales de COXMOVE Conductor (la app del taxista tal como la publica COXMOX en Google Play).
   La casa es la de coxmonautas.com: papel/tinta, la «Red» monocroma, Bricolage + Nunito, sin el
   ámbar de COXMOVE ni la piel de ninguna radio (orden del dueño del 24-sep-2026: la marca de una
   radio no aparece en las legales de la app). Mismos tokens que index.html; si cambian allí, aquí. */
:root{
  --papel:#F7F6F3; --carta:#FFFFFF; --tinta:#1A1815; --gris:#5F5D59; --linea:#E3E1DC; --suave:#ECEAE5;
  --rojo:#B42318;
  --f-casa:"Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --f-texto:"Nunito", "Segoe UI", system-ui, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--papel);color:var(--tinta);font:400 17px/1.65 var(--f-texto);-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:3px}
svg{display:block}
.envoltura{max-width:1120px;margin:0 auto;padding-inline:16px}
@media (min-width:600px){.envoltura{padding-inline:24px}}

header{position:sticky;top:0;z-index:10;background:rgba(247,246,243,.94);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid var(--linea)}
.barra{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px}
.marca{display:flex;align-items:center;gap:10px;text-decoration:none}
.marca svg{width:28px;height:28px}
.marca span{font:800 18px/1 var(--f-casa);letter-spacing:.2em}
.app{font:800 12px/1 var(--f-casa);letter-spacing:.12em;text-transform:uppercase;color:var(--gris);text-align:right}

.legal{max-width:760px;margin:0 auto;padding:40px 0 56px}
.etiqueta{font:800 12px/1.3 var(--f-casa);letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin:0}
h1{font:800 clamp(32px,6vw,48px)/1.05 var(--f-casa);letter-spacing:-.02em;margin:12px 0 14px}
.fecha{font-size:14px;color:var(--gris);margin:0 0 22px}
.entradilla{font-size:18px;margin:0 0 8px}
h2{font:800 clamp(21px,3vw,25px)/1.2 var(--f-casa);letter-spacing:-.01em;margin:40px 0 12px;scroll-margin-top:72px}
h3{font:800 17px/1.3 var(--f-casa);margin:22px 0 8px}
p{margin:0 0 12px}
ul,ol{margin:0 0 14px;padding-left:22px}
li{margin-bottom:7px}
strong{font-weight:800}

.indice{background:var(--carta);border:1px solid var(--linea);border-radius:14px;padding:16px 18px;margin:26px 0 6px}
.indice p{font:800 12px/1 var(--f-casa);letter-spacing:.14em;text-transform:uppercase;color:var(--gris);margin:0 0 10px}
.indice ol{margin:0;padding-left:20px;columns:2;column-gap:28px}
@media (max-width:640px){.indice ol{columns:1}}
.indice li{margin-bottom:5px;break-inside:avoid}

.ficha{background:var(--carta);border:1px solid var(--linea);border-radius:14px;padding:16px 18px;margin:14px 0}
.ficha dl{margin:0;display:grid;grid-template-columns:minmax(0,11em) minmax(0,1fr);gap:8px 16px}
@media (max-width:560px){.ficha dl{grid-template-columns:1fr;gap:2px}.ficha dd{margin-bottom:10px}}
.ficha dt{font-weight:800}
.ficha dd{margin:0;overflow-wrap:anywhere}

.tabla{width:100%;border-collapse:collapse;margin:10px 0 16px;font-size:15.5px;background:var(--carta);border-radius:14px;overflow:hidden}
.tabla th,.tabla td{border-bottom:1px solid var(--linea);padding:10px 12px;text-align:left;vertical-align:top}
.tabla th{font:800 13px/1.3 var(--f-casa);letter-spacing:.04em;background:var(--suave)}
.tabla tr:last-child td{border-bottom:0}
@media (max-width:640px){
  .tabla thead{display:none}
  .tabla tr{display:block;border-bottom:1px solid var(--linea);padding:6px 0}
  .tabla td{display:block;border:0;padding:4px 12px}
  .tabla td[data-t]::before{content:attr(data-t);display:block;font:800 12px/1.3 var(--f-casa);letter-spacing:.06em;text-transform:uppercase;color:var(--gris)}
}

.pasos{counter-reset:paso;list-style:none;padding:0;margin:14px 0 18px}
.pasos li{counter-increment:paso;position:relative;padding:12px 14px 12px 56px;background:var(--carta);border:1px solid var(--linea);border-radius:14px;margin-bottom:10px}
.pasos li::before{content:counter(paso);position:absolute;left:14px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--tinta);color:var(--papel);font:800 15px/30px var(--f-casa);text-align:center}
.boton{display:inline-flex;align-items:center;gap:10px;font:800 15px/1.2 var(--f-texto);text-decoration:none;padding:14px 20px;border-radius:999px;background:var(--tinta);color:var(--papel);margin:6px 0 12px}
.boton:hover{background:#34312C}
.aviso{border-left:4px solid var(--tinta);background:var(--carta);border-radius:0 12px 12px 0;padding:12px 16px;margin:14px 0}

footer{border-top:1px solid var(--linea);padding-block:28px 40px;font-size:14px;color:var(--gris)}
footer ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px 20px}
footer li{margin:0}
footer p{margin:0}