/* Finantur · formato de landing v6. Generado por build_tema.py: no editar a mano. */
@font-face{font-family: 'Archivo'; font-style: normal; font-weight: 300 900; font-stretch: 62% 125%; font-display: swap; src: url(fonts/Archivo-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Public Sans'; font-style: italic; font-weight: 400; font-display: swap; src: url(fonts/PublicSans-italic.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family: 'Public Sans'; font-style: normal; font-weight: 300 700; font-display: swap; src: url(fonts/PublicSans-normal.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
/* Formato de landing Finantur v6 (oct-2026). Una sola apariencia, blanca: la web es blanca.
   Componentes reutilizables: .cab .hero .panel .req .pasos .avisos .faq .resenas .aval .cierre .pie
   Toda landing nueva cambia el contenido, no estas reglas. */
:root{
  color-scheme: light;
  --tinta:#0E1A2B; --texto:#3D4A5C; --suave:#6B7787;
  --azul:#0B5CAD; --azul-osc:#08467F; --azul-claro:#E6EFF9;
  --panel:#10161F; --panel-fila:#18202B; --ambar:#F5B841; --ambar-suave:#C99A3A;
  --fondo:#FFFFFF; --gris:#F3F6FA; --linea:#DCE3EC;
  --display:"Archivo", "Arial Narrow", Arial, sans-serif;
  --cuerpo:"Public Sans", "Segoe UI", Helvetica, Arial, sans-serif;
  --ancho:1180px; --gutter:clamp(16px,4vw,40px);
}
.lv6, .lv6 *{box-sizing:border-box}
.lv6{margin:0; background:var(--fondo); color:var(--texto); font-family:var(--cuerpo); font-size:17px; line-height:1.62; font-weight:400}
.lv6 img{max-width:100%; display:block}
.lv6 a{color:var(--azul)}
.lv6 :focus-visible{outline:3px solid var(--ambar); outline-offset:3px}
.lv6 h1,.lv6 h2,.lv6 h3{font-family:var(--display); color:var(--tinta); margin:0; text-wrap:balance}
.lv6 p{margin:0}
.lv6 .env{max-width:var(--ancho); margin:0 auto; padding-inline:var(--gutter)}
.lv6 .etiqueta{font-family:var(--display); font-stretch:80%; font-weight:700; font-size:13px; letter-spacing:.14em; text-transform:uppercase; color:var(--azul)}
.lv6 .titulo{font-size:clamp(30px,4.2vw,50px); line-height:1.02; font-weight:800; font-stretch:88%; letter-spacing:-.015em; margin-top:12px}
.lv6 .intro{max-width:62ch; margin-top:16px; font-size:18px}
.lv6 .boton{display:inline-flex; align-items:center; gap:10px; font-family:var(--display); font-weight:700; font-size:16px; letter-spacing:.01em; text-decoration:none; padding:15px 26px; border-radius:4px; border:2px solid var(--azul); background:var(--azul); color:#fff; transition:background .15s, transform .15s}
.lv6 .boton:hover{background:var(--azul-osc); border-color:var(--azul-osc)}
.lv6 .boton.hueco{background:transparent; color:var(--azul)}
.lv6 .boton.hueco:hover{background:var(--azul-claro)}
.lv6 .boton .flecha{transition:transform .15s}
.lv6 .boton:hover .flecha{transform:translateX(3px)}
.lv6 .logo{display:inline-flex; align-items:center; text-decoration:none; font-family:var(--display); font-size:26px; font-weight:500; letter-spacing:-.02em; color:var(--tinta)}
.lv6 .logo .b{display:inline-grid; place-items:center; width:1.6em; height:1.6em; border-radius:50%; background:var(--azul); color:#fff; font-size:.7em; font-weight:700; margin-left:2px}/* Hero */
.lv6 .hero{padding-block:clamp(40px,7vw,88px) clamp(40px,6vw,72px)}
.lv6 .hero .env{display:grid; grid-template-columns:minmax(0,1.25fr) minmax(0,1fr); gap:clamp(32px,5vw,72px); align-items:start}
.lv6 .hero h1{font-weight:800; font-stretch:94%; font-size:clamp(36px,4.4vw,58px); line-height:1.04; letter-spacing:-.022em}
.lv6 .hero h1 .linea2{display:block; margin-top:14px; font-stretch:100%; font-weight:500; letter-spacing:-.01em; font-size:clamp(19px,1.9vw,24px); line-height:1.3; color:var(--azul)}
.lv6 .hero .lead{margin-top:26px; max-width:56ch; font-size:18.5px}
.lv6 .hero .lead strong{color:var(--tinta); font-weight:600}
.lv6 .hero .botones{display:flex; flex-wrap:wrap; gap:12px; margin-top:30px}
.lv6 .confianza{display:flex; flex-wrap:wrap; gap:10px 28px; margin-top:34px; padding-top:22px; border-top:1px solid var(--linea); font-size:14.5px; color:var(--suave)}
.lv6 .confianza b{font-family:var(--display); font-stretch:80%; font-size:22px; font-weight:800; color:var(--tinta); margin-right:6px}/* Formulario */
.lv6 .form{background:var(--fondo); border:1px solid var(--linea); border-radius:6px; padding:28px; box-shadow:0 24px 48px -28px rgba(14,26,43,.35)}
.lv6 .form h2{font-size:24px; font-weight:800; font-stretch:90%}
.lv6 .form .sub{margin-top:6px; font-size:15px; color:var(--suave)}
.lv6 .campos{display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:20px}
.lv6 .campo{display:grid; gap:6px}
.lv6 .campo.ancho{grid-column:1 / -1}
.lv6 .campo label{font-size:13px; font-weight:600; color:var(--tinta)}
.lv6 .campo input,.lv6 .campo select,.lv6 .campo textarea{font:inherit; font-size:16px; color:var(--tinta); background:var(--gris); border:1px solid var(--linea); border-radius:4px; padding:11px 12px; width:100%}
.lv6 .campo textarea{min-height:84px; resize:vertical}
.lv6 .campo input:focus,.lv6 .campo select:focus,.lv6 .campo textarea:focus{outline:2px solid var(--azul); outline-offset:0; background:#fff}
.lv6 .legal{display:flex; gap:10px; align-items:flex-start; margin-top:16px; font-size:13px; color:var(--suave); line-height:1.45}
.lv6 .legal input{margin-top:3px}
.lv6 .form button{width:100%; justify-content:center; margin-top:18px; cursor:pointer; font-size:17px}
.lv6 .form .nota{margin-top:10px; font-size:13px; color:var(--azul); min-height:1em}/* Panel de salidas: la pieza central */
.lv6 .panel{background:var(--panel); color:#E9EEF5; padding-block:clamp(44px,6vw,72px)}
.lv6 .panel-cab{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:16px 40px}
.lv6 .panel-cab h2{color:#fff; font-size:clamp(28px,3.6vw,42px); font-weight:800; font-stretch:85%; line-height:1.05; max-width:20ch}
.lv6 .panel-cab .etiqueta{color:var(--ambar)}
.lv6 .panel-cab .verif{font-size:14px; color:#9AA6B6; max-width:36ch}
.lv6 .tablero{margin-top:34px; border-top:1px solid #2A3442; overflow-x:auto}
.lv6 .fila{display:grid; grid-template-columns:minmax(200px,1.1fr) minmax(250px,1.2fr) minmax(200px,1fr); gap:24px; align-items:center; padding:18px 0; border-bottom:1px solid #2A3442; min-width:680px}
.lv6 .fila.cabeza{padding:12px 0; font-family:var(--display); font-stretch:75%; font-weight:600; font-size:12.5px; letter-spacing:.18em; text-transform:uppercase; color:#7F8B9C}
.lv6 .concepto{font-family:var(--display); font-stretch:80%; font-weight:700; font-size:19px; letter-spacing:.04em; text-transform:uppercase; color:#fff}
.lv6 .concepto small{display:block; font-family:var(--cuerpo); font-stretch:100%; font-weight:400; text-transform:none; letter-spacing:0; font-size:14px; color:#9AA6B6; margin-top:2px}
.lv6 .importe{font-family:var(--display); font-weight:800; font-stretch:92%; font-size:clamp(30px,3.3vw,44px); line-height:1; letter-spacing:-.01em; color:var(--ambar); font-variant-numeric:tabular-nums; white-space:nowrap}
.lv6 .norma{font-size:14.5px; color:#B7C1CE}
.lv6 .norma a{color:#B7C1CE}/* Bloques generales */
.lv6 .bloque{padding-block:clamp(64px,9vw,112px)}
.lv6 .bloque.gris{background:var(--gris)}/* Requisitos */
.lv6 .req-rejilla{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.5fr); gap:clamp(32px,6vw,88px); align-items:start}
.lv6 .req-rejilla .lado{position:sticky; top:96px}
.lv6 .req-rejilla .lado img{margin-top:32px; border-radius:6px; aspect-ratio:4/3; object-fit:cover; width:100%}
.lv6 .req{list-style:none; margin:0; padding:0; counter-reset:req; display:grid}
.lv6 .req li{counter-increment:req; display:grid; grid-template-columns:64px 1fr; gap:18px; padding:24px 0; border-top:1px solid var(--linea)}
.lv6 .req li:last-child{border-bottom:1px solid var(--linea)}
.lv6 .req li::before{content:counter(req, decimal-leading-zero); font-family:var(--display); font-stretch:70%; font-weight:800; font-size:34px; line-height:1; color:var(--linea)}
.lv6 .req li.clave::before{color:var(--ambar-suave)}
.lv6 .req h3{font-size:21px; font-weight:700; font-stretch:92%; line-height:1.2}
.lv6 .req p{margin-top:6px; max-width:58ch}
.lv6 .req .marca{display:inline-block; margin-left:8px; vertical-align:3px; font-family:var(--display); font-stretch:80%; font-size:11.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--panel); background:var(--ambar); padding:3px 8px; border-radius:3px}/* Destacado (la garantía) */
.lv6 .destacado{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:clamp(32px,6vw,80px); align-items:center}
.lv6 .destacado img{border-radius:6px; aspect-ratio:5/4; object-fit:cover; width:100%}
.lv6 .cita{margin-top:26px; padding:22px 24px; background:var(--fondo); border-left:4px solid var(--ambar); font-family:var(--display); font-stretch:92%; font-weight:600; font-size:21px; line-height:1.3; color:var(--tinta)}
.lv6 .destacado .cuerpo p{margin-top:16px; max-width:58ch}/* Pasos: es una secuencia real, por eso van numerados */
.lv6 .pasos{display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin-top:44px; border-top:2px solid var(--tinta)}
.lv6 .paso{padding:22px 20px 0 0; position:relative}
.lv6 .paso::before{content:""; position:absolute; top:-7px; left:0; width:12px; height:12px; border-radius:50%; background:var(--fondo); border:2px solid var(--tinta)}
.lv6 .paso:first-child::before{background:var(--azul); border-color:var(--azul)}
.lv6 .paso .n{font-family:var(--display); font-stretch:75%; font-weight:700; font-size:13px; letter-spacing:.16em; text-transform:uppercase; color:var(--suave)}
.lv6 .paso h3{font-size:20px; font-weight:700; font-stretch:90%; margin-top:6px; line-height:1.2}
.lv6 .paso p{margin-top:8px; font-size:15.5px}
.lv6 .pasos-cta{margin-top:44px; display:flex; flex-wrap:wrap; align-items:center; gap:16px 24px}
.lv6 .pasos-cta p{font-family:var(--display); font-weight:700; font-size:20px; color:var(--tinta)}/* Errores */
.lv6 .avisos{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:40px}
.lv6 .aviso{padding:24px; border:1px solid var(--linea); border-radius:6px; background:var(--fondo)}
.lv6 .aviso b{display:block; font-family:var(--display); font-stretch:92%; font-size:19px; font-weight:700; color:var(--tinta); line-height:1.25}
.lv6 .aviso span{display:block; margin-top:8px; font-size:15.5px}
.lv6 .aviso.ancho{grid-column:1 / -1}/* Preguntas */
.lv6 .faq-rejilla{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.6fr); gap:clamp(32px,6vw,88px); align-items:start}
.lv6 .faq details{border-top:1px solid var(--linea)}
.lv6 .faq details:last-child{border-bottom:1px solid var(--linea)}
.lv6 .faq summary{list-style:none; cursor:pointer; display:flex; justify-content:space-between; gap:20px; padding:22px 0; font-family:var(--display); font-stretch:92%; font-weight:700; font-size:20px; line-height:1.3; color:var(--tinta)}
.lv6 .faq summary::-webkit-details-marker{display:none}
.lv6 .faq summary::after{content:"+"; flex:none; font-weight:400; font-size:28px; line-height:1; color:var(--azul); transition:transform .2s}
.lv6 .faq details[open] summary::after{transform:rotate(45deg)}
.lv6 .faq .r{padding:0 0 24px; max-width:64ch}
.lv6 .faq .r strong{color:var(--tinta); font-weight:600}/* Reseñas */
.lv6 .resenas{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:40px}
.lv6 .resena{padding:26px; background:var(--gris); border-radius:6px; display:flex; flex-direction:column; gap:14px}
.lv6 .resena .est{color:var(--ambar-suave); letter-spacing:2px; font-size:15px}
.lv6 .resena q{font-size:16.5px; color:var(--tinta); quotes:"«" "»"}
.lv6 .resena .quien{margin-top:auto; font-size:14px; color:var(--suave)}
.lv6 .resena .quien b{color:var(--tinta); font-weight:600}/* Aval y fuentes */
.lv6 .aval{display:grid; grid-template-columns:minmax(0,1.6fr) minmax(0,1fr); gap:16px; margin-top:40px}
.lv6 .aval .persona,.lv6 .aval .sello{background:var(--fondo); border:1px solid var(--linea); border-radius:6px; padding:28px}
.lv6 .persona .cab-p{display:flex; gap:16px; align-items:center}
.lv6 .persona .foto{width:64px; height:64px; border-radius:50%; object-fit:cover; object-position:center 22%; flex:none}
.lv6 .persona .ini{display:grid; place-items:center; width:58px; height:58px; border-radius:50%; background:var(--azul); color:#fff; font-family:var(--display); font-weight:700; font-size:20px; flex:none}
.lv6 .persona h3{font-size:21px; font-weight:700}
.lv6 .persona .cargo{font-size:14.5px; color:var(--suave)}
.lv6 .persona .bio{margin-top:18px; max-width:60ch}
.lv6 .sello{display:flex; flex-direction:column; gap:14px; justify-content:center}
.lv6 .sello img{width:96px; mix-blend-mode:multiply}
.lv6 .sello p{font-size:15px}
.lv6 .fuentes{margin-top:28px; padding-top:20px; border-top:1px solid var(--linea); font-size:14px; color:var(--suave); max-width:90ch}
.lv6 .fuentes b{color:var(--tinta); font-weight:600}/* Cierre */
.lv6 .cierre{background:var(--azul); color:#fff; padding-block:clamp(56px,8vw,96px)}
.lv6 .cierre .env{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; gap:28px}
.lv6 .cierre h2{color:#fff; font-weight:800; font-stretch:94%; font-size:clamp(32px,4vw,52px); line-height:1.05; letter-spacing:-.02em}
.lv6 .cierre p{margin-top:14px; font-size:18px; color:#D6E4F5}
.lv6 .cierre .botones{display:flex; flex-wrap:wrap; gap:12px}
.lv6 .cierre .boton{background:#fff; color:var(--azul); border-color:#fff}
.lv6 .cierre .boton:hover{background:var(--azul-claro); border-color:var(--azul-claro)}
.lv6 .cierre .boton.hueco{background:transparent; color:#fff; border-color:rgba(255,255,255,.6)}
.lv6 .cierre .boton.hueco:hover{background:rgba(255,255,255,.1)}/* Barra móvil */
.lv6 .barra{display:none}
@media (max-width:980px){
.lv6 .hero .env,.lv6 .req-rejilla,.lv6 .destacado,.lv6 .faq-rejilla,.lv6 .aval{grid-template-columns:1fr}
.lv6 .req-rejilla .lado{position:static}
.lv6 .pasos{grid-template-columns:1fr; border-top:0; border-left:2px solid var(--tinta); margin-left:6px}
.lv6 .paso{padding:0 0 26px 26px}
.lv6 .paso::before{top:4px; left:-7px}
.lv6 .resenas{grid-template-columns:1fr}
}
@media (max-width:640px){
.lv6{overflow-x:clip}
.lv6 .tablero{overflow-x:visible}
.lv6 .fila{grid-template-columns:1fr; gap:10px; min-width:0; padding:20px 0}
.lv6 .fila.cabeza{display:none}
.lv6{font-size:16px; }
.lv6 .campos,.lv6 .avisos{grid-template-columns:1fr}
.lv6 .form{padding:22px}
.lv6 .barra{display:grid; grid-template-columns:1fr 1fr; gap:10px; position:fixed; left:0; right:0; bottom:0; z-index:30; padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px)); background:#fff; border-top:1px solid var(--linea)}
.lv6 .barra .boton{justify-content:center; padding:13px 10px; font-size:15px}
}
@media (prefers-reduced-motion:reduce){
.lv6, .lv6 *{transition:none!important; animation:none!important}
}

/* Encaje en The7: el contenido ocupa todo el ancho (las secciones llevan su propio .env) */
body.landing-v6 #main{padding:0!important}
body.landing-v6 #main > .wf-wrap{max-width:none!important; width:100%!important; padding:0!important}
body.landing-v6 .wf-container-main{display:block!important; margin:0!important}
body.landing-v6 #content{width:100%!important; max-width:none!important; padding:0!important; margin:0!important; float:none!important}
/* Mismo ancho de contenido que el resto de la web (.wf-wrap de The7: 1300px útiles) */
body.landing-v6 .lv6{--ancho:calc(1300px + 2 * var(--gutter))}
.lv6 [id]{scroll-margin-top:110px}
@media (max-width:640px){body.landing-v6{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}}
/* Formulario de Clientify (iframe propio): solo se controla el contenedor */
.form .clientify-embed{margin-top:16px}
.form .clientify-embed iframe{width:100%!important; border:0}