@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(/assets/fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/montserrat-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/fonts/montserrat-latin-700-normal.woff2) format("woff2")}

:root{
  --naranja:#F68632;--naranja-accion:#B4530A;--naranja-accion-hover:#934306;--naranja-fondo:#DD6819;
  --gris-logo:#606060;--texto:#333333;--fondo:#FFFFFF;--linea:#E3E3E3;--suave:#F6F6F6;
  --sans:Montserrat,Arial,"Helvetica Neue",sans-serif;
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ancho:1160px;--gutter:clamp(16px,4vw,40px);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:88px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{margin:0;background:var(--fondo);color:var(--texto);font:400 16px/1.6 var(--sans);text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:var(--naranja-accion);text-underline-offset:3px}
a:hover{color:var(--naranja-accion-hover)}
:focus-visible{outline:3px solid var(--naranja-accion);outline-offset:3px;border-radius:2px}
h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.01em;color:var(--texto)}
p{margin:0}
.wrap{max-width:var(--ancho);margin:0 auto;padding:0 var(--gutter)}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--texto);color:#fff;padding:10px 16px;border-radius:6px}
.skip:focus{left:16px;color:#fff}

/* Botones */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:8px;border:2px solid var(--naranja-accion);background:var(--naranja-accion);color:#fff;font:700 16px/1.2 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap}
.btn:hover{background:var(--naranja-accion-hover);border-color:var(--naranja-accion-hover);color:#fff}
.top .btn.is-hidden{visibility:hidden;opacity:0}
.top .btn{transition:opacity .2s}
.btn[disabled]{opacity:.7;cursor:progress}

/* Encabezado */
.top{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid transparent;transition:border-color .2s}
.top.is-scrolled{border-bottom-color:var(--linea)}
.top .wrap{display:flex;align-items:center;gap:16px;min-height:72px}
.top .logo{margin-right:auto;display:block;width:150px}
.menu{display:flex;gap:4px 24px}
.menu a{color:var(--texto);font-weight:600;font-size:15px;text-decoration:none;padding:10px 0}
.menu a:hover{text-decoration:underline;color:var(--texto)}
@media (max-width:1100px){.menu{display:none}}
.lang{font-weight:600;font-size:15px;color:var(--gris-logo);text-decoration:none;padding:10px 8px;min-height:44px;display:inline-flex;align-items:center}
.lang:hover{color:var(--texto);text-decoration:underline}
@media (max-width:560px){.top .logo{width:120px}.top .btn{padding:10px 14px;font-size:15px;min-height:44px}}
@media (max-width:360px){.top .btn{font-size:14px;padding:10px 10px}}

/* Portada */
.hero{padding:clamp(40px,8vw,96px) 0 clamp(48px,7vw,88px)}
.hero-texto{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,5vw,72px);align-items:end}
.hero h1{font-size:clamp(30px,5vw,50px);line-height:1.1;max-width:21ch;text-wrap:balance}
@media (max-width:900px){.hero-texto{grid-template-columns:1fr;gap:0}}
.hero .lead{margin-top:20px;padding-bottom:6px;font-size:clamp(17px,2vw,19px);line-height:1.6;color:var(--gris-logo);max-width:58ch}

/* Los dos caminos: el búho-escudo, mitad sólida y mitad en contorno */
.caminos{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;border:3px solid var(--gris-logo);border-radius:4px 4px 120px 120px / 4px 4px 60px 60px;overflow:hidden}
.camino{padding:clamp(28px,4.5vw,56px);display:flex;flex-direction:column;gap:14px;min-height:280px}
.camino h3{font-size:clamp(22px,2.6vw,30px);line-height:1.15}
.camino p{max-width:40ch;font-size:17px}
.camino a{margin-top:auto;font-weight:700;color:var(--texto);text-decoration:underline;text-decoration-thickness:2px;align-self:flex-start;padding:6px 0}
.camino--solido{background:var(--naranja)}
.camino--solido a:hover{color:#000}
.camino--solido :focus-visible{outline-color:var(--texto)}
.camino--contorno{background:var(--fondo);border-left:3px solid var(--gris-logo)}
.camino--contorno a{color:var(--naranja-accion)}
.camino--contorno a:hover{color:var(--naranja-accion-hover)}
@media (max-width:720px){
  .caminos{grid-template-columns:1fr;border-radius:4px 4px 90px 90px / 4px 4px 44px 44px}
  .camino{min-height:0}
  .camino--contorno{border-left:0;border-top:3px solid var(--gris-logo);padding-bottom:64px}
}

/* Secciones */
.seccion{padding:clamp(64px,9vw,112px) 0;border-top:1px solid var(--linea)}
.seccion h2{font-size:clamp(28px,4vw,40px);line-height:1.15}
.intro{margin-top:16px;max-width:62ch;font-size:17px;color:var(--gris-logo)}

/* Productos: tabla de filas, no tarjetas */
.productos{border-top:2px solid var(--texto)}
.producto{display:grid;grid-template-columns:minmax(150px,220px) 1fr minmax(170px,auto);gap:12px 32px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--linea)}
.producto h3{font-size:22px;line-height:1.3}
.producto p{max-width:60ch}
.producto .estado{font-size:14px;font-weight:600;color:var(--gris-logo);display:block;margin-top:2px;letter-spacing:0}
.producto .accion{justify-self:end;font-weight:700;padding:8px 0}
.producto--pronto h3,.producto--pronto p{color:var(--gris-logo)}
.producto--pronto .accion{color:var(--gris-logo);font-weight:600;font-size:15px}
@media (max-width:760px){
  .producto{grid-template-columns:1fr;gap:6px}
  .producto .accion{justify-self:start}
}

/* Desarrollo */
.dev-grid{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px)}
.dev-grid h3{font-size:22px;margin-bottom:20px}
.lista{list-style:none;margin:0;padding:0}
.lista li{padding:18px 0 18px 28px;border-top:1px solid var(--linea);position:relative}
.lista li::before{content:"";position:absolute;left:0;top:26px;width:12px;height:12px;border:2px solid var(--gris-logo);box-shadow:inset 4px 0 0 var(--naranja)}
.lista strong,.pasos strong{display:block;font-size:17px;margin-bottom:4px}
.pasos{list-style:none;margin:0;padding:0;counter-reset:paso}
.pasos li{counter-increment:paso;display:grid;grid-template-columns:44px 1fr;gap:16px;padding:18px 0;border-top:1px solid var(--linea)}
.pasos li::before{content:counter(paso);width:36px;height:36px;border-radius:50%;border:2px solid var(--gris-logo);display:grid;place-items:center;font-weight:700;font-size:15px}
.pasos li:first-child::before{background:var(--naranja);border-color:var(--naranja)}
@media (max-width:820px){.dev-grid{grid-template-columns:1fr}}

/* Por qué: sección oscura */
.oscura{background:var(--texto);color:#fff;border-top:0}
.oscura h2,.oscura h3{color:#fff}
.razones{margin-top:48px;display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(28px,4vw,48px)}
.razones h3{font-size:20px;line-height:1.3;margin-bottom:12px;padding-top:18px;border-top:4px solid var(--naranja)}
.razones p{color:#E6E6E6}
.oscura .buho{width:56px;opacity:.95}
@media (max-width:860px){.razones{grid-template-columns:1fr}}

/* Contacto */
.contacto-grid{margin-top:40px;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(32px,6vw,80px);align-items:start}
.campos{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.campo{display:flex;flex-direction:column;gap:6px}
.campo--ancho{grid-column:1/-1}
label{font-weight:600;font-size:15px}
.ayuda{font-size:14px;color:var(--gris-logo)}
input,select,textarea{font:400 16px/1.4 var(--sans);color:var(--texto);background:#fff;border:1.5px solid #8C8C8C;border-radius:8px;padding:12px 14px;min-height:48px;width:100%}
textarea{min-height:110px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid var(--naranja-accion);outline-offset:1px;border-color:var(--naranja-accion)}
[aria-invalid="true"]{border-color:#A3260F}
.error{font-size:14px;font-weight:600;color:#A3260F;min-height:0}
.error:empty{display:none}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.envio{margin-top:24px;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.aviso{font-size:14px;color:var(--gris-logo);max-width:60ch}
.resultado{font-weight:600;padding:14px 16px;border-left:4px solid var(--naranja);background:var(--suave);max-width:60ch}
.resultado:empty{display:none}
.donde h3{font-size:20px;margin-bottom:10px}
.donde address{font-style:normal}
.donde .buho{width:88px;margin-bottom:24px}
@media (max-width:820px){.contacto-grid{grid-template-columns:1fr}}
@media (max-width:560px){.campos{grid-template-columns:1fr}.envio .btn{width:100%}}

/* Pie */
.pie{border-top:1px solid var(--linea);padding:48px 0 32px;font-size:15px}
.pie .fila{display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between;align-items:flex-start}
.pie .logo{width:150px}
.pie .frase{margin-top:12px;color:var(--gris-logo)}
.pie nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 24px}
.pie nav a{color:var(--texto);text-decoration:none;display:inline-block;padding:8px 0}
.pie nav a:hover{text-decoration:underline;color:var(--texto)}
.pie .legal{margin-top:32px;color:var(--gris-logo);font-size:14px}

/* Páginas de texto (legales, 404) */
.texto{padding:clamp(40px,7vw,80px) 0 80px}
.texto .wrap>*{max-width:70ch}
.texto h1{font-size:clamp(30px,5vw,44px);line-height:1.15;margin-bottom:12px}
.texto h2{font-size:22px;margin:36px 0 10px}
.texto p,.texto ul{margin:0 0 14px}
.texto .fecha{color:var(--gris-logo)}

/* Portada: enlace suave y franja de prueba */
.hero-link{display:inline-block;margin-top:18px;font-weight:700;padding:6px 0;text-decoration-thickness:2px}
.prueba{list-style:none;margin:clamp(40px,6vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--texto)}
.prueba li{padding:20px 20px 4px 0;display:flex;flex-direction:column;gap:4px}
.prueba li+li{padding-left:20px;border-left:1px solid var(--linea)}
.prueba strong{font-size:clamp(19px,1.9vw,24px);line-height:1.2;font-variant-numeric:tabular-nums;text-wrap:balance}
.prueba span{color:var(--gris-logo);font-size:15px;line-height:1.4}
@media (max-width:820px){.prueba strong{font-size:19px}.prueba li{padding-right:12px}.prueba li+li{padding-left:16px}.prueba{grid-template-columns:1fr 1fr}.prueba li:nth-child(3){padding-left:0;border-left:0}.prueba li:nth-child(n+3){border-top:1px solid var(--linea)}}

/* Tamaños de proyecto */
.sub{font-size:22px;margin-top:40px}
.tamanos{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.tamanos li{padding:22px 24px 22px 0;border-top:3px solid var(--gris-logo)}
.tamanos li+li{padding-left:24px}
.tamanos li:nth-child(2){border-top-width:6px}
.tamanos li:nth-child(3){border-top:9px solid var(--naranja)}
.tamanos h4{margin:0 0 6px;font-size:18px}
@media (max-width:760px){.tamanos{grid-template-columns:1fr}.tamanos li+li{padding-left:0}}

/* Garantías: pregunta del cliente y respuesta */
.seccion--garantias{background:var(--suave)}
.miedos{list-style:none;margin:40px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(32px,5vw,64px)}
.miedos li{padding:24px 0;border-top:1px solid #D6D6D6;display:grid;gap:8px}
.miedos h3{font-size:19px;line-height:1.35}
.miedos p{max-width:52ch}
@media (max-width:760px){.miedos{grid-template-columns:1fr}}

/* Preguntas frecuentes */
.faq{margin-top:32px;max-width:820px;border-top:2px solid var(--texto)}
.faq details{border-bottom:1px solid var(--linea)}
.faq summary{cursor:pointer;list-style:none;padding:20px 40px 20px 0;font-weight:700;font-size:17px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:10px;height:10px;border-right:2px solid var(--texto);border-bottom:2px solid var(--texto);transform:translateY(-70%) rotate(45deg);transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)}
.faq details p{padding:0 0 20px;max-width:68ch;color:var(--texto)}

/* Contacto: frase de tranquilidad */
.tranquilo{font-weight:600;padding:14px 16px;border-left:4px solid var(--naranja);background:var(--suave);margin-bottom:28px}

/* Quiénes Somos */
.nosotros{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(32px,6vw,96px);align-items:center}
.nosotros-texto{display:flex;flex-direction:column;gap:16px}
.nosotros-texto p{font-size:18px;max-width:62ch}
.nosotros-texto p:first-of-type{margin-top:8px}
.nosotros-marca{margin:0;display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}
.nosotros-marca img{width:160px}
.nosotros-marca figcaption{font-weight:600;color:var(--gris-logo);max-width:26ch}
@media (max-width:760px){.nosotros{grid-template-columns:1fr}.nosotros-marca{flex-direction:row;text-align:left;justify-content:flex-start}.nosotros-marca img{width:72px}}
.equipo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.persona{margin:0;width:100%}
.persona img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:4px;border-bottom:6px solid var(--naranja)}
.persona figcaption{margin-top:14px;display:flex;flex-direction:column;gap:2px}
.persona strong{font-size:18px}
.persona span{color:var(--gris-logo);font-weight:600}
@media (max-width:760px){.equipo{gap:16px}.persona strong{font-size:16px}.persona span{font-size:14px}}
.persona blockquote{margin:14px 0 0;padding:2px 0 2px 12px;border-left:3px solid var(--naranja)}
.persona blockquote p{font-size:15px;line-height:1.5;font-style:italic;color:var(--texto)}
.persona cite{display:block;margin-top:6px;font-style:normal;font-size:14px;color:var(--gris-logo)}
@media (max-width:760px){.persona blockquote p{font-size:14px}}
.sectores ul{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.sectores li{padding:8px 16px;border:2px solid var(--gris-logo);border-radius:999px;font-weight:600;font-size:15px}

/* =========================================================
   Movimiento e imágenes hechas con código (29 oct 2026)
   ========================================================= */
.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}

/* Portada: red de nodos detrás y dispositivos a la derecha */
.hero{position:relative;overflow:hidden}
.hero .red{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.9}
.hero .wrap{position:relative;z-index:1}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.hero-grid .hero-texto{display:block}
.hero-grid h1{max-width:15ch}
@media (max-width:960px){.hero-grid{grid-template-columns:1fr}}

.dispositivos{position:relative;width:100%;max-width:560px;justify-self:end;aspect-ratio:560/400}
.laptop{position:absolute;left:0;top:0;width:88%}
.laptop .pantalla{background:#2b2b2b;border-radius:14px 14px 0 0;padding:10px 10px 12px;box-shadow:0 30px 60px -30px rgba(51,51,51,.45)}
.laptop .base{height:14px;margin:0 -6%;background:#d6d6d6;border-radius:0 0 14px 14px}
.app{display:grid;grid-template-columns:30% 1fr;background:#fff;border-radius:6px;overflow:hidden;aspect-ratio:16/10}
.app-menu{background:#f4f4f4;padding:10px 8px;border-right:1px solid #e6e6e6}
.app-logo{display:block;width:26px;height:26px;border-radius:6px;background:linear-gradient(90deg,var(--naranja) 50%,#fff 50%);border:2px solid var(--gris-logo);margin-bottom:10px}
.app-menu ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.app-menu li{display:flex;align-items:center;gap:6px;font-size:clamp(7px,.8vw,10px);font-weight:600;color:var(--gris-logo);padding:4px 5px;border-radius:4px}
.app-menu li i{width:7px;height:7px;border-radius:2px;background:#cfcfcf;flex:none}
.app-menu li.on{background:#fff;color:var(--texto);box-shadow:0 1px 0 #e6e6e6}
.app-menu li.on i{background:var(--naranja)}
.app-main{padding:10px;display:grid;gap:8px;align-content:start}
.app-top{display:flex;justify-content:space-between;align-items:center;font-size:clamp(8px,.95vw,12px)}
.app-top .pill{width:36%;height:8px;border-radius:99px;background:#eee}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.kpis div{border:1px solid #ececec;border-radius:5px;padding:5px;display:grid;gap:3px}
.kpis small{font-size:clamp(6px,.7vw,9px);color:var(--gris-logo);font-weight:600}
.kpis .kv{height:7px;width:60%;background:var(--texto);border-radius:2px}
.kpis .spark{height:10px;background:transparent;border-bottom:2px solid var(--naranja);clip-path:polygon(0 80%,15% 55%,30% 65%,45% 35%,60% 45%,75% 20%,90% 30%,100% 5%,100% 100%,0 100%)}
.kpis .spark.s2{border-color:var(--gris-logo)}
.grafico{height:clamp(54px,8vw,92px);display:flex;align-items:flex-end;gap:5%;padding:6px 4px 0;border-bottom:1px solid #e6e6e6}
.grafico span{flex:1;height:var(--h);background:#e3e3e3;border-radius:2px 2px 0 0;transform-origin:bottom}
.grafico span:nth-last-child(-n+3){background:var(--naranja)}
.filas{display:grid;gap:4px}
.filas i{height:6px;border-radius:2px;background:#f0f0f0}
.filas i:nth-child(1){width:92%}.filas i:nth-child(2){width:74%}.filas i:nth-child(3){width:84%}

.celular{position:absolute;right:0;bottom:0;width:30%;background:#2b2b2b;border-radius:18px;padding:6px;box-shadow:0 24px 50px -24px rgba(51,51,51,.55)}
.cel-pantalla{background:#fafafa;border-radius:13px;aspect-ratio:9/17;padding:8px 6px;display:flex;flex-direction:column;gap:6px;overflow:hidden}
.cel-top{display:flex;align-items:center;gap:5px;padding-bottom:5px;border-bottom:1px solid #ececec}
.cel-top b{width:14px;height:14px;border-radius:50%;background:var(--naranja)}
.cel-top i{height:5px;width:50%;background:#e3e3e3;border-radius:2px}
.burbuja{margin:0;font-size:clamp(6px,.75vw,9px);line-height:1.3;padding:5px 6px;border-radius:8px;max-width:85%}
.burbuja.in{background:#fff;border:1px solid #e6e6e6;align-self:flex-start}
.burbuja.out{background:var(--texto);color:#fff;align-self:flex-end;display:flex;gap:3px;padding:7px 8px}
.escribiendo span{width:4px;height:4px;border-radius:50%;background:#fff;opacity:.4}
.cel-campo{margin-top:auto;height:12px;border-radius:99px;background:#eee}
@media (max-width:960px){.dispositivos{justify-self:center;max-width:460px;margin-top:8px}}

/* Desarrollo: editor de código */
.dev-cabeza{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:center}
@media (max-width:900px){.dev-cabeza{grid-template-columns:1fr}}
.editor{margin:0;background:var(--texto);border-radius:10px;overflow:hidden;box-shadow:0 30px 60px -32px rgba(51,51,51,.6)}
.editor-barra{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#2a2a2a}
.editor-barra i{width:10px;height:10px;border-radius:50%;background:#555}
.editor-barra i:first-child{background:var(--naranja)}
.editor-barra span{margin-left:8px;font:500 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#bdbdbd}
.editor pre{margin:0;padding:16px 18px 20px;overflow-x:auto;font:400 clamp(12px,1.25vw,14px)/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color:#f2f2f2;counter-reset:l}
.editor .ln{display:block;white-space:pre;counter-increment:l}
.editor .ln::before{content:counter(l);display:inline-block;width:1.8em;margin-right:1em;text-align:right;color:#7a7a7a}
.c-kw{color:var(--naranja)} .c-st{color:#ffd2ad} .c-fn{color:#fff;font-weight:700} .c-cm{color:#b8b8b8;font-style:italic} .c-tx{color:#f2f2f2}
.js .editor .ln{visibility:hidden}
.js .editor.escrito .ln{visibility:visible}
.editor .cursor{display:inline-block;width:.55em;height:1.1em;vertical-align:-.15em;background:var(--naranja);animation:parpadeo 1s steps(1) infinite}
@keyframes parpadeo{50%{opacity:0}}

/* Protección: diagrama del escrow */
.escrow{margin-top:40px;background:#fff;border:1px solid #e3e3e3;border-radius:12px;padding:clamp(20px,3vw,32px);position:relative}
.escrow-nodos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;position:relative;z-index:1}
.nodo{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.nodo b{display:grid;place-items:center;min-width:132px;padding:12px 16px;border-radius:10px;border:2px solid var(--gris-logo);background:#fff;font-size:16px}
.nodo.n1 b{border-color:var(--naranja);background:#fff7f0}
.nodo.n2 b{background:var(--texto);color:#fff;border-color:var(--texto)}
.nodo span{font-size:14px;color:var(--gris-logo);max-width:22ch}
.escrow-via{position:absolute;left:16.6%;right:16.6%;top:calc(clamp(20px,3vw,32px) + 24px);height:2px;background:repeating-linear-gradient(90deg,#cfcfcf 0 8px,transparent 8px 14px);z-index:0}
.moneda{position:absolute;top:50%;left:0;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;background:var(--naranja);box-shadow:0 0 0 5px rgba(246,134,50,.22)}
.escrow-pasos{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center;font-weight:700;font-size:14px}
.escrow-pasos li{padding:8px;border-radius:999px;background:#f3f3f3;color:var(--gris-logo);transition:background .3s,color .3s}
.escrow-pasos li.activo{background:var(--naranja-accion);color:#fff}
@media (prefers-reduced-motion:no-preference){.moneda{animation:viaje 6s ease-in-out infinite}}
@keyframes viaje{0%,8%{left:0}35%,55%{left:50%}85%,100%{left:100%}}
@media (max-width:700px){
  .escrow-nodos,.escrow-pasos{grid-template-columns:1fr}
  .escrow-via{display:none}
  .nodo{flex-direction:row;text-align:left;gap:12px}
  .nodo b{min-width:120px}
}

/* Intro con el logo */
.splash{position:fixed;inset:0;z-index:100;background:#fff;display:none;place-items:center}
.con-intro .splash{display:grid}
.con-intro .splash[hidden]{display:grid}
.splash-marca,.splash-logo{grid-area:1/1}
.splash{grid-template-areas:"a"}
.splash-marca{display:flex;height:120px;align-self:center;justify-self:center;animation:funde .6s 1.5s cubic-bezier(.4,0,.2,1) forwards}
.splash-marca img{height:120px;width:auto}
.splash-marca .izq{animation:desdeIzq 1.1s cubic-bezier(.16,1,.3,1) both}
.splash-marca .der{animation:desdeDer 1.1s cubic-bezier(.16,1,.3,1) both}
.splash-logo{width:min(320px,70vw);height:auto;align-self:center;justify-self:center;opacity:0;transform:scale(.92);animation:aparece .6s 1.6s cubic-bezier(.16,1,.3,1) forwards}
@keyframes funde{to{opacity:0;transform:scale(1.15)}}
.splash-saltar{position:absolute;right:max(16px,env(safe-area-inset-right,0px));top:calc(16px + env(safe-area-inset-top,0px));background:none;border:1px solid #ccc;border-radius:999px;padding:10px 16px;min-height:44px;font:600 14px/1 var(--sans);color:var(--gris-logo);cursor:pointer}
.splash.sale{animation:sale .5s ease-in forwards}
@keyframes desdeIzq{from{transform:translateX(-60vw) rotate(-8deg);opacity:0}to{transform:none;opacity:1}}
@keyframes desdeDer{from{transform:translateX(60vw) rotate(8deg);opacity:0}to{transform:none;opacity:1}}
@keyframes aparece{to{opacity:1;transform:none}}
@keyframes sale{to{opacity:0;visibility:hidden}}

/* Aparición al desplazarse (solo con JS y sin «reducir movimiento») */
@media (prefers-reduced-motion:no-preference){
  .js .rv{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
  .js .rv.in{opacity:1;transform:none}
  .js .caminos .camino--solido{transform:translateX(-24px);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s}
  .js .caminos .camino--contorno{transform:translateX(24px);opacity:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .8s}
  .js .caminos.in .camino{transform:none;opacity:1}
  .js .grafico span{transform:scaleY(0);transition:transform .9s cubic-bezier(.2,.8,.2,1) var(--d)}
  .js .dispositivos.in .grafico span{transform:scaleY(1)}
  .js .dispositivos .laptop{transform:translateY(16px);opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1),opacity .9s}
  .js .dispositivos .celular{transform:translate(18px,24px);opacity:0;transition:transform .9s .25s cubic-bezier(.2,.8,.2,1),opacity .9s .25s}
  .js .dispositivos.in .laptop,.js .dispositivos.in .celular{transform:none;opacity:1}
  .escribiendo span{animation:punto 1.2s infinite}
  .escribiendo span:nth-child(2){animation-delay:.2s}.escribiendo span:nth-child(3){animation-delay:.4s}
  .js .pasos li::before{transition:background .4s,border-color .4s,color .4s}
  .js .pasos.in li::before{background:var(--naranja);border-color:var(--naranja)}
  .js .pasos.in li:nth-child(2)::before{transition-delay:.35s}.js .pasos.in li:nth-child(3)::before{transition-delay:.7s}.js .pasos.in li:nth-child(4)::before{transition-delay:1.05s}
  .js .tamanos li{transition:border-color .5s}
}
@keyframes punto{0%,60%,100%{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-2px)}}
.tel{margin-top:14px;display:flex;flex-direction:column;gap:2px}
.tel span{font-size:14px;color:var(--gris-logo)}
.tel a{font-weight:700;font-size:18px;color:var(--texto);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.pie-tel{color:var(--texto);text-decoration:none;font-weight:600}

/* =========================================================
   Correcciones de la auditoría UX/UI (29 oct 2026)
   ========================================================= */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3,h4{text-wrap:balance}
p{text-wrap:pretty}
html{scroll-padding-top:84px}

/* Encabezado: logo que no se encoge, menú en celular y tableta */
.top .logo{flex-shrink:0}
.top .btn .corto{display:none}
.top .btn.is-hidden{display:none}
.menu-btn{display:none;width:44px;height:44px;border:1px solid #d6d6d6;border-radius:8px;background:#fff;cursor:pointer;place-items:center;flex-shrink:0}
.menu-ico,.menu-ico::before,.menu-ico::after{display:block;width:18px;height:2px;background:var(--texto);border-radius:2px;position:relative;transition:transform .25s,opacity .25s}
.menu-ico::before,.menu-ico::after{content:"";position:absolute;left:0}
.menu-ico::before{top:-6px}.menu-ico::after{top:6px}
.menu-btn[aria-expanded="true"] .menu-ico{background:transparent}
.menu-btn[aria-expanded="true"] .menu-ico::before{transform:translateY(6px) rotate(45deg)}
.menu-btn[aria-expanded="true"] .menu-ico::after{transform:translateY(-6px) rotate(-45deg)}
.lang--menu{display:none}
@media (max-width:1100px){
  .menu{display:none}
  .menu-btn{display:grid}
  .top .wrap{gap:10px}
  .top .logo{margin-right:auto}
  .menu.abierto{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:#fff;border-bottom:1px solid var(--linea);box-shadow:0 18px 30px -20px rgba(51,51,51,.35);padding:8px var(--gutter) 16px;gap:0}
  .menu.abierto a{padding:14px 0;border-bottom:1px solid var(--linea);font-size:17px;min-height:48px;display:flex;align-items:center}
  .menu.abierto .lang--menu{display:flex;border-bottom:0;color:var(--gris-logo)}
  .top>.wrap>.lang{display:none}
}
@media (max-width:480px){
  .top .btn .largo{display:none}
  .top .btn .corto{display:inline}
  .top .btn{padding:10px 16px}
}

/* Portada en celular */
@media (max-width:640px){
  .hero .lead{color:var(--texto)}
  html[lang="en"] .hero h1{max-width:none}
}

/* Franja de datos: una columna en celulares chicos */
@media (max-width:480px){
  .prueba{grid-template-columns:1fr}
  .prueba li,.prueba li+li,.prueba li:nth-child(3){padding:14px 0;border-left:0;border-top:1px solid var(--linea)}
  .prueba li:first-child{border-top:0}
}

/* Secciones: menos líneas repetidas, ritmo variado */
.seccion--garantias,.oscura,.seccion--garantias+.seccion,.oscura+.seccion{border-top:0}
#preguntas,#faq{padding-block:clamp(48px,6vw,80px)}

/* Productos: lista alineada, sin «Disponible», «Muy pronto» agrupado */
.productos{list-style:none;margin:32px 0 0;padding:0}
.producto{grid-template-columns:minmax(150px,200px) 1fr auto;align-items:center}
.producto .accion{min-height:44px;display:inline-flex;align-items:center}
.pronto{margin-top:28px;padding:20px 22px;border:1px dashed #cfcfcf;border-radius:10px;display:grid;gap:12px}
.pronto h3{font-size:16px;color:var(--gris-logo);font-weight:700}
.pronto ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px 24px}
.pronto li{display:flex;flex-direction:column;gap:2px}
.pronto strong{font-size:17px}
.pronto span{font-size:14px;color:var(--gris-logo)}
@media (max-width:760px){.pronto ul{grid-template-columns:1fr}}

/* Garantías alineadas */
.miedos li{align-content:start}

/* Tamaños de proyecto sin escalera */
.tamanos li,.tamanos li:nth-child(2),.tamanos li:nth-child(3){border-top:0;position:relative;padding-top:30px}
.tamanos li::before{content:"";position:absolute;top:0;left:0;right:24px;height:3px;background:var(--gris-logo);border-radius:2px}
.tamanos li:nth-child(2)::before{height:6px}
.tamanos li:nth-child(3)::before{height:9px;background:var(--naranja)}
@media (max-width:760px){.tamanos li::before{right:0}}

/* Sectores como etiquetas, no botones */
.sectores li{border:0;background:#f1f1f1;border-radius:6px;padding:8px 14px}

/* «Lo que construimos» sin ícono */
.lista li{padding-left:0}
.lista li::before{display:none}

/* Quiénes Somos en tableta */
@media (max-width:900px){.nosotros{grid-template-columns:1fr}.equipo{max-width:560px}}
.persona img{background:var(--suave)}

/* Contacto en celular */
.envio .tranquilo{margin:0 0 4px;max-width:60ch}
@media (max-width:820px){.donde .buho{display:none}}

/* Zonas táctiles y estados */
.hero-link,.camino a,.pie nav a{min-height:44px;display:inline-flex;align-items:center}
.camino--solido a:hover{color:var(--texto);text-decoration-thickness:3px}
select{appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23333' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 14px center;padding-right:40px}

/* 404 */
.buho-404{width:72px;height:auto;margin-bottom:20px}
@media (max-width:760px){.producto{grid-template-columns:1fr;gap:6px}.producto .accion{justify-self:start}}
body{overflow-x:clip}
.editor{min-width:0;max-width:100%}
@media (max-width:700px){.nodo b{min-width:148px;font-size:15px;padding:10px 12px}}
@media (max-width:560px){.editor pre{font-size:11px;padding:14px 12px 16px}.editor .ln::before{width:1.4em;margin-right:.7em}}
.nota-conf{margin-top:12px;font-size:14px;color:var(--gris-logo);max-width:60ch}
.tel .horario{font-weight:600;font-size:16px;min-height:0}

/* =========================================================
   Espacios llenos y equilibrados (29 oct 2026)
   ========================================================= */
/* Portada en tableta: el título usa todo el ancho */
@media (max-width:960px){.hero-grid h1{max-width:20ch}}
@media (min-width:961px) and (max-width:1180px){.hero-grid h1{font-size:clamp(32px,4.2vw,46px)}}

/* Preguntas frecuentes en dos columnas */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);align-items:start}
.faq-grid .faq{margin-top:0;max-width:none}
.faq-lado{position:sticky;top:100px}
.faq-mas{margin-top:28px;padding:22px;border-radius:12px;background:var(--suave);display:grid;gap:8px}
.faq-mas h3{font-size:18px}
.faq-mas p{color:var(--gris-logo);font-size:15px}
.faq-mas a{font-weight:700;min-height:44px;display:inline-flex;align-items:center;width:fit-content}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}.faq-lado{position:static}.faq-mas{order:2}}

/* Sectores y confidencialidad lado a lado */
.sectores-grid{margin-top:8px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,64px);align-items:end}
.conf{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:12px;background:var(--texto);color:#fff}
.conf h3{color:#fff;font-size:17px;margin-bottom:4px}
.conf p{color:#e6e6e6;font-size:15px}
.conf-ico{flex:none;width:30px;height:36px;background:linear-gradient(90deg,var(--naranja) 50%,transparent 50%);border:2px solid #fff;border-radius:3px 3px 15px 15px / 3px 3px 18px 18px}
.nota-conf{display:none}
@media (max-width:760px){.sectores-grid{grid-template-columns:1fr;align-items:start}}

/* Contacto: tarjeta con los datos */
.donde{background:var(--suave);border-radius:12px;padding:clamp(20px,3vw,32px);display:grid;gap:4px}
.donde-cab{display:flex;align-items:center;gap:14px;margin-bottom:10px}
.donde-cab h3{margin:0}
.buho-mini{width:34px;height:auto}
.donde .tel{margin-top:10px}
.donde .tel a{font-size:17px}
@media (max-width:820px){.buho-mini{display:block}}

/* Pie de página en columnas */
.pie{background:var(--suave);border-top:0}
.pie-cols{display:grid;grid-template-columns:1.3fr 1fr 1.3fr .8fr;gap:32px 40px;align-items:start}
.pie-h{font-size:14px;font-weight:700;margin:0 0 10px;color:var(--texto)}
.pie ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}
.pie nav ul{display:grid;gap:0}
.pie-datos li{padding:6px 0;color:var(--gris-logo);font-size:15px;line-height:1.5}
.pie-datos a{color:var(--texto);text-decoration:none;font-weight:600}
.pie-datos a:hover{text-decoration:underline}
.pie .frase{margin-top:12px;max-width:28ch}
@media (max-width:900px){.pie-cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.pie-cols{grid-template-columns:1fr}}

/* ---------- Así entendemos su proyecto ---------- */
.metodo{margin-top:40px;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(28px,5vw,64px);align-items:start}
.preguntas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pregunta{position:relative;padding:20px 20px 20px 64px;border:1px solid var(--linea);border-radius:12px;background:#fff;transition:background .35s,border-color .35s,box-shadow .35s}
.pregunta .num{position:absolute;left:20px;top:21px;font:700 13px/1 ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--gris-logo);letter-spacing:.04em;transition:color .35s}
.pregunta h3{font-size:17px;line-height:1.3;margin:0 0 6px}
.pregunta p{font-size:15px;line-height:1.5;margin:0;color:#4a4a4a}
.pregunta.activo{background:#FFF6EE;border-color:var(--naranja);box-shadow:0 6px 20px rgba(246,134,50,.14)}
.pregunta.activo .num{color:var(--naranja-accion)}
.ficha{position:sticky;top:96px;border:1px solid var(--linea);border-radius:16px;background:#fff;padding:22px 22px 18px;box-shadow:0 18px 40px rgba(0,0,0,.07)}
.ficha-cab{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--linea)}
.ficha-cab img{width:24px;height:auto}
.ficha-cab b{font-size:16px}
.ficha ul{list-style:none;margin:14px 0;padding:0;display:grid;gap:12px}
.ficha li{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center}
.ficha li span{font-size:13px;font-weight:600;color:var(--gris-logo);transition:color .3s}
.ficha li i{display:block;height:8px;border-radius:4px;background:#EFEFEF;overflow:hidden;position:relative}
.ficha li i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--naranja),#F9A866);transform-origin:left;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ficha li:nth-child(odd) i::after{right:18%}
.ficha li.lleno span{color:var(--texto)}
.ficha p{font-size:14px;color:var(--gris-logo);margin:0;padding-top:12px;border-top:1px solid var(--linea)}
@media (prefers-reduced-motion:no-preference){.js:not(.sin-movimiento) .ficha li:not(.lleno) i::after{transform:scaleX(0)}}
.recorrido{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;counter-reset:rec}
.recorrido li{counter-increment:rec;position:relative;padding-top:52px;display:grid;gap:6px;align-content:start}
.recorrido li::before{content:counter(rec);position:absolute;top:0;left:0;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--naranja);color:var(--texto);display:grid;place-items:center;font-weight:700;font-size:15px;z-index:1}
.recorrido li::after{content:"";position:absolute;top:17px;left:44px;right:-12px;height:2px;background:var(--linea)}
.recorrido li:last-child::after{display:none}
.recorrido li:first-child::before{background:var(--naranja);color:#fff}
.recorrido strong{font-size:16px;line-height:1.3}
.recorrido span{font-size:15px;line-height:1.5;color:#4a4a4a}
@media (max-width:1000px){.metodo{grid-template-columns:1fr}.ficha{position:static;order:-1;max-width:520px}.recorrido{grid-template-columns:1fr;gap:0}.recorrido li{padding:0 0 22px 52px}.recorrido li::after{top:40px;bottom:0;left:17px;right:auto;width:2px;height:auto}}
@media (max-width:620px){.preguntas{grid-template-columns:1fr}.pregunta{padding:18px 16px 18px 56px}.pregunta .num{left:16px;top:20px}.ficha li{grid-template-columns:84px 1fr}}

/* Formulario: preguntas del primer «hola» */
.campos-sub{font-size:18px;margin:12px 0 -4px;padding-top:20px;border-top:1px solid var(--linea)}
.opc{font-weight:400;color:var(--gris-logo)}
fieldset.campo{border:0;margin:0;padding:0;min-width:0}
fieldset.campo legend{font-weight:600;font-size:15px;padding:0;margin-bottom:8px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{position:relative;font-weight:500;font-size:15px;cursor:pointer}
.chip input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;margin:0;padding:0}
.chip span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1.5px solid #8C8C8C;border-radius:999px;background:#fff;transition:background .2s,border-color .2s,color .2s}
.chip span::before{content:"";width:14px;height:14px;border-radius:4px;border:1.5px solid currentColor;flex:none;transition:background .2s}
.chip input:checked+span{border-color:var(--naranja-accion);background:#FFF3E8;color:var(--naranja-accion);font-weight:600}
.chip input:checked+span::before{background:var(--naranja-accion) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2 5 8.5l4.5-5' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/10px no-repeat;border-color:var(--naranja-accion)}
.chip input:focus-visible+span{outline:3px solid var(--naranja-accion);outline-offset:2px}
@media (max-width:620px){.campos .campo:not(.campo--ancho){grid-column:1/-1}}

/* ---------- Densidad: menos aire vacío entre bloques (29 oct 2026) ---------- */
.seccion{padding:clamp(48px,6vw,80px) 0}
.hero{padding:clamp(28px,4.5vw,64px) 0 clamp(36px,4.5vw,56px)}
.prueba{margin-top:clamp(28px,4vw,44px)}
.caminos{margin-top:24px}
.camino{min-height:0;padding:clamp(24px,3.5vw,44px);gap:12px}
.camino a{margin-top:8px}
.sub{margin-top:32px}
.tamanos{margin-top:14px}
.dev-grid{margin-top:36px}
.dev-grid h3{margin-bottom:12px}
.metodo{margin-top:28px}
.miedos{margin-top:28px}
.contacto-grid{margin-top:28px}
.equipo{align-self:start}
@media (min-width:961px){.donde{position:sticky;top:96px}.nosotros{align-items:start}}
@media (max-width:760px){
  .camino--contorno{padding-bottom:44px}
  .hero-grid{gap:24px}
  .miedos li{padding:18px 0}
  .tamanos li,.tamanos li:nth-child(2),.tamanos li:nth-child(3){padding-bottom:14px;padding-top:22px}
  .pasos li{padding:14px 0}
  .lista li{padding:14px 0 14px 28px}
  .recorrido li{padding-bottom:16px}
}
@media (max-width:520px){
  .pie{padding:36px 0 24px}
  .pie-cols{grid-template-columns:1fr 1fr;gap:24px 20px}
  .pie-cols>div{grid-column:1/-1}
  .pie-marca{order:-1}.pie-cols>div:not(.pie-marca){order:3}.pie-cols>nav:last-child{order:2}
  .pie nav a{min-height:40px}
  .pie .legal{margin-top:20px}
}

/* ---------- Botón flotante de WhatsApp (igual que Thuel y La Clínica del Pelo) ---------- */
.wa-flotante{position:fixed;right:max(20px,env(safe-area-inset-right,0px));bottom:max(20px,env(safe-area-inset-bottom,0px));z-index:40;width:60px;height:60px;border-radius:50%;background:#1DA851;color:#fff;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.22);text-decoration:none;transition:transform .25s,opacity .25s,visibility .25s,background .2s}
.wa-flotante svg{width:30px;height:30px;fill:currentColor}
.wa-flotante span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.wa-flotante:hover{background:#0F7A41;transform:translateY(-2px);color:#fff}
.wa-flotante:focus-visible{outline:3px solid var(--texto);outline-offset:3px}
.wa-flotante.is-hidden{opacity:0;visibility:hidden;transform:translateY(12px)}
html.con-intro .wa-flotante{opacity:0;visibility:hidden}
@media (max-width:760px){
  .wa-flotante{width:56px;height:56px;right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px))}
  .wa-flotante svg{width:28px;height:28px}
  .wa-flotante:hover{transform:none}
  .pie{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
}
@media print{.wa-flotante{display:none}}

/* Productos: dos acciones (WiseMed360) y «Muy pronto» centrado (29 oct 2026) */
.producto .acciones{justify-self:end;display:flex;flex-direction:column;align-items:flex-end;gap:0}
.producto .acciones .accion{justify-self:auto}
.producto .accion--sec{font-weight:600;font-size:15px}
@media (max-width:760px){.producto .acciones{justify-self:start;align-items:flex-start}}
.pronto{padding:24px 22px 26px}
.pronto h3{text-align:center}
.pronto ul{gap:20px 24px}
.pronto li{align-items:center;text-align:center;gap:4px;padding:0 8px}
.pronto li+li{border-left:1px solid var(--linea)}
.pronto span{max-width:30ch}
@media (max-width:760px){.pronto li+li{border-left:0;border-top:1px solid var(--linea);padding-top:16px}}

/* ---------- Aviso de cookies (mismo modelo que las otras webs) ---------- */
.aviso-cookies{position:fixed;left:max(16px,env(safe-area-inset-left,0px));right:max(16px,env(safe-area-inset-right,0px));bottom:max(16px,env(safe-area-inset-bottom,0px));z-index:60;max-width:560px;background:#fff;border:1px solid var(--linea);border-radius:14px;box-shadow:0 18px 48px rgba(0,0,0,.18);padding:18px 18px 16px;display:grid;gap:14px;font-size:15px;line-height:1.5}
.aviso-cookies[hidden]{display:none}
.aviso-cookies p{margin:0}
.aviso-botones{display:flex;flex-wrap:wrap;gap:8px}
.aviso-cookies .btn{min-height:44px;padding:10px 16px;font-size:15px}
.aviso-cookies .btn--sec{background:#fff;color:var(--texto);border:1.5px solid #8C8C8C}
.aviso-cookies .btn--sec:hover{border-color:var(--texto);background:#fff;color:var(--texto)}
.aviso-panel{display:grid;gap:10px;border-top:1px solid var(--linea);padding-top:12px}
.aviso-panel[hidden]{display:none}
.ck-op{display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:start;font-weight:400;font-size:14px;cursor:pointer}
.ck-op input{width:20px;height:20px;min-height:0;margin:2px 0 0;padding:0;accent-color:var(--naranja-accion)}
.ck-op strong{display:block;font-size:15px}
.aviso-panel .btn{justify-self:start}
html.aviso-visible .wa-flotante{opacity:0;visibility:hidden}
@media (max-width:520px){.aviso-cookies{left:12px;right:12px;bottom:12px;padding:16px}.aviso-botones .btn{flex:1 1 auto}}
.pie-cookies{background:none;border:0;padding:8px 0;min-height:44px;font:inherit;color:var(--texto);cursor:pointer;text-align:left}
.pie-cookies:hover{text-decoration:underline}
.tabla-cookies{width:100%;border-collapse:collapse;margin:16px 0;font-size:15px}
.tabla-cookies th,.tabla-cookies td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--linea);vertical-align:top}
.tabla-cookies th{font-weight:700;background:var(--suave)}
@media (max-width:620px){.tabla-cookies,.tabla-cookies tbody,.tabla-cookies tr,.tabla-cookies td{display:block}.tabla-cookies thead{display:none}.tabla-cookies tr{padding:10px 0;border-bottom:1px solid var(--linea)}.tabla-cookies td{border:0;padding:2px 0}.tabla-cookies td:first-child{font-weight:700}}
.aviso-panel:not([hidden]) ~ .aviso-botones [data-accion=configurar]{display:none}

/* Redes sociales (29 oct 2026) */
.redes{display:flex;flex-wrap:wrap;gap:8px 18px}
.redes a{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--texto);text-decoration:none;font-weight:600}
.redes a:hover{text-decoration:underline}
.redes svg{width:20px;height:20px;fill:currentColor;flex:none}
.donde .redes a{font-weight:700}
.pie-datos .redes{margin-top:-6px}
.tel .redes span,.redes span{color:inherit;font-size:inherit;font-weight:inherit}


/* ---------- Personalidad propia de WiseGuysLab (30 oct 2026) ----------
   Regla: ninguna web del grupo se parece a otra ni a una plantilla de IA.
   - Nada de itálica con serifa en títulos: ese es el recurso de WiseMed360.
   - Dos familias: Montserrat (la marca) y JetBrains Mono (lo técnico:
     etiquetas tipo comentario de código, números, datos y el editor).
   - Firma visual propia: el escudo partido del búho (mitad naranja, mitad
     gris) como marcador de sección y de palabras clave.
   - Íconos de línea (Lucide, ISC) sueltos y en naranja, sin cajitas de color. */
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.ic{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:-5px}
/* Palabra clave: subrayado partido como el escudo, mitad naranja y mitad gris */
.acento{font-style:normal;color:inherit;background:linear-gradient(90deg,var(--naranja) 0 50%,var(--gris-logo) 50% 100%) no-repeat left bottom/100% .14em;padding-bottom:.04em}
.oscura .acento{background-image:linear-gradient(90deg,var(--naranja) 0 50%,#9a9a9a 50% 100%)}
/* Etiqueta de sección: comentario de código con el escudo partido */
.kicker{display:flex;align-items:center;gap:10px;margin:0 0 12px;font:500 13px/1 var(--mono);letter-spacing:.02em;text-transform:lowercase;color:var(--gris-logo)}
.kicker::before{content:"";width:11px;height:13px;flex:none;background:linear-gradient(90deg,var(--naranja) 0 50%,var(--gris-logo) 50% 100%);clip-path:polygon(0 0,100% 0,100% 62%,50% 100%,0 62%)}
.kicker span{display:none}
.kicker::after{content:"";flex:0 1 64px;height:1px;background:var(--linea)}
.oscura .kicker{color:#cfcfcf}.oscura .kicker::after{background:rgba(255,255,255,.15)}
.editor pre,.editor-barra span,.pregunta .num{font-family:var(--mono)}
.pasos li::before,.recorrido li::before{font-family:var(--mono);font-weight:500}
.pronto h3{font:500 13px/1.2 var(--mono);text-transform:lowercase;color:var(--gris-logo)}
.pronto h3::before{content:"// "}
.ficha li span{font-family:var(--mono);font-weight:500;font-size:12px}
.prueba strong{font-variant-numeric:tabular-nums}
.prueba span{font-family:var(--sans)}
/* Íconos sueltos, sin caja */
.ic--caja{width:26px;height:26px;color:var(--naranja-accion);display:block;margin-bottom:10px}
.oscura .ic--caja{color:var(--naranja)}
.ic--prueba{width:24px;height:24px;color:var(--naranja-accion);margin-bottom:8px;display:block}
.ic--camino{width:34px;height:34px;display:block;stroke-width:1.5}
.camino--solido .ic--camino{color:var(--texto)}
.camino--contorno .ic--camino{color:var(--naranja-accion)}
.lista li{padding-left:40px}
.ic--lista{position:absolute;left:0;top:19px;width:24px;height:24px;color:var(--naranja-accion)}
.miedos li{grid-template-columns:28px 1fr;column-gap:14px}
.miedos li .ic--caja{grid-row:span 2;margin:2px 0 0;width:24px;height:24px}
.razones h3{border-top:0;padding-top:0}
.razones > div{border-top:4px solid var(--naranja);padding-top:20px}
.sectores li{display:inline-flex;align-items:center;gap:8px}
.sectores li .ic{width:18px;height:18px;color:var(--naranja-accion)}
.faq-mas .ic--caja{margin-bottom:2px}
.tel span{display:inline-flex;align-items:center;gap:6px}
.tel span .ic{width:16px;height:16px;color:var(--naranja-accion)}
.donde address{display:flex;gap:10px;align-items:flex-start}
.ic--dir{width:20px;height:20px;margin-top:3px;color:var(--naranja-accion)}
/* Grupo Alir: lista técnica, no tarjetas */
.alir{background:var(--texto);color:#fff;border-radius:6px;padding:clamp(22px,3vw,32px);display:grid;gap:18px;align-self:start;border-top:6px solid var(--naranja)}
.alir-cab{display:flex;gap:12px;align-items:flex-start}
.alir-cab .ic--caja{margin:2px 0 0;color:var(--naranja)}
.alir h3{color:#fff;font-size:22px;line-height:1.2;margin:0}
.alir-cab p{margin:6px 0 0;font:500 12.5px/1.3 var(--mono);text-transform:lowercase;color:#cfcfcf}
.alir-cab p::before{content:"// "}
.alir-sectores{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.alir-sectores li{display:flex;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12);font-size:15px;font-weight:600;line-height:1.3}
.alir-sectores li .ic{width:20px;height:20px;color:var(--naranja)}
.alir-sectores li:last-child{grid-column:1/-1;border-bottom:0;color:var(--naranja);padding-top:14px}
@media (max-width:420px){.alir-sectores{grid-template-columns:1fr}}
.alir,.alir-sectores li,.nosotros-texto{min-width:0}.alir-sectores li span{min-width:0;hyphens:auto;-webkit-hyphens:auto}
@media (max-width:1100px){.nosotros{grid-template-columns:1fr}.alir{max-width:680px}}
.nosotros-texto .kicker{font-size:12.5px;margin-bottom:6px}
@media (min-width:1101px){.nosotros{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}}
.alir-sectores li{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.pie-datos a{display:inline-block;padding:4px 0}
.pie-datos .redes a{display:inline-flex;align-items:center;gap:8px;padding:0}
.pie-cols{grid-template-columns:.7fr 1fr 1.3fr .8fr}
@media (max-width:900px){.pie-cols{grid-template-columns:1fr 1fr}}