/* venntur.com · sistema Manifiesto: tinta, regla y coral. Sin cookies, sin recursos de terceros. */
@font-face{font-family:"Barlow";font-weight:400;font-style:normal;font-display:swap;src:url(../fonts/barlow-400.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:500;font-style:normal;font-display:swap;src:url(../fonts/barlow-500.woff2) format("woff2")}
@font-face{font-family:"Barlow";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/barlow-600.woff2) format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-weight:600;font-style:normal;font-display:swap;src:url(../fonts/barlowsc-600.woff2) format("woff2")}
@font-face{font-family:"Barlow Semi Condensed";font-weight:700;font-style:normal;font-display:swap;src:url(../fonts/barlowsc-700.woff2) format("woff2")}

:root{
  --ink:#14191E;--slate:#4F5B66;--rule:#DDE3E8;--mist:#F1F4F6;--paper:#FFFFFF;--grey:#AEB7C0;
  --act:#D64A2F;--act-h:#B83C23;--ok:#1E7A4B;--warn:#B4411C;--info:#2B5F8F;
  --sc:"Barlow Semi Condensed","Arial Narrow",sans-serif;--b:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --pad:24px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.5 var(--b);text-rendering:optimizeLegibility}
img,svg{display:block;max-width:100%}
a{color:var(--ink)}
a:hover{color:var(--act-h)}
:focus-visible{outline:3px solid var(--act);outline-offset:3px;border-radius:4px}
.w{max-width:1200px;margin:0 auto;padding:0 var(--pad)}
.salta{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--paper);padding:10px 14px;z-index:10}
.salta:focus{left:8px}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:6px;font:600 16px var(--b);text-decoration:none;cursor:pointer;border:2px solid transparent;white-space:nowrap;transition:background-color .15s,color .15s}
.btn-a{background:var(--act);color:var(--paper);border-color:var(--act)}
.btn-a:hover{background:var(--act-h);border-color:var(--act-h);color:var(--paper)}
.btn-b{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.btn-b:hover{background:var(--ink);color:var(--paper)}
.btn-g{min-height:56px;padding:0 28px;font-size:18px}
.botones{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:center}

/* Cabecera */
.cab{border-bottom:1px solid var(--rule)}
.cab .w{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px}
.cab .logo img{height:34px;width:auto}
.cab .logo.alto img{height:46px}
.cab nav{display:flex;gap:28px;font:600 16px var(--b)}
.cab nav a{text-decoration:none;padding:6px 0;border-bottom:3px solid transparent}
.cab nav a[aria-current="page"]{border-bottom-color:var(--act)}
.cab .der{display:flex;align-items:center;gap:16px}
.menu{display:none;position:relative}
.menu summary{list-style:none;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border-radius:6px}
.menu summary::-webkit-details-marker{display:none}
.menu .panel{position:absolute;right:0;top:52px;width:min(320px,calc(100vw - 32px));background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:8px 16px 16px;z-index:5;display:flex;flex-direction:column}
.menu .panel a{padding:12px 0;border-bottom:1px solid var(--rule);text-decoration:none;font:600 17px var(--b)}
.menu .panel .btn{margin-top:14px;border-bottom:2px solid var(--act)}

/* Texto */
h1,h2,h3{font-family:var(--sc);font-weight:700;margin:0;text-wrap:balance}
.h1{font-size:clamp(50px,7.2vw,96px);line-height:.93;letter-spacing:-1.5px}
.h2{font-size:clamp(32px,3.6vw,44px);line-height:1.02;letter-spacing:-.4px}
.h3{font-size:24px;line-height:1.1}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.45;color:var(--slate);margin:0;max-width:640px}
.nota{font-size:15px;line-height:1.45;color:var(--slate);margin:0}
.p{margin:0}
.suave{color:var(--slate)}
.num{font:700 20px/1 var(--sc);font-variant-numeric:tabular-nums}

/* Portada: cabecera con teléfono */
.hero{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:72px;align-items:center;padding:80px 0 72px}
.hero .txt{display:flex;flex-direction:column;gap:26px;max-width:720px}
.hero-r{padding:80px 0 48px;display:flex;flex-direction:column;gap:26px}
.hero-r .h1{max-width:1000px}

/* Secciones */
.sec{border-top:2px solid var(--ink);padding-top:22px;margin-top:72px}
.dos{display:grid;grid-template-columns:340px minmax(0,1fr);gap:64px;align-items:start}
.dos .izq .nota{margin-top:14px}
.lista{list-style:none;margin:0;padding:0}
.lista li{padding:15px 0;border-bottom:1px solid var(--rule)}
.lista.gruesa li{font:600 19px/1.35 var(--b)}
.lista.cols{display:grid;grid-template-columns:1fr 1fr;column-gap:48px}
.motores li{font:700 26px/1.15 var(--sc)}
.cuatro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:36px;margin-top:28px}
.cuatro>div,.dosc>div{border-top:1px solid var(--rule);padding-top:16px}
.cuatro .t{font:700 30px/1.05 var(--sc);margin-bottom:8px}
.dosc{display:grid;grid-template-columns:1fr 1fr;column-gap:40px;margin-top:36px}
.dosc .t{font:700 24px/1.1 var(--sc);margin-bottom:8px}
.etq{display:inline-block;font:600 13px/1 var(--b);color:var(--info);border:1px solid currentColor;border-radius:4px;padding:4px 7px;margin-bottom:8px}

/* Planes */
.planes{display:grid;grid-template-columns:1fr 1fr;margin-top:28px}
.plan{padding:26px 48px 26px 0}
.plan+.plan{padding:26px 0 26px 48px;border-left:1px solid var(--rule)}
.plan .logo-s{height:40px;width:auto}
.plan .nom{font:700 32px/1 var(--sc);margin-top:14px}
.plan .cifra{display:flex;align-items:baseline;gap:10px;margin-top:16px}
.plan .cifra b{font:700 64px/1 var(--sc);font-variant-numeric:tabular-nums}
.plan .cifra span{font:600 18px var(--sc);color:var(--slate)}
.plan .texto{margin-top:8px;color:var(--slate)}
.plan .lista{margin-top:18px}
.plan .lista li{padding:10px 0}
.plan .btn{margin-top:24px}
.enlace-f{font:600 16px var(--b)}

/* Preguntas */
.faq .q{padding:18px 0;border-bottom:1px solid var(--rule)}
.faq .q h3{font:600 19px/1.35 var(--b)}
.faq .q p{margin:6px 0 0;color:var(--slate);max-width:720px}

/* Cierre */
.cierre{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:88px;padding-bottom:88px}
.cierre h2{font-size:clamp(36px,4.4vw,56px);line-height:1;letter-spacing:-1px;max-width:720px}

/* Pie */
.pie{background:var(--ink);color:var(--paper)}
.pie .w{padding-top:52px;padding-bottom:44px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:40px;font-size:15px;line-height:2}
.pie a{color:var(--paper);text-decoration:none}
.pie a:hover{color:var(--paper);text-decoration:underline}
.pie .tit{font:700 15px var(--sc);color:var(--grey);line-height:1.6}
.pie .lema{color:var(--grey);margin:16px 0 0;max-width:260px;line-height:1.5}
.pie .logo-p{height:34px;width:auto}
.pie .logo-o{height:42px;width:auto;margin:8px 0}
.pie .gris{color:var(--grey)}

/* Teléfono de ejemplo (pantalla Hoy) */
.tel{width:100%;max-width:380px;border:2px solid var(--ink);border-radius:30px;padding:11px;background:var(--paper);justify-self:end}
.tel .pant{border-radius:20px;background:var(--paper);overflow:hidden;font-size:15px;line-height:1.35}
.tel .top{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 0;gap:8px}
.tel .neg{font:700 17px var(--sc)}
.tel .ej{font:600 12px var(--b);color:var(--info);border:1px solid currentColor;border-radius:4px;padding:3px 6px;white-space:nowrap}
.tel .cif{display:flex;align-items:baseline;gap:12px;padding:16px 18px 0}
.tel .cif b{font:700 96px/.9 var(--sc);letter-spacing:-2px}
.tel .cif span{font:600 24px/1.05 var(--sc)}
.tel .datos{display:flex;gap:16px;padding:12px 18px 0;font:600 17px var(--sc)}
.tel .datos b{font-size:23px}
.tel .fuente{padding:6px 18px 0;font-size:13px;color:var(--slate)}
.tel .bloque{margin:18px 18px 0;border-top:2px solid var(--ink);padding-top:10px}
.tel .bloque:last-child{padding-bottom:18px}
.tel .bt{font:700 19px var(--sc)}
.tel .bt.aviso{color:var(--warn)}
.tel .fl{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--rule)}
.tel .fl:last-child{border-bottom:0}
.tel .fl .x{flex:1 1 auto;min-width:0}
.tel .fl .x div:first-child{font-weight:600}
.tel .fl .x div+div{font-size:13px;color:var(--slate)}
.tel .mini{min-height:40px;padding:0 14px;font-size:14px}
.tel .hora{flex:0 0 50px;font:700 23px/1 var(--sc);font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:2px}
.tel .est{font:600 13px var(--b)}
.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:1px;background:currentColor}

/* Navegador de ejemplo (catálogo de distribuidores) */
.nav-ej{border:2px solid var(--ink);border-radius:10px;overflow:hidden;background:var(--paper)}
.nav-ej .barra{height:30px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:6px;padding:0 12px}
.nav-ej .barra i{width:10px;height:10px;border-radius:50%;background:var(--rule)}
.nav-ej .dentro{padding:20px 24px}
.nav-ej .busca{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.nav-ej .caja{flex:1 1 280px;min-height:44px;border:2px solid var(--ink);border-radius:8px;display:flex;align-items:center;padding:0 14px;font:500 15px var(--b);color:var(--slate)}
.chip{display:inline-flex;align-items:center;min-height:34px;padding:0 10px;border:1px solid var(--ink);border-radius:6px;font:500 14px var(--b)}
.chip.on{background:var(--ink);color:var(--paper)}
.nav-ej .res{font:600 14px var(--b);color:var(--slate);margin:14px 0 4px;display:flex;gap:10px;align-items:center}
.nav-ej table{width:100%;border-collapse:collapse;font-size:14px}
.nav-ej th{text-align:left;font:700 13px var(--sc);color:var(--slate);padding:8px 10px 8px 0;border-bottom:2px solid var(--ink)}
.nav-ej td{padding:11px 10px 11px 0;border-bottom:1px solid var(--rule);vertical-align:middle}
.nav-ej td:first-child div:first-child{font-weight:600;font-size:15px}
.nav-ej td:first-child div+div{font-size:13px;color:var(--slate)}
.nav-ej .pr{font:700 16px var(--sc)}
.nav-ej .pr small{display:block;font:400 12px var(--b);color:var(--slate)}
.nav-ej .btn{min-height:36px;padding:0 12px;font-size:14px}

/* Pasos */
.cinco{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:28px;margin-top:28px}
.cinco>div{border-top:1px solid var(--rule);padding-top:14px}
.cinco .n{font:700 44px/1 var(--sc);color:var(--slate)}
.cinco .t{font:700 24px var(--sc);margin:10px 0 6px}
.cinco p{margin:0;color:var(--slate);font-size:16px}
.ves{display:grid;grid-template-columns:1fr 1fr;column-gap:64px;margin-top:28px}
.ves .t{font:700 22px var(--sc);padding-bottom:8px;border-bottom:1px solid var(--rule)}
.ves .t.si{color:var(--ok)}
.ves .t.no{color:var(--warn)}

/* Precios */
.precios-cab{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:64px;align-items:end;padding:72px 0 40px}
.selector{display:flex;border:2px solid var(--ink);border-radius:6px;overflow:hidden;align-self:center}
.selector button{flex:1;font:600 16px var(--b);padding:12px;border:0;background:var(--paper);color:var(--ink);cursor:pointer}
.selector button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}
.tabla-planes{border-top:2px solid var(--ink)}
.tp-fila{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid var(--rule)}
.tp-fila>div{padding:14px 24px}
.tp-fila>div:first-child{padding-left:0}
.tp-fila>div+div{border-left:1px solid var(--rule)}
.tp-cab>div{padding-top:28px;padding-bottom:28px}
.tp-cab .btn{margin-top:20px}
.si{color:var(--ok);font:700 18px var(--sc)}
.pronto{color:var(--info);font:600 15px var(--b)}
.no-inc{color:var(--slate)}
.tp-col{display:none;font:700 13px var(--sc);color:var(--slate)}
.tp-fila.tp-cols{display:none}
.lanzamiento{margin-top:56px;background:var(--mist);border-radius:8px;padding:28px 32px;display:grid;grid-template-columns:340px minmax(0,1fr);gap:40px;align-items:baseline}
.fila-f{display:flex;gap:24px;padding:16px 0;border-bottom:1px solid var(--rule);align-items:baseline}
.fila-f .num{flex:0 0 150px}
.iva{margin-top:14px}

/* Contacto */
.contacto{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:72px;padding:72px 0 96px;align-items:start}
.form{display:grid;gap:18px}
.campo{display:flex;flex-direction:column;gap:6px}
.campo label,.campo legend{font:600 15px var(--b)}
.campo input[type=text],.campo input[type=email],.campo input[type=tel],.campo select,.campo textarea{font:400 16px var(--b);color:var(--ink);background:var(--paper);border:1px solid var(--ink);border-radius:6px;padding:11px 12px;min-height:46px;width:100%}
.campo textarea{min-height:120px;resize:vertical}
.campo input:focus,.campo select:focus,.campo textarea:focus{outline:3px solid var(--act);outline-offset:1px}
fieldset.campo{border:0;padding:0;margin:0}
.opciones{display:flex;flex-wrap:wrap;gap:8px}
.opciones label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--ink);border-radius:6px;font:500 15px var(--b);cursor:pointer}
.opciones input{accent-color:var(--act);width:18px;height:18px;margin:0}
.opciones label:has(input:checked){background:var(--ink);color:var(--paper)}
.dos-campos{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.acepto{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.acepto input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--act);flex:0 0 auto}
.oculto{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.aviso-f{padding:16px 18px;border-radius:8px;font:600 17px var(--b)}
.aviso-f.bien{background:#E6F2EB;color:var(--ok)}
.aviso-f.mal{background:#FBE9E7;color:#9F2B1F}
[hidden]{display:none!important}

/* Legal */
.legal{max-width:760px;padding:64px 0 96px}
.legal h1{font-size:clamp(40px,5vw,56px);line-height:1}
.legal h2{font-size:26px;margin-top:36px}
.legal p,.legal li{color:var(--ink)}
.legal .fecha{color:var(--slate);margin-top:12px}

/* Responsivo */
@media (max-width:1100px){
  .cab nav{gap:20px}
  .cinco{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:28px}
}
@media (max-width:960px){
  .cab nav,.cab .der .btn{display:none}
  .menu{display:block}
  .hero,.precios-cab,.contacto{grid-template-columns:1fr;gap:40px}
  .hero{padding:44px 0 24px}
  .tel{justify-self:center}
  .dos,.lanzamiento{grid-template-columns:1fr;gap:16px}
  .cuatro{grid-template-columns:1fr 1fr;row-gap:24px}
  .pie .w{grid-template-columns:1fr 1fr}
  .cierre{flex-direction:column;align-items:flex-start;gap:24px}
}
@media (max-width:700px){
  :root{--pad:16px}
  body{font-size:16px}
  .sec{margin-top:52px}
  .cab .w{min-height:68px}
  .cab .logo img{height:28px}
  .cab .logo.alto img{height:38px}
  .hero .txt .btn,.hero-r .btn,.cierre .btn{width:100%}
  .botones{flex-direction:column;align-items:stretch}
  .lista.cols,.cuatro,.dosc,.cinco,.ves,.planes,.dos-campos{grid-template-columns:1fr}
  .plan,.plan+.plan{padding:22px 0;border-left:0}
  .plan+.plan{border-top:1px solid var(--rule)}
  .plan .cifra b{font-size:52px}
  .plan .btn{width:100%}
  .motores li{font-size:22px}
  .tp-cab{display:block}
  .tp-cab>div:first-child{display:none}
  .tp-cab>div{border-left:0!important;padding:22px 0!important;border-bottom:1px solid var(--rule)}
  .tp-fila{grid-template-columns:1fr 92px 92px}
  .tp-fila>div{padding:12px 8px;font-size:15px}
  .tp-col{display:block}
  .tp-cols{display:grid!important}
  .fila-f{flex-direction:column;gap:4px}
  .fila-f .num{flex:none}
  .pie .w{grid-template-columns:1fr;gap:24px}
  .nav-ej .dentro{padding:14px}
  .nav-ej .ocultar-m{display:none}
  .cierre{margin-top:64px;padding-bottom:64px}
  .lanzamiento{padding:22px 20px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}