@font-face{font-family:'Barlow';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fuentes/barlow-italic-400.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fuentes/barlow-normal-400.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fuentes/barlow-normal-600.woff2) format('woff2')}
@font-face{font-family:'Barlow';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fuentes/barlow-normal-700.woff2) format('woff2')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fuentes/barlow-semi-condensed-normal-600.woff2) format('woff2')}
@font-face{font-family:'Barlow Semi Condensed';font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fuentes/barlow-semi-condensed-normal-700.woff2) format('woff2')}
/* Pagas lo Justo — sistema «la regleta» (aprobado 18/10/2026). Colores y letras salen solo de aquí. */
:root{
  --papel:#F5F7F3; --superficie:#FFFFFF; --banda:#E8EEE9;
  --tinta:#13302A; --tinta-2:#3E5A52; --tenue:#62786F; --linea:#D3DDD7;
  --contador:#F4C430; --contador-hover:#E6B41C; --contador-tinta:#1D1A08;
  --oscuro:#13302A; --oscuro-texto:#EAF1EC; --oscuro-2:#BFD0C6; --oscuro-linea:#3D5A51;
  --barato:#CFE3D6; --caro:#13302A;
  --bien:#2D7A50; --ojo:#9A6400; --mal:#A23B32;
  --display:'Barlow Semi Condensed','Arial Narrow',system-ui,sans-serif;
  --texto:'Barlow',system-ui,sans-serif;
  --cifra:'Barlow',system-ui,sans-serif;
  --ancho:73.75rem; --lectura:42rem; --radio:8px;   /* en rem: todo crece con la letra en pantallas grandes */
  color-scheme:light;
}
@media (prefers-color-scheme:dark){
  :root{
    --papel:#0E1A17; --superficie:#14231F; --banda:#1A2C27;
    --tinta:#E6EEE9; --tinta-2:#B5C7BE; --tenue:#8DA399; --linea:#2A3F39;
    --oscuro:#1C332D; --oscuro-texto:#EAF1EC; --oscuro-2:#BFD0C6; --oscuro-linea:#3D5A51;
    --barato:#35574C; --caro:#E3EEE7;
    --bien:#6CC596; --ojo:#E5B04A; --mal:#E58A80;
    color-scheme:dark;
  }
}
*,*::before,*::after{box-sizing:border-box}
*{margin:0}
/* Letra base: igual hasta ~1500 px de ancho y crece hasta un 125 % en pantallas de ~2400 px o más. */
html{-webkit-text-size-adjust:100%;scroll-padding-top:5.25rem;font-size:clamp(1rem,0.444vw + 0.583rem,1.25rem)}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{background:var(--papel);color:var(--tinta);font:400 1.125rem/1.6 var(--texto);font-variant-numeric:tabular-nums}
img,svg{max-width:100%;display:block}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1px}
a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--contador);outline-offset:2px;border-radius:3px}
.wrap{max-width:var(--ancho);margin:0 auto;padding:0 20px}
.salto{position:absolute;left:-9999px;top:8px;background:var(--contador);color:var(--contador-tinta);padding:10px 14px;z-index:20}
.salto:focus{left:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* ---------- cabecera ---------- */
.cab{border-bottom:1px solid var(--linea);background:var(--papel);position:sticky;top:0;z-index:10}
.cab .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:4.25rem}
.marca{font:700 1.5rem/1 var(--display);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;display:inline-flex;align-items:center}
.marca img{width:1.75rem;height:1.75rem;flex:none;border-radius:6px;margin-right:.45em}
.marca i{margin-left:.25em}
.marca i{font-style:normal;background:linear-gradient(transparent 62%,var(--contador) 62%);padding:0 .06em;color:var(--tinta)}
.menu ul{display:flex;gap:20px;list-style:none;padding:0;font-size:.95rem;align-items:center}
.menu a{text-decoration:none;color:var(--tinta-2)}
.menu a:hover,.menu a[aria-current]{color:var(--tinta);text-decoration:underline}
.menu .cta{background:var(--tinta);color:var(--papel);padding:9px 14px;border-radius:6px;text-decoration:none!important}
.menu-movil{display:none}
.menu-movil summary{list-style:none;cursor:pointer;font:700 .9rem var(--texto);border:1.5px solid var(--tinta);border-radius:6px;padding:8px 12px}
.menu-movil summary::-webkit-details-marker{display:none}
.menu-movil ul{position:absolute;left:0;right:0;top:4.25rem;background:var(--papel);border-bottom:1px solid var(--linea);list-style:none;padding:8px 20px 20px;display:grid}
.menu-movil:not([open]) ul{display:none}
.menu-movil li a{display:block;padding:12px 0;border-bottom:1px solid var(--linea);text-decoration:none;font-weight:700}
@media (max-width:900px){.menu{display:none}.menu-movil{display:block}}

/* ---------- migas ---------- */
.migas{font:400 .8rem/1.4 var(--cifra);color:var(--tenue);padding-top:18px}
.migas ol{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.migas li+li::before{content:"/";margin-right:6px}
.migas a{color:var(--tinta-2)}

/* ---------- tipografía ---------- */
.antetitulo{font:600 .8rem/1.35 var(--cifra);letter-spacing:.04em;text-transform:uppercase;color:var(--tinta-2)}
h1{font:700 clamp(2.35rem,5.6vw,4rem)/1 var(--display);letter-spacing:-.01em;text-wrap:balance}
h2{font:700 clamp(1.6rem,2.9vw,2.15rem)/1.08 var(--display);letter-spacing:-.005em;text-wrap:balance}
h3{font:700 1.3rem/1.2 var(--display);letter-spacing:0}
.entradilla{font-size:1.18rem;color:var(--tinta-2);max-width:36em}
.cifra{font-family:var(--cifra);font-weight:600;letter-spacing:0}

/* ---------- botones ---------- */
.btn{font:700 1rem/1.15 var(--texto);padding:14px 20px;border-radius:var(--radio);text-decoration:none!important;display:inline-flex;gap:10px;align-items:center;justify-content:center;border:0;cursor:pointer;text-align:center}
.btn-a{background:var(--contador);color:var(--contador-tinta)}
.btn-a:hover{background:var(--contador-hover)}
.btn-b{border:1.5px solid currentColor;color:var(--tinta);background:transparent}
.botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}

/* ---------- cabecera de página ---------- */
.pcab{padding:22px 0 34px;display:grid;gap:16px;max-width:52rem}
.firma{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.9rem;color:var(--tinta-2);align-items:center}
.firma b{color:var(--tinta)}
.firma .cifra{font-weight:400;font-size:.85rem}

/* ---------- artículo ---------- */
.art{display:grid;grid-template-columns:minmax(0,var(--lectura)) 1fr;gap:64px;padding-bottom:24px}
.art-lateral{position:sticky;top:6rem;align-self:start;font-size:.92rem;border-left:1px solid var(--linea);padding-left:20px}
.art-lateral h2{font:600 .78rem/1.3 var(--cifra);text-transform:uppercase;letter-spacing:.05em;color:var(--tenue);margin-bottom:10px}
.art-lateral ol{list-style:none;padding:0;display:grid;gap:8px}
.art-lateral a{text-decoration:none;color:var(--tinta-2)}
.art-lateral a:hover{color:var(--tinta);text-decoration:underline}
@media (max-width:960px){.art{grid-template-columns:minmax(0,1fr)}.art-lateral{display:none}}

.prosa>*+*{margin-top:1.05em}
.prosa h2{margin-top:2.1em}
.prosa h3{margin-top:1.6em}
.prosa .hoy h2,.prosa .herramienta h2,.prosa .herramienta h3,.prosa .factura h2{margin-top:0}
.prosa ul,.prosa ol{padding-left:1.3em}
.prosa li+li{margin-top:.35em}
.prosa strong{font-weight:700}
.prosa .entradilla{font-size:1.15rem}
.nota{border:1px solid var(--linea);background:var(--superficie);border-radius:var(--radio);padding:16px 18px;font-size:.98rem}
.nota>b:first-child{display:block;font:600 .78rem/1.3 var(--cifra);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;color:var(--tinta-2)}
.nota.ojo>b:first-child{color:var(--ojo)}
.nota.ejemplo{background:var(--banda);border-color:transparent}
.pendiente{background:#FFF3C4;color:#4A3A00;border:1px dashed #C9A100;border-radius:4px;padding:1px 6px;font-size:.92em}
@media (prefers-color-scheme:dark){.pendiente{background:#3D3200;color:#FFE58A;border-color:#8F7400}}
div.pendiente{padding:12px 14px;display:block}

/* tablas */
.tabla{overflow-x:auto;border:1px solid var(--linea);border-radius:var(--radio);background:var(--superficie)}
.tabla table{border-collapse:collapse;width:100%;font-size:.95rem}
.tabla th,.tabla td{padding:10px 14px;text-align:left;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla tr:last-child td{border-bottom:0}
.tabla th{font:600 .78rem/1.3 var(--cifra);text-transform:uppercase;letter-spacing:.04em;color:var(--tinta-2);background:var(--banda)}
.tabla td.num,.tabla th.num{text-align:right;font-family:var(--cifra)}
.tabla caption{caption-side:bottom;text-align:left;font-size:.8rem;color:var(--tenue);padding:8px 14px}

/* pasos (secuencia real) */
.pasos{list-style:none;padding:0!important;counter-reset:p;display:grid;gap:0}
.pasos>li{counter-increment:p;display:grid;grid-template-columns:2.4rem 1fr;gap:4px 14px;padding:16px 0;border-top:1px solid var(--linea);margin:0!important}
.pasos>li::before{content:counter(p);font:600 1rem/1.6 var(--cifra);grid-row:1/3;width:2rem;height:2rem;border:1.5px solid var(--tinta);border-radius:50%;display:grid;place-items:center}
.pasos>li>b{font:700 1.08rem/1.3 var(--display)}

/* preguntas */
.faq details{border-top:1px solid var(--linea);padding:14px 0}
.faq details:last-child{border-bottom:1px solid var(--linea)}
.faq+.rel{border-top:0;margin-top:24px}
.faq summary{cursor:pointer;font:700 1.05rem/1.35 var(--display);list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::after{content:"+";font-family:var(--cifra)}
.faq details[open] summary::after{content:"−"}
.faq summary::-webkit-details-marker{display:none}
.faq details>div{margin-top:8px;color:var(--tinta-2)}

/* relacionadas */
.rel{border-top:1px solid var(--linea);margin-top:48px;padding-top:28px}
.lista-rutas,.prosa .lista-rutas{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
.lista-rutas li a{display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding:16px 0;border-bottom:1px solid var(--linea);text-decoration:none}
.lista-rutas strong{font:700 1.1rem/1.3 var(--display);letter-spacing:-.01em}
.lista-rutas span{color:var(--tinta-2);font-size:.95rem;grid-column:1}
.lista-rutas em{font-style:normal;grid-row:1/3;grid-column:2;align-self:center;font-size:1.25rem}
.lista-rutas a:hover strong{text-decoration:underline}
@media (max-width:760px){.lista-rutas{grid-template-columns:minmax(0,1fr)}}

/* ---------- portada ---------- */
.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;padding:60px 0 52px;align-items:center}
.hero h1{margin:14px 0 20px}
@media (max-width:900px){.hero{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px 0 40px}}
.bloque{border-top:1px solid var(--linea);padding:44px 0}
.bloque>h2{margin-bottom:16px}
.dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
@media (max-width:760px){.dos{grid-template-columns:minmax(0,1fr);gap:24px}}

/* ---------- regleta (precio por horas) ---------- */
.hoy{background:var(--superficie);border:1px solid var(--linea);border-radius:12px;padding:22px 22px 18px}
.hoy-cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.hoy-cab h2,.hoy-cab h3{font:700 1.05rem/1.2 var(--display);letter-spacing:-.01em}
.hoy-cab span{font:400 .8rem var(--cifra);color:var(--tenue)}
.ahora{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin:14px 0 4px}
.ahora b{font:600 2.6rem/1 var(--cifra);letter-spacing:-.01em}
.ahora small{color:var(--tinta-2);font-size:.9rem}
.regleta{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:3px;align-items:end;height:120px;margin:18px 0 6px}
.regleta span{display:block;border-radius:2px 2px 0 0;min-height:6px}
.regleta span.ya{outline:2px solid var(--contador);outline-offset:2px}
.regleta-horas{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;font:400 .68rem var(--cifra);color:var(--tenue)}
.regleta-horas span{visibility:hidden}
.regleta-horas span.v{visibility:visible}
.regleta.grande{height:200px;gap:4px}
@media (max-width:600px){.regleta{height:96px;gap:2px}.regleta.grande{height:150px}}
.extremos{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;border-top:1px solid var(--linea);padding-top:14px;font-size:.92rem}
.extremos b{display:block;font:600 1.05rem var(--cifra)}
.fuente{font-size:.78rem;color:var(--tenue);margin-top:12px}
.leyenda{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--tenue);margin-top:6px}
.leyenda i{display:inline-block;width:72px;height:8px;border-radius:2px;background:linear-gradient(90deg,var(--barato),var(--caro))}

.resumen-dia{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1px solid var(--linea);border-radius:12px;background:var(--superficie);margin:8px 0 28px}
.resumen-dia>div{padding:16px 18px;border-left:1px solid var(--linea)}
.resumen-dia>div:first-child{border-left:0}
.resumen-dia small{display:block;color:var(--tinta-2);font-size:.85rem}
.resumen-dia b{display:block;font:600 1.5rem/1.2 var(--cifra);letter-spacing:-.01em;margin-top:4px}
.resumen-dia em{font-style:normal;font-size:.82rem;color:var(--tenue)}
@media (max-width:760px){.resumen-dia{grid-template-columns:repeat(2,minmax(0,1fr))}.resumen-dia>div:nth-child(3){border-left:0}.resumen-dia>div:nth-child(n+3){border-top:1px solid var(--linea)}}
.franja{display:inline-block;width:.7em;height:.7em;border-radius:2px;margin-right:6px;vertical-align:baseline}
tr.ya td{background:color-mix(in srgb,var(--contador) 22%,transparent)}

/* ---------- herramientas ---------- */
.herramienta{border:1px solid var(--linea);background:var(--superficie);border-radius:12px;padding:22px;margin:8px 0}
.herramienta h2,.herramienta h3{margin-bottom:6px}
.campo{display:grid;gap:6px;margin-top:14px}
.campo label,.campo legend{font-weight:700;font-size:.95rem}
.campo small{color:var(--tenue);font-size:.85rem}
input[type=text],input[type=tel],input[type=email],input[type=number],select,textarea{font:inherit;font-size:1rem;color:var(--tinta);background:var(--papel);border:1.5px solid var(--linea);border-radius:6px;padding:11px 12px;width:100%}
input:focus,select:focus,textarea:focus{border-color:var(--tinta);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--contador) 60%,transparent)}
.aparatos{display:grid;gap:0;margin-top:10px;border-top:1px solid var(--linea)}
.aparato{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--linea)}
.aparato input[type=checkbox]{width:20px;height:20px;accent-color:var(--tinta)}
.aparato label{cursor:pointer}
.aparato label small{display:block;color:var(--tenue);font-size:.82rem}
.aparato .w{display:flex;align-items:center;gap:6px;font-family:var(--cifra);font-size:.9rem}
.aparato .w input{padding:7px 8px;text-align:right;width:5.5rem}
.resultado{margin-top:20px;border-radius:10px;background:var(--oscuro);color:var(--oscuro-texto);padding:20px 22px}
.resultado .grande{font:600 2.4rem/1 var(--cifra);letter-spacing:-.01em;color:#fff}
.resultado p{color:var(--oscuro-2);margin-top:8px}
.resultado strong{color:#fff}
.comprobador fieldset{border:0;padding:0;margin-top:16px}
.opciones{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.opciones label{border:1.5px solid var(--linea);border-radius:6px;padding:8px 12px;cursor:pointer;font-weight:400}
.opciones input{accent-color:var(--tinta);margin-right:6px}

/* ---------- lector de factura (lo más destacado de la web) ---------- */
.lector{background:var(--superficie);border:2px solid var(--tinta);border-radius:14px;padding:24px;margin:4px 0 32px;color:var(--tinta);box-shadow:0 10px 30px -18px rgba(19,48,42,.45)}
.lector-cab h2,.lector-cab h3{font:700 clamp(1.6rem,3vw,2.2rem)/1.05 var(--display);margin:6px 0 8px;color:var(--tinta)}
.lector-cab>p:last-child{color:var(--tinta-2);font-size:1rem;max-width:40em}
.soltar{position:relative;display:grid;justify-items:center;gap:4px;text-align:center;margin-top:16px;padding:28px 16px;border:2px dashed var(--tinta-2);border-radius:12px;background:color-mix(in srgb,var(--contador) 14%,var(--superficie));cursor:pointer;transition:background .15s,border-color .15s}
.soltar:hover,.soltar.encima{background:color-mix(in srgb,var(--contador) 32%,var(--superficie));border-color:var(--tinta)}
.soltar input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%}
.soltar:focus-within{outline:3px solid var(--contador);outline-offset:2px}
.soltar b{font:700 1.3rem/1.2 var(--display)}
.soltar span{color:var(--tinta-2);font-size:.95rem}
.soltar-icono{color:var(--tinta)}
.lector-rgpd{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:14px;font-size:.88rem;color:var(--tinta-2);align-items:start}
.lector-rgpd input{width:19px;height:19px;margin-top:2px;accent-color:var(--tinta)}
.lector .estado{margin-top:10px;font-weight:600;min-height:1.4em}
.lector .estado.error{color:var(--mal)}
.lector.leyendo .soltar{pointer-events:none;opacity:.6}
.lector.leyendo .soltar b::after{content:"";display:inline-block;width:.8em;height:.8em;margin-left:.5em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:gira .8s linear infinite;vertical-align:-.05em}
@keyframes gira{to{transform:rotate(360deg)}}
.enlace{background:none;border:0;padding:0;font:inherit;color:var(--tinta);text-decoration:underline;text-underline-offset:.18em;cursor:pointer}
.lector-manual{margin-top:4px;font-size:.95rem}
.lector-paso-t{margin:4px 0 10px}
.lector-avisos{background:color-mix(in srgb,var(--ojo) 12%,var(--superficie));border-radius:8px;padding:10px 14px;font-size:.92rem;margin-bottom:10px}
.lector-avisos ul{margin:0;padding-left:1.1em}
.lector-rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 14px}
.lector-rejilla .ancho{grid-column:span 2}
.lector-rejilla .campo{margin-top:8px}
.lector-rejilla label{font-size:.85rem}
.lector-faltan{font-size:.88rem;color:var(--ojo);min-height:1.2em;margin-top:8px}
.lector .botones{margin-top:12px}
.lector button[disabled]{opacity:.5;cursor:not-allowed}
.veredicto{border-radius:12px;padding:22px;margin-top:4px}
.veredicto.mas{background:var(--oscuro);color:var(--oscuro-texto)}
.veredicto.mas strong{color:#fff}
.veredicto.bien{background:color-mix(in srgb,var(--bien) 13%,var(--superficie));border:1px solid color-mix(in srgb,var(--bien) 40%,transparent)}
.veredicto.neutro{background:var(--banda)}
.v-etiqueta{font:600 .8rem/1.2 var(--cifra);text-transform:uppercase;letter-spacing:.06em}
.veredicto.mas .v-etiqueta{color:var(--contador)}
.veredicto.bien .v-etiqueta{color:var(--bien)}
.v-cifra{font:700 clamp(2.8rem,8vw,4.4rem)/1 var(--display);color:#fff;margin:6px 0 10px;font-variant-numeric:tabular-nums}
.v-cifra small{font-size:.4em;font-weight:600;margin-left:.2em}
.v-titulo{font:700 1.8rem/1.1 var(--display);margin:6px 0 8px}
.veredicto p+p{margin-top:8px}
.v-nota{font-size:.88rem;opacity:.85}
.v-desglose{margin-top:14px;font-size:.92rem}
.v-desglose summary{cursor:pointer;text-decoration:underline}
.v-desglose table{width:100%;max-width:360px;margin-top:8px;border-collapse:collapse}
.v-desglose td,.v-desglose th{padding:4px 0;text-align:left;font-variant-numeric:tabular-nums}
.v-desglose td+td,.v-desglose th+th{text-align:right}
.lector-jesus{margin-top:12px;font-size:.95rem;color:var(--tinta-2)}
.lector.en-caja{margin:0;box-shadow:none;border-color:transparent}
.form-jesus{margin-top:14px}
.form-jesus summary{cursor:pointer;color:#fff;text-decoration:underline;font-weight:600}
.form-jesus[open] summary{margin-bottom:12px}
.prosa .lector h2,.prosa .lector h3{margin-top:6px}
.factura .lector form{display:block}
.factura .lector label{color:var(--tinta);font-size:.85rem}
.factura .lector input[type=text],.factura .lector select{background:var(--papel);border-color:var(--linea);color:var(--tinta)}
.factura .lector .lector-rgpd a{color:var(--tinta)}
.factura .lector .lector-rgpd{font-weight:400;color:var(--tinta-2)}
@media (max-width:640px){.lector{padding:18px}.lector-rejilla{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.lector-rejilla .ancho{grid-column:1/-1}}

/* ---------- caja «Mándame tu factura» ---------- */
.factura{background:var(--oscuro);color:var(--oscuro-texto);border-radius:14px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:40px 0 56px}
.factura h2{font:700 clamp(1.6rem,3.2vw,2.35rem)/1.06 var(--display);letter-spacing:-.01em;color:#fff}
.factura .txt>p{color:var(--oscuro-2);margin-top:14px;max-width:34em}
.factura .wa{margin-top:22px;display:grid;gap:8px;justify-items:start}
.factura .wa small{color:var(--oscuro-2);font-size:.8rem;max-width:30em}
.factura form{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-content:start;min-width:0}
.factura input{min-width:0}
.factura label{font-size:.9rem;font-weight:700;color:#fff}
.factura input[type=text],.factura input[type=tel],.factura input[type=email],.factura textarea{background:rgba(255,255,255,.06);border-color:var(--oscuro-linea);color:#fff}
.factura input::placeholder{color:#8FA79B}
.factura .fila{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.factura .archivo{border:1.5px dashed var(--oscuro-linea);border-radius:6px;padding:12px;font-size:.9rem;color:var(--oscuro-2)}
.factura .archivo input{margin-top:6px;color:var(--oscuro-2);font-size:.85rem;max-width:100%}
.factura .rgpd{display:grid;grid-template-columns:auto 1fr;gap:10px;font-size:.82rem;color:var(--oscuro-2);font-weight:400;align-items:start}
.factura .rgpd input{width:18px;height:18px;margin-top:2px;accent-color:var(--contador)}
.factura .rgpd a{color:#fff}
.factura .info-rgpd{font-size:.75rem;color:#93AB9F;line-height:1.5}
.factura .trampa{position:absolute;left:-9999px}
.factura .estado{font-size:.95rem;color:#fff}
.factura .estado.error{color:#FFB4A8}
.factura.arriba{margin:0 0 36px}
@media (max-width:860px){.factura{grid-template-columns:minmax(0,1fr);padding:26px 22px;gap:26px}.factura .fila{grid-template-columns:minmax(0,1fr)}}

/* ---------- pie ---------- */
.pie{border-top:1px solid var(--linea);padding:40px 0 48px;font-size:.92rem;color:var(--tinta-2)}
.pie .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}
.pie h2{font:600 .78rem/1.3 var(--cifra);text-transform:uppercase;letter-spacing:.05em;color:var(--tenue);margin-bottom:10px}
.pie ul{list-style:none;padding:0;display:grid;gap:6px}
.pie a{color:var(--tinta-2)}
.pie .quien{max-width:30em}
.pie .legal{grid-column:1/-1;border-top:1px solid var(--linea);padding-top:16px;font-size:.82rem;color:var(--tenue)}
@media (max-width:760px){.pie .wrap{grid-template-columns:minmax(0,1fr)}}

@media (prefers-reduced-motion:no-preference){
  .regleta span{transform-origin:bottom;animation:sube .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 18ms)}
  @keyframes sube{from{transform:scaleY(.15)}to{transform:none}}
}
@media print{.cab,.factura,.pie,.art-lateral{display:none}}