/* CLEAN DESK · web pública. Identidad: naranja #fd8232, gris #444/#ecebeb. Sin fuentes ni scripts de terceros. */
:root{--n:#fd8232;--nd:#e06a1a;--g:#444;--gc:#ecebeb;--t:#222}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Raleway,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;color:var(--t);line-height:1.6;background:#fff}
img{max-width:100%;height:auto}
a{color:var(--nd)}
.dentro{max-width:1320px;margin:0 auto;padding:0 clamp(16px,4vw,48px)}
.topbar{background:var(--n);font-size:14px;font-weight:700;letter-spacing:.05em}
.topbar .dentro{display:flex;justify-content:flex-end;gap:30px;flex-wrap:wrap;padding:8px clamp(16px,4vw,48px)}
.topbar a{color:#fff;text-decoration:none}.topbar a:hover{text-decoration:underline}
.cab{position:sticky;top:0;background:#fff;z-index:50;box-shadow:0 1px 6px rgba(0,0,0,.12)}
.cab .dentro{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:76px}
.logo img{height:60px;display:block}
.nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.nav a{color:var(--g);text-decoration:none;font-weight:700;font-size:13px;text-transform:uppercase;padding:8px 10px;border-radius:4px}
.nav a:hover,.nav a.on{color:var(--n)}
.btn,.nav a.btn{display:inline-block;background:var(--n);color:#fff;border:2px solid var(--n);padding:10px 22px;font-weight:700;text-decoration:none;border-radius:3px;cursor:pointer;font-family:inherit;font-size:14px;text-transform:uppercase}
.btn:hover,.nav a.btn:hover{background:var(--nd);border-color:var(--nd);color:#fff}
.btn.claro{background:#eee;color:#444;border-color:#444}.btn.claro:hover{background:#666;color:#fff;border-color:#666}
.nav a.acceso{margin-left:8px;padding:8px 18px}
.burger{display:none;background:none;border:0;font-size:28px;cursor:pointer;color:var(--g)}
main{min-height:60vh}
.fila{padding:46px 0}.fila.ancho{padding:0}.fila.centro{text-align:center}
.fila .fila{padding:0}
.subfila{display:flex;flex-wrap:wrap;gap:0}
.dentro>.col,.subfila>.col{padding:0 10px}
.fila>.dentro{display:flex;flex-wrap:wrap;align-items:flex-start}
.col{flex:1 1 100%;min-width:0}
.c1-2{flex:0 0 50%}.c1-3{flex:0 0 33.333%}.c2-3{flex:0 0 66.666%}.c1-4{flex:0 0 25%}.c3-4{flex:0 0 75%}.c1-6{flex:0 0 16.666%}
.texto{padding:6px 0}.texto h1,.texto h2,.texto h3{margin:.4em 0}
.texto h3{font-size:19px}
hr.sep{border:0;border-top:1px solid #ddd;margin:20px 0}
.cabecera-pagina{background:linear-gradient(135deg,var(--n),#ffa466);color:#fff}
.cabecera-pagina .dentro{display:block;padding:46px 20px}.cabecera-pagina h1{margin:0;font-size:34px;text-transform:uppercase;letter-spacing:.02em}.cabecera-pagina p{margin:8px 0 0;font-size:18px}
.titulo-cabecera{color:#fff;min-height:220px;display:flex;align-items:center}.titulo-cabecera .texto{font-size:30px;font-weight:800;line-height:1.25}
.caja-icono{text-align:center;padding:20px 16px}.caja-icono img{max-height:110px;width:auto}.caja-icono h2{color:var(--n);font-size:20px;margin:10px 0}
.cita{margin:0;padding:22px 20px;text-align:center;color:#fff;font-size:20px;font-weight:700}
.clientes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;align-items:center;padding:20px 0}.clientes img{max-height:80px;object-fit:contain;margin:0 auto;display:block;filter:grayscale(1);opacity:.85}.clientes a:hover img{filter:none;opacity:1}
.acordeon{margin:10px 0}
details{border:1px solid #ddd;border-radius:4px;margin-bottom:8px;background:#fff}
summary{padding:14px 18px;font-weight:700;cursor:pointer;color:var(--g);list-style:none}
summary::after{content:"+";float:right;color:var(--n);font-size:20px}details[open] summary::after{content:"−"}
details .texto{padding:0 18px 14px}
.precios{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.tarifa{background:#fff;border:1px solid #ddd;border-top:6px solid var(--n);padding:22px 18px;text-align:center;border-radius:4px}
.tarifa h3{margin:0 0 10px;font-size:18px}.precio b{font-size:46px;color:var(--n)}.precio{font-size:28px;font-weight:700}.precio small{display:block;font-size:13px;color:#666;font-weight:400}
.tarifa ul{list-style:none;padding:0;margin:14px 0;text-align:left}.tarifa li{padding:6px 0;border-bottom:1px solid #eee;font-size:14px}.tarifa li::before{content:"✓ ";color:var(--n);font-weight:700}
.calc{background:var(--gc)}.calcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}
.calc-caja{background:#fff;padding:20px;border-radius:4px;border-top:6px solid var(--n)}.calc-caja h3{margin:0 0 6px}
.calc-caja label{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #eee;cursor:pointer;flex-wrap:wrap}
.calc-caja label span{margin-left:auto;font-weight:700;color:var(--nd)}.calc-caja small{color:#666;flex-basis:100%;padding-left:28px;margin-top:-6px}
.calc-caja .nota{font-size:12px;color:var(--nd)}.total{text-align:right;font-size:20px;margin-top:12px}.total b{color:var(--n);font-size:26px}
.foto{margin:0}.foto img{display:block;margin:0 auto}.foto figcaption h2{color:var(--n);text-align:center}
.visor{position:relative;max-width:900px;margin:0 auto;border-radius:8px;overflow:hidden}.visor img{display:none;width:100%;height:auto}.visor img.on{display:block}
.visor button{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.45);color:#fff;border:0;font-size:22px;padding:10px 14px;cursor:pointer}.visor .prev{left:0}.visor .next{right:0}
.cta{background:#555;color:#fff;text-align:center;padding:40px 0}.cta h2{margin:0 0 6px}.cta h5{margin:0 0 18px;font-weight:400;font-size:15px}.cta h5 span{color:#fff!important}
.formu{max-width:640px;margin:0 auto}.formu label{display:block;margin:12px 0;font-weight:700;font-size:13px}.formu input[type=text],.formu input[type=email],.formu input[type=tel],.formu textarea{display:block;width:100%;padding:10px;border:1px solid #bbb;border-radius:3px;font:inherit;margin-top:4px}
.formu .chk{font-weight:400}.formu .chk input{margin-right:6px}.formu .trampa{position:absolute;left:-9999px}.formu .msg{font-weight:700;margin-top:12px}.formu .msg.ok{color:#1e8449}.formu .msg.err{color:#c0392b}
.rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.anyo{grid-column:1/-1;color:var(--n);border-bottom:2px solid var(--n);margin:16px 0 0}
.tarjeta{display:block;background:#fff;border:1px solid #ddd;border-radius:4px;overflow:hidden;text-decoration:none;color:inherit}.tarjeta:hover{box-shadow:0 4px 14px rgba(0,0,0,.15)}.tarjeta img{width:100%;aspect-ratio:16/9;object-fit:cover}.tarjeta div{padding:14px 16px}.tarjeta time{font-size:12px;color:#777}.tarjeta h3{margin:4px 0 6px;font-size:17px;color:var(--g)}.tarjeta p{margin:0;font-size:14px;color:#555}
.articulo{max-width:780px}.articulo h1{color:var(--g);font-size:32px;line-height:1.2}.articulo .fecha{color:#777;margin:0}.articulo p{font-size:17px}
.entre{display:flex;justify-content:space-between;gap:20px;margin:30px 0;font-size:14px}.entre a{max-width:48%}
.pie{background:#333;color:#ddd;padding:34px 0 0}.pie .dentro{display:flex;gap:40px;flex-wrap:wrap}.pie h4{color:var(--n);margin:0 0 6px;text-transform:uppercase;font-size:13px}.pie a{color:#fff}.pie .legal{border-top:1px solid #555;margin-top:24px;padding:14px 20px;font-size:12px}
.cookies{position:fixed;left:0;right:0;bottom:0;background:#333;color:#fff;padding:12px 20px;display:flex;gap:16px;align-items:center;justify-content:center;z-index:99;font-size:13px}.cookies[hidden]{display:none}.cookies p{margin:0}.cookies a{color:#ffd0b0}
.testis{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.testi{margin:0;background:#fff;border:1px solid #ddd;border-radius:4px;padding:18px;display:flex;gap:14px}.testi img{width:84px!important;height:84px!important;max-width:none;border-radius:50%;object-fit:cover;object-position:center top;flex:0 0 84px;aspect-ratio:1/1}.testi blockquote{margin:0}.testi h3{margin:0 0 8px;color:var(--n);font-size:16px}.testi p{margin:0 0 8px;font-size:14px}.testi footer{font-size:12px;color:#666}
/* Inicio: vídeo de cabecera a todo el ancho de la ventana, responsive */
.fila.ancho:has(.hero-video-container)>.dentro{max-width:none;padding:0;display:block}
.fila.ancho:has(.hero-video-container) .col{padding:0}
/* El vídeo lleva los subtítulos grabados: nunca se recorta (contain). En apaisado la altura sigue la proporción del vídeo (2:1) (sin pasar de la pantalla) y el degradado naranja rellena los lados; en móvil vertical se usa el vídeo 4:5. */
.hero-video-container{position:relative;height:min(calc(100vh - 115px),50vw)!important}
.hero-video-container video{display:block;width:100%;height:100%;object-fit:contain!important}
@media(max-width:767px) and (orientation:portrait){.hero-video-container{height:calc(100vh - 115px)!important}}
.fila:not(.ancho) img,.texto img{max-width:100%;height:auto}
@media(max-width:860px){.topbar .dentro{justify-content:center;gap:14px}.burger{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;flex-direction:column;align-items:stretch;padding:10px 20px;box-shadow:0 6px 10px rgba(0,0,0,.15)}.nav.abierto{display:flex}.nav a{padding:12px 8px}.c1-2,.c1-3,.c2-3,.c1-4,.c3-4,.c1-6{flex:0 0 100%}.cab .dentro{position:relative}.topbar .dentro{gap:12px}}

/* Llamada a la acción final (todas las páginas) */
.h2-final{background:#444;color:#fff;padding:56px 0}.h2-final .dentro{display:block;text-align:center}.h2-final h2{font-size:clamp(24px,3vw,34px);margin:0 0 10px}.h2-final p{font-size:18px}
.h2-final .btn{margin:4px}.h2-legal{font-size:12px!important;color:#ccc;max-width:820px;margin:20px auto 0!important}
/* Cabeceras con foto: texto en un panel lateral, la foto entera a su lado (el texto nunca tapa la imagen) */
.cab-img{display:grid;grid-template-columns:minmax(300px,40%) 1fr;min-height:300px;background:#ecedef}
.cab-txt{background:linear-gradient(135deg,#fd8232,#e06a1a);color:#fff;display:flex;align-items:center;padding:36px clamp(20px,4vw,64px)}
.cab-txt .texto{font-size:clamp(22px,2.5vw,34px);font-weight:700;line-height:1.25;padding:0}.cab-txt .texto p{margin:0 0 .6em}.cab-txt span{color:#fff!important}
.cab-foto{background-size:cover;background-repeat:no-repeat;min-height:260px}
@media(max-width:760px){.cab-img{grid-template-columns:1fr}.cab-foto{order:-1;min-height:200px}}

/* Volver arriba */
.subir{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;border:0;background:var(--n);color:#fff;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,transform .25s,visibility .25s,background .2s;z-index:90}
.subir.ver{opacity:1;visibility:visible;transform:none}.subir:hover{background:var(--nd)}.subir:focus-visible{outline:3px solid #222;outline-offset:2px}
.cookies:not([hidden])~.subir{bottom:78px}
@media(max-width:600px){.subir{right:12px;width:42px;height:42px}}

/* ───────── Capa moderna (2026-10-26): tipografía propia, botones accesibles, tarjetas, cabeceras limpias ───────── */
@font-face{font-family:Inter;font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/inter-400.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:500;font-style:normal;font-display:swap;src:url(/fonts/inter-500.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:600;font-style:normal;font-display:swap;src:url(/fonts/inter-600.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/inter-700.woff2) format("woff2")}
@font-face{font-family:Inter;font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/inter-800.woff2) format("woff2")}
:root{--nb:#c8470b;--nbh:#a83a08;--nh:#f26a1b}
body{font-family:Inter,"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;font-size:16px;color:#222}
h1,h2,h3,h4{letter-spacing:-.02em}
a{color:var(--nb)}
.texto,.articulo p,.tarj p{line-height:1.7}
/* barra superior oscura (texto blanco legible) */
.topbar{background:#262626}.topbar a{color:#e9e9e9}.topbar a:hover{color:var(--n);text-decoration:none}
/* cabecera y menú */
.cab{transition:box-shadow .2s}.cab .dentro{transition:min-height .2s}.logo img{transition:height .2s}
.cab.chica .dentro{min-height:58px}.cab.chica .logo img{height:42px}
.nav a{text-transform:none;font-size:15.5px;font-weight:600;color:#333;border-radius:8px;padding:8px 11px}.nav a:hover,.nav a.on{color:var(--nb);background:#fff3ec}
/* botones: naranja más profundo con texto blanco (contraste AA) */
.btn,.nav a.btn,.nav a.acceso{background:var(--nb);border-color:var(--nb);color:#fff;border-radius:10px;padding:12px 24px;font-weight:700;font-size:15px;letter-spacing:0;text-transform:none;box-shadow:0 8px 18px -10px rgba(200,71,11,.85);transition:transform .15s,background .15s,box-shadow .15s}
.btn:hover,.nav a.btn:hover,.nav a.acceso:hover{background:var(--nbh);border-color:var(--nbh);color:#fff;transform:translateY(-1px)}
.btn.claro{background:#fff;color:#222;border-color:#fff;box-shadow:none}.btn.claro:hover{background:#f1f1f1;color:#222;border-color:#f1f1f1}
.nav a.acceso{padding:9px 20px}
.btn:focus-visible,.nav a:focus-visible,summary:focus-visible{outline:3px solid #222;outline-offset:2px}
/* tarjetas */
.caja-icono,.tarifa,.testi,.calc-caja,.tarjeta,.h2-paso,.h2-palancas>div,.h2-claves>div{border-radius:16px}
.caja-icono{background:#fff;padding:28px 22px;box-shadow:0 10px 30px -16px rgba(0,0,0,.28);border:1px solid #f0f0f0}.caja-icono img{max-height:84px}.caja-icono h2{font-size:18px}
.tarifa{border:1px solid #eee;border-top:5px solid var(--n);box-shadow:0 12px 32px -16px rgba(0,0,0,.28)}.precio b{color:var(--nh)}
.testi,.calc-caja,.tarjeta{border:1px solid #f0f0f0;box-shadow:0 10px 30px -18px rgba(0,0,0,.3)}.tarjeta:hover{box-shadow:0 18px 38px -16px rgba(0,0,0,.32)}
.h2-palancas>div,.h2-paso{box-shadow:0 10px 30px -18px rgba(0,0,0,.25)}
details{border:1px solid #eee;border-radius:14px;box-shadow:0 6px 18px -14px rgba(0,0,0,.3)}summary{font-weight:600;font-size:16px;padding:16px 20px}details[open]{border-color:#ffd2b3}
.cita{border-radius:14px;font-size:18px}
/* cabeceras limpias (B): fondo claro, titular grande, foto con esquinas redondeadas */
.cab-limpia{background:linear-gradient(180deg,#fff,#fff7f1)}
.cab-limpia .dentro{display:grid;grid-template-columns:1.05fr 1fr;gap:48px;align-items:center;padding:56px clamp(16px,4vw,48px);max-width:1320px}
.cab-limpia.cab-sin-foto .dentro{grid-template-columns:1fr;padding:48px clamp(16px,4vw,48px) 40px}
.cab-limpia .eyebrow{display:inline-block;color:var(--nb);font-weight:800;letter-spacing:.14em;font-size:13px;text-transform:uppercase;margin-bottom:14px}
.cab-limpia h1{font-size:clamp(30px,4vw,50px);line-height:1.1;margin:0 0 16px;color:#1f1f1f;font-weight:800}.cab-limpia h1 strong{color:var(--nh)}
.cab-limpia .sub{font-size:clamp(17px,1.5vw,20px);color:#555;margin:0;max-width:34em}
.cab-limpia .foto{border-radius:20px;aspect-ratio:16/10;background-size:cover;background-repeat:no-repeat;box-shadow:0 24px 50px -18px rgba(0,0,0,.35)}
@media(max-width:860px){.cab-limpia .dentro{grid-template-columns:1fr;gap:26px;padding-top:34px}.cab-limpia .foto{order:-1}}
/* visor de capturas con marco de portátil */
.visor{border:10px solid #2b2b2b;border-bottom-width:22px;border-radius:16px;box-shadow:0 24px 50px -22px rgba(0,0,0,.45);background:#fff;max-width:940px}
/* aparición suave (solo si hay JavaScript; se desactiva con «reducir movimiento») */
.rev{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}.rev.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rev{opacity:1;transform:none;transition:none}html{scroll-behavior:auto}}
/* problemas que resuelve */
.pr-top{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.pr-top article{background:#fff;border-radius:16px;padding:24px;border:1px solid #f0f0f0;box-shadow:0 10px 30px -18px rgba(0,0,0,.3)}
.pr-top .n{display:inline-flex;width:38px;height:38px;border-radius:12px;background:#fff1e7;color:var(--nb);font-weight:800;align-items:center;justify-content:center;margin-bottom:12px}
.pr-top h3{margin:0 0 8px;font-size:18px}.pr-top p{margin:0;color:#555;font-size:15px}
.pr-area{margin:34px 0 14px;font-size:clamp(20px,2.2vw,26px);color:#222}.pr-area span{color:var(--nh)}

/* ───────── Ajustes de diseño (2026-10-26, 2ª pasada) ───────── */
/* Barra superior fija junto con el menú (en móvil solo el menú) */
.topbar{position:sticky;top:0;z-index:60;transition:padding .2s}
.topbar .dentro{transition:padding .2s}
.topbar.chica .dentro{padding-top:5px;padding-bottom:5px}
.cab{top:var(--tb,38px)}
@media(max-width:860px){.topbar{position:static}.cab{top:0}}
html{scroll-padding-top:120px}
/* Banners destacados: ya no son bloques naranjas pegados a lo siguiente */
.cita{background:#fff3ec!important;color:#222!important;border-left:6px solid var(--n);border-radius:14px;text-align:left;font-size:clamp(17px,1.7vw,20px);font-weight:700;line-height:1.4;padding:20px 26px;margin:0}
.fila.ancho:has(.cita){padding:30px 0 14px;background:transparent!important}
.texto[style*="#fd8232"]{background:#fff3ec!important;border-left:6px solid var(--n);border-radius:14px;padding:16px 22px!important;margin:0 0 14px}
.texto[style*="#fd8232"],.texto[style*="#fd8232"] *{color:#222!important}
.texto[style*="#fd8232"] h2,.texto[style*="#fd8232"] p{margin:0;font-size:clamp(16px,1.5vw,19px);text-align:left!important}
.fila.ancho:has(.acordeon){padding:14px 0 40px}
.fila.ancho:has(.texto[style*="#fd8232"]){padding-top:18px;padding-bottom:18px;background:transparent!important}
/* Movilidad: ventajas como tarjetas separadas */
.fila.ancho:has(.caja-icono){padding:34px 0 40px}
.fila.ancho:has(.caja-icono)>.dentro{gap:18px 0}
.col>.caja-icono{margin:0 0 16px}
.caja-icono:not(:has(img)){text-align:left;border-left:5px solid var(--n);padding:20px 24px}
.caja-icono:not(:has(img)) h2{color:#333;font-size:16.5px;font-weight:500;line-height:1.6;margin:0}.caja-icono:not(:has(img)) h2 strong{color:var(--nb);font-weight:700}
/* Precios: «Calcula tus extras» justo debajo de las cuotas */
.calc>.dentro{display:block}.calc h2{text-align:center;margin:0 0 22px}
/* Cabecera con imagen contenida (capturas sobre fondo transparente) */
.cab-limpia .foto.contenida{background-size:contain;background-position:center;box-shadow:none;aspect-ratio:16/9;border-radius:0}
/* Página de IA integrada con el resto de la web */
.fila:has(.cdai-wrap){background:none!important;padding:0!important}
.fila:has(.cdai-wrap)>.dentro{max-width:none;padding:0;display:block}
.fila:has(.cdai-wrap) .col{padding:0}.fila:has(.cdai-wrap) .texto{padding:0;background:none!important}
.cdai-wrap{font-family:inherit!important;color:#222}
.cdai-wrap .cdai-hero{background:linear-gradient(180deg,#fff,#fff7f1)!important;color:#222;padding:64px 5% 60px}
.cdai-wrap .cdai-hero::before{display:none}
.cdai-wrap .cdai-hero-badge{background:#fff!important;border:1px solid #ffd2b3!important;color:var(--nb)!important;border-radius:20px;padding:6px 16px}.cdai-hero-badge-dot{background:var(--nb)!important}
.cdai-wrap .cdai-hero-title{color:#1f1f1f!important;font-weight:800!important}.cdai-hero-title strong{color:var(--nh)!important}
.cdai-wrap .cdai-hero-subtitle{color:#555!important}
.cdai-wrap .cdai-btn-orange,.cdai-wrap .cdai-btn-white{background:var(--nb)!important;color:#fff!important;border-radius:10px;letter-spacing:0!important;text-transform:none!important;font-size:15px!important;padding:13px 26px!important;box-shadow:0 8px 18px -10px rgba(200,71,11,.85)}
.cdai-wrap .cdai-btn-orange:hover,.cdai-wrap .cdai-btn-white:hover{background:var(--nbh)!important;color:#fff!important}
.cdai-wrap .cdai-btn-outline,.cdai-wrap .cdai-btn-dark{background:#fff!important;color:#222!important;border:1px solid #d6d6d6!important;border-radius:10px;letter-spacing:0!important;text-transform:none!important;font-size:15px!important;padding:13px 26px!important}
.cdai-wrap .cdai-btn-outline:hover,.cdai-wrap .cdai-btn-dark:hover{border-color:var(--nb)!important;color:var(--nb)!important;background:#fff!important}
.cdai-wrap .cdai-statement{background:#fff!important;padding:60px 5%}
.cdai-wrap .cdai-section-label{font-size:13px!important;letter-spacing:.14em;color:var(--nb)!important}
.cdai-wrap .cdai-statement-title,.cdai-wrap .cdai-how-title,.cdai-wrap .cdai-features-title{color:#1f1f1f!important}.cdai-statement-text{color:#555!important}
.cdai-wrap .cdai-how{background:#faf8f6!important;padding:64px 5%}
.cdai-wrap .cdai-steps-grid{border:0!important;gap:16px}
.cdai-wrap .cdai-step-item{border:1px solid #f0f0f0!important;border-radius:16px;box-shadow:0 10px 30px -18px rgba(0,0,0,.3);padding:34px 28px}
.cdai-wrap .cdai-step-arrow{display:none}
.cdai-wrap .cdai-step-item h4{font-size:1.05rem!important}.cdai-step-item p{color:#555!important;font-size:.92rem!important}
.cdai-wrap .cdai-features{background:#fff!important;padding:64px 5%}
.cdai-wrap .cdai-cards-grid{background:none!important;gap:20px!important}
.cdai-wrap .cdai-feature-card{border-radius:16px;box-shadow:0 10px 30px -18px rgba(0,0,0,.3);border:1px solid #f0f0f0!important;padding:34px 30px}
.cdai-wrap .cdai-feature-card p{color:#555!important;font-size:.95rem!important}
.cdai-wrap .cdai-card-num,.cdai-wrap .cdai-card-tag{color:var(--nb)!important;font-size:13px!important}.cdai-card-tag{border-bottom-color:var(--n)}
.cdai-wrap .cdai-queries{background:#2b2b2b!important;padding:64px 5%}
.cdai-wrap .cdai-q-grid{background:none!important;gap:14px!important}.cdai-q-item{background:#363636!important;border-radius:12px;border-left:4px solid var(--n)!important;padding:18px 22px}.cdai-q-item:hover{background:#404040!important}
.cdai-wrap .cdai-stats{padding:56px 5%}.cdai-stat-num{color:var(--nh)!important}.cdai-stat-label{color:#555!important}
.cdai-wrap .cdai-cta{background:#444!important;padding:56px 5%}.cdai-cta::before{display:none}
.cdai-wrap .cdai-cta-title{font-size:clamp(24px,3vw,34px)!important;font-weight:800!important}.cdai-cta-text{color:#e8e8e8!important;font-size:1.05rem!important}
.cdai-wrap .cdai-btn-white{background:#fff!important;color:#222!important;box-shadow:none}.cdai-btn-white:hover{background:#f1f1f1!important;color:#222!important}
.cdai-wrap .cdai-btn-dark{background:transparent!important;color:#fff!important;border:1px solid #fff!important}.cdai-btn-dark:hover{background:rgba(255,255,255,.12)!important;color:#fff!important;border-color:#fff!important}

.marca{color:var(--nb)}
/* Actualizaciones: cada versión es una tarjeta clara con su etiqueta de versión y fecha centradas */
.fila.ancho:has(.version){background:#faf8f6!important;padding-top:10px}
.fila:has(.version) hr.sep{display:none}
.subfila.version{background:#fff;border:1px solid #f0f0f0;border-radius:16px;box-shadow:0 10px 30px -18px rgba(0,0,0,.28);padding:24px 8px;margin:0 0 20px;align-items:flex-start}
.ver-cab{text-align:center;padding:4px 10px}
.ver-cab small{display:block;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#777}
.ver-cab b{display:block;font-size:42px;line-height:1.1;color:var(--nh);font-weight:800;margin:2px 0 6px}
.ver-cab time{display:inline-block;font-size:14px;color:#555;background:#f4f1ee;border-radius:20px;padding:3px 12px}
.version .texto ol{margin:6px 0;padding-left:1.3em}.version .texto li{margin:0 0 8px;line-height:1.6;color:#333}.version .texto p strong{color:#222;letter-spacing:.06em}

/* Ajustes 3: columnas de módulos, espacio de carruseles y de las calculadoras */
.col.c1-4>.texto[style*="#fd8232"],.col.c1-4>.texto[style*="#666666"]{background:#fff!important;border:0;border-bottom:3px solid var(--n);border-radius:0;padding:6px 0 10px!important;margin:0 0 14px;box-shadow:none}
.col.c1-4>.texto[style*="#fd8232"] *,.col.c1-4>.texto[style*="#666666"] *{color:#222!important;text-align:center!important;font-size:17px!important;letter-spacing:.08em;margin:0;font-weight:800}
.col.c1-4>.texto[style*="#ffffff"]{background:#fff!important;border-radius:10px;padding:10px 12px;margin:0 0 8px;box-shadow:0 6px 16px -12px rgba(0,0,0,.35)}
.col.c1-4>.texto[style*="#ffffff"] hr{display:none}.col.c1-4>.texto[style*="#ffffff"] p{margin:0;font-size:14px}
.fila:has(.visor){padding:12px 0 36px}
.fila.caja.calc{padding:28px 0 34px}.calc h2{margin:0 0 16px}.calc-caja label{padding:8px 0}.calc-caja{padding:18px 20px}.calc .total{margin-top:8px}
.fila.caja:has(.texto[style*="#fd8232"]){padding:26px 0 0}
.fila.caja:has(.texto[style*="#fd8232"])+.fila:has(.visor){padding-top:0}
.calc-caja label{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"i n p" ". s .";gap:0 12px;align-items:center;padding:9px 0}
.calc-caja label input{grid-area:i}.calc-caja label b{grid-area:n;font-size:15px}.calc-caja label small{grid-area:s;padding:0;margin:0;flex-basis:auto;font-size:13px}.calc-caja label span{grid-area:p;margin:0}
.calc-caja p{margin:4px 0 8px}.calc-caja .nota{margin:8px 0 0}.calcs{align-items:start}
/* Carruseles: todas las capturas apiladas en el mismo hueco y con fundido: sin saltos de página al cambiar */
.visor{display:grid}
.visor img{display:block!important;grid-area:1/1;width:100%;height:auto;opacity:0;transition:opacity .8s ease;pointer-events:none}
.visor img.on{opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.visor img{transition:none}}
/* Fondos: sin grises fríos; un tono claro cálido que alterna con el blanco */
.fila[style*="#ecedef"],.fila[style*="#ecebeb"],.fila[style*="#d1d1d1"],.h2-gris{background:#faf8f6!important}
.fila[style*="background-color:#ffffff"]{background:#fff!important}
.fila.caja.calc{background:#fff}
.cab-limpia{border-bottom:1px solid #f3ebe4}
.h2-logos{background:#faf8f6!important;border-color:#f3ebe4}
.h2-consul{margin:22px auto 0!important;font-size:15px;color:#ddd}.h2-consul a{color:#fff;text-decoration:underline}.logos a{display:block}.logos a:focus-visible{outline:2px solid var(--nh);outline-offset:4px}

/* ===== INTERIOR (restyling 2026-10-26): artículos, listado del blog, formularios, preguntas frecuentes y textos legales ===== */
/* Artículo del blog */
.art-hero{background:linear-gradient(180deg,#fff 0%,#fff7f1 100%);border-bottom:1px solid #f3ebe4;padding:46px 0 38px}
.art-col{max-width:780px!important;margin:0 auto;display:block!important}
.art-volver{display:inline-block;font-size:14px;font-weight:700;color:var(--nb);text-decoration:none;margin-bottom:18px}.art-volver:hover{text-decoration:underline}
.art-hero h1{font-size:clamp(30px,4.4vw,46px);line-height:1.12;color:#1f1f1f;margin:0 0 14px;font-weight:800;text-align:left;letter-spacing:-.01em}
.art-meta{margin:0;color:#6a625b;font-size:15px}
.art-cuerpo{background:#fff;padding:44px 0 24px}
.art-cuerpo p{font-size:19px;line-height:1.8;color:#2a2a2a;margin:0 0 1.15em}
.art-cuerpo p:first-child{font-size:22px;line-height:1.6;color:#111;font-weight:500}
.art-cuerpo strong{color:#111}.art-cuerpo a{color:var(--nb)}
.art-cuerpo h2,.art-cuerpo h3{font-size:26px;line-height:1.25;margin:1.6em 0 .5em;color:#1f1f1f;text-align:left}
.art-cuerpo img{border-radius:12px;margin:1.2em auto}
.art-cuerpo blockquote{margin:1.4em 0;padding:6px 0 6px 22px;border-left:4px solid var(--n);font-size:21px;line-height:1.55;color:#222;font-style:italic}
.art-cuerpo ul,.art-cuerpo ol{font-size:19px;line-height:1.8;padding-left:1.3em}
.art-pd{margin:34px 0 8px;padding:22px 26px 8px;background:#faf8f6;border-radius:14px;border:1px solid #efe7e0}.art-pd p{font-size:16px!important;line-height:1.65!important;font-weight:400!important;color:#444!important;margin:0 0 .9em!important}
.art-mas{background:#fff;padding:10px 0 50px}
.art-nl{background:#fff7f1;border:1px solid #f3ddd0;border-radius:18px;padding:30px 32px;margin:10px 0 30px}
.art-nl h2{font-size:clamp(21px,2.4vw,26px);line-height:1.25;margin:0 0 6px;color:#1f1f1f;text-align:left}.art-nl>p{margin:0 0 14px;color:#555;font-size:16px}
.formu-mini{max-width:none;margin:0;display:grid;grid-template-columns:1fr auto;gap:10px 12px;align-items:end}
.formu-mini>label:first-of-type{margin:0}.formu-mini .btn{height:46px;margin:0}.formu-mini .chk,.formu-mini .msg{grid-column:1/-1;margin:0}
.art-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.art-nav a{display:block;border:1px solid #eadfd6;border-radius:14px;padding:16px 20px;text-decoration:none;color:#222;background:#fff;transition:box-shadow .2s,border-color .2s}
.art-nav a:hover{box-shadow:0 14px 30px -18px rgba(0,0,0,.35);border-color:var(--n)}
.art-nav small{display:block;font-weight:800;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--nb);margin-bottom:4px}.art-nav span{font-weight:700;line-height:1.35;display:block}
.art-sig{text-align:right;grid-column:2}.art-ant{grid-column:1}
/* Listado del blog */
.cab-limpia.cab-sin-foto:has(+ .fila .rejilla) .sub{font-size:20px;color:#555;margin:6px 0 0}
.rejilla{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.anyo{font-size:30px;font-weight:800;color:#1f1f1f;border-bottom:0!important;position:relative;padding-bottom:10px;margin:26px 0 4px}.anyo:after{content:"";position:absolute;left:0;bottom:0;width:56px;height:4px;border-radius:2px;background:var(--n)}
.tarjeta{display:flex;flex-direction:column;border-radius:16px;transition:transform .2s,box-shadow .2s}.tarjeta:hover{transform:translateY(-3px)}
.tarjeta>div{padding:22px 24px 24px;display:flex;flex-direction:column;height:100%}
.tarjeta time{font-size:12.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--nb)!important;margin-bottom:8px}
.tarjeta h3{font-size:20px;line-height:1.25;margin:0 0 10px;color:#1f1f1f}.tarjeta p{font-size:15px;line-height:1.6;color:#555;margin:0}
/* Formularios (contacto, demo, newsletter) */
.frm-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;align-items:start;max-width:1040px;margin:0 auto}
.frm-lado h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2;margin:0 0 16px;color:#1f1f1f;text-align:left}
.frm-lado ul{list-style:none;padding:0;margin:0 0 26px}.frm-lado li{position:relative;padding:8px 0 8px 30px;font-size:17px;line-height:1.5;color:#333}
.frm-lado li:before{content:"";position:absolute;left:3px;top:15px;width:12px;height:6px;border-left:3px solid var(--n);border-bottom:3px solid var(--n);transform:rotate(-45deg)}
.frm-dir{margin:0 0 14px;font-size:17px}.frm-dir b{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--nb);margin-bottom:2px}.frm-dir a{color:#1f1f1f;font-weight:700;text-decoration:none}.frm-dir a:hover{color:var(--nb)}
.frm-card,.fila .formu:not(.formu-mini){background:#fff;border:1px solid #eee;border-radius:18px;padding:30px 32px;box-shadow:0 22px 50px -28px rgba(0,0,0,.35)}
.frm-card .formu{max-width:none;border:0;box-shadow:none;padding:0;background:none}
.formu label{font-size:14px;font-weight:700;color:#222;margin:14px 0}.formu input[type=text],.formu input[type=email],.formu input[type=tel],.formu textarea{padding:13px 14px;border:1px solid #cfc7bf;border-radius:10px;font-size:16px;background:#fff;transition:border-color .15s,box-shadow .15s}
.formu input:focus,.formu textarea:focus{outline:0;border-color:var(--n);box-shadow:0 0 0 4px rgba(253,130,50,.18)}
.formu .chk{font-weight:400;font-size:14px;color:#555;line-height:1.5}.formu .btn{margin-top:8px}
/* Preguntas frecuentes */
.acordeon details{background:#fff;border:1px solid #eadfd6;border-radius:14px;margin:0 0 12px;transition:box-shadow .2s}.acordeon details[open]{box-shadow:0 16px 34px -22px rgba(0,0,0,.35);border-color:#f3c9aa}
.acordeon summary{list-style:none;cursor:pointer;padding:18px 56px 18px 24px;font-weight:700;font-size:17.5px;line-height:1.4;color:#1f1f1f;position:relative}.acordeon summary::-webkit-details-marker{display:none}
.acordeon summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background:#fff3ec;color:var(--nb);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700}
.acordeon details[open] summary:after{content:"\2212";background:var(--n);color:#fff}
.acordeon details>.texto{padding:0 24px 12px;font-size:17px;line-height:1.7;color:#333}
.acordeon{max-width:880px;margin:0 auto}
/* Textos legales y páginas largas */
.fila.ancho:has(.texto h3[style*="center"])>.dentro,.fila.ancho:has(.texto h3[data-start])>.dentro{max-width:860px}
.texto h3[style*="center"]{text-align:left!important;font-size:22px;margin:1.8em 0 .6em;padding-top:.6em;border-top:1px solid #efe7e0}
.texto h2[style*="center"]{text-align:left!important}
.fila.ancho:has(.texto h3[style*="center"]) .texto p,.fila.ancho:has(.texto h3[style*="center"]) .texto li{font-size:16.5px;line-height:1.75;color:#333}
.fila.ancho:has(.texto h3[data-start]) .texto{max-width:760px;margin:0 auto;font-size:18px;line-height:1.75}
.fila.ancho:has(.texto h3[data-start]) .texto h3{text-align:left}
.fila.ancho:has(.texto h3[data-start]) .texto ul{background:#faf8f6;border:1px solid #efe7e0;border-radius:14px;padding:20px 26px 20px 44px}
@media(max-width:860px){.frm-grid{grid-template-columns:1fr;gap:26px}.art-nav{grid-template-columns:1fr}.art-sig,.art-ant{grid-column:1;text-align:left}.formu-mini{grid-template-columns:1fr}.art-cuerpo p{font-size:18px}.art-cuerpo p:first-child{font-size:20px}.frm-card,.fila .formu:not(.formu-mini){padding:22px 20px}}
.pie-enlaces{display:flex!important;justify-content:center;flex-wrap:wrap;gap:10px 34px;padding-bottom:6px!important}.pie-enlaces a{font-size:15px;font-weight:600;text-decoration:none;color:#fff}.pie-enlaces a:hover{color:var(--n);text-decoration:underline}
@media(max-width:560px){.pie-enlaces{flex-direction:column;align-items:center;gap:12px}}
.cookies{flex-wrap:wrap}.ck-btns{display:flex;gap:10px}.ck-btns .btn{min-width:110px;padding:9px 16px}.cookies p{max-width:760px;line-height:1.45}
@media(max-width:560px){.ck-btns{width:100%}.ck-btns .btn{flex:1}}