.elementor-15 .elementor-element.elementor-element-454f7be{--display:flex;}.elementor-15 .elementor-element.elementor-element-454f7be.e-con{--flex-grow:0;--flex-shrink:0;}@media(min-width:768px){.elementor-15 .elementor-element.elementor-element-454f7be{--width:100%;}}/* Start custom CSS */<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>NEXOOS — Diagnóstico antes de implementar</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,500;0,600;0,700;1,500&family=Poppins:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
<style>
  :root{
    --navy:#0B1F2E;
    --navy-deep:#071620;
    --teal:#3D8B87;
    --teal-soft:#7fb8b3;
    --paper:#EFEDE3;
    --paper-dim:#E4E1D3;
    --ink:#16232A;
    --ink-soft:#4B5A60;
    --line: rgba(11,31,46,0.14);
    --line-dark: rgba(239,237,227,0.14);
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{
    background:var(--paper);
    color:var(--ink);
    font-family:'Poppins', sans-serif;
    font-weight:300;
    line-height:1.6;
    overflow-x:hidden;
  }
  h1,h2,h3,h4{
    font-family:'Lora', serif;
    font-weight:600;
    color:var(--navy);
    line-height:1.15;
  }
  .mono{
    font-family:'JetBrains Mono', monospace;
    letter-spacing:0.08em;
    text-transform:uppercase;
    font-size:0.72rem;
    font-weight:500;
  }
  a{color:inherit;}
  img,svg{display:block;}
  .wrap{max-width:1120px; margin:0 auto; padding:0 32px;}
  section{position:relative;}

  /* ---------- Ring motif ---------- */
  .rings{position:relative; width:34px; height:20px; flex-shrink:0;}
  .rings svg{width:100%; height:100%;}

  /* ---------- Nav ---------- */
  header{
    position:sticky; top:0; z-index:50;
    background:rgba(239,237,227,0.86);
    backdrop-filter:blur(10px);
    border-bottom:1px solid var(--line);
  }
  nav.wrap{
    display:flex; align-items:center; justify-content:space-between;
    padding-top:8px; padding-bottom:8px;
  }
  .brand{display:flex; align-items:center; gap:14px;}
  .logo-svg{height:52px; width:auto; display:block;}
  .logo-footer{height:44px;}
  .nav-claim{
    font-family:'JetBrains Mono', monospace; font-size:0.66rem; text-transform:uppercase;
    letter-spacing:0.07em; color:var(--teal); border-left:1px solid var(--line); padding-left:14px;
    line-height:1.3; max-width:11ch;
  }
  .nav-cta{
    font-family:'JetBrains Mono', monospace; font-size:0.72rem; text-transform:uppercase; letter-spacing:0.08em;
    background:var(--navy); color:var(--paper); padding:11px 20px; border-radius:2px;
    border:1px solid var(--navy); transition:all .25s ease; cursor:pointer;
  }
  .nav-cta:hover{background:transparent; color:var(--navy);}

  /* ---------- Hero ---------- */
  .hero{
    background:var(--navy);
    color:var(--paper);
    padding:110px 0 130px;
    position:relative;
    overflow:hidden;
  }
  .hero::before{
    content:"";
    position:absolute; top:-30%; right:-10%;
    width:640px; height:640px;
    border-radius:50%;
    background:radial-gradient(circle, rgba(61,139,135,0.22), transparent 70%);
    pointer-events:none;
  }
  .hero-grid{
    display:grid; grid-template-columns:1.15fr 0.85fr; gap:64px; align-items:end;
    position:relative; z-index:1;
  }
  .eyebrow{
    display:flex; align-items:center; gap:10px;
    color:var(--teal-soft); margin-bottom:26px;
  }
  .eyebrow .line{width:36px; height:1px; background:var(--teal-soft);}
  .hero h1{
    color:var(--paper);
    font-size:clamp(2.4rem, 4.6vw, 3.7rem);
    font-weight:600;
    max-width:15ch;
  }
  .hero h1 em{color:var(--teal-soft); font-style:italic; font-weight:500;}
  .hero-sub{
    margin-top:26px; font-size:1.08rem; color:rgba(239,237,227,0.78);
    max-width:46ch; font-weight:300;
  }
  .hero-actions{margin-top:40px; display:flex; align-items:center; gap:22px; flex-wrap:wrap;}
  .btn-primary{
    background:var(--teal); color:var(--navy-deep);
    font-family:'JetBrains Mono', monospace; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.06em;
    padding:16px 30px; border-radius:2px; border:1px solid var(--teal);
    font-weight:500; cursor:pointer; transition:all .25s ease;
  }
  .btn-primary:hover{background:transparent; color:var(--teal-soft); border-color:var(--teal-soft);}
  .hero-note{font-size:0.85rem; color:rgba(239,237,227,0.55); max-width:34ch;}

  .hero-panel{
    border:1px solid var(--line-dark); padding:30px 28px;
    background:rgba(239,237,227,0.03);
  }
  .hero-panel .mono{color:var(--teal-soft); margin-bottom:16px; display:block;}
  .hero-panel ul{list-style:none;}
  .hero-panel li{
    display:flex; gap:14px; padding:14px 0; border-top:1px solid var(--line-dark);
    font-size:0.92rem; color:rgba(239,237,227,0.8);
  }
  .hero-panel li:first-of-type{border-top:none;}
  .hero-panel li span.no{font-family:'JetBrains Mono',monospace; color:var(--teal-soft); font-size:0.8rem; padding-top:2px;}

  /* ---------- Cyber standalone block ---------- */
  .cyber-block{padding:64px 0; border-bottom:1px solid var(--line);}
  .cyber-inner{
    display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:center;
    border-left:3px solid var(--teal); padding-left:32px;
  }
  .cyber-inner .mono{color:var(--teal); display:block; margin-bottom:10px;}
  .cyber-inner h3{font-size:1.3rem; margin-bottom:10px; max-width:20ch;}
  .cyber-inner p{color:var(--ink-soft); font-size:0.96rem; max-width:56ch;}
  .cyber-icon{width:52px; height:52px; flex-shrink:0;}

  /* ---------- Problem section ---------- */
  .problem{padding:120px 0 100px;}
  .section-head{max-width:640px; margin-bottom:64px;}
  .section-head .mono{color:var(--teal); margin-bottom:18px; display:block;}
  .section-head h2{font-size:clamp(1.8rem,3vw,2.5rem);}
  .problem-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:36px;}
  .problem-card{
    border-top:2px solid var(--navy); padding-top:22px;
  }
  .problem-card p.quote{
    font-family:'Lora',serif; font-style:italic; font-size:1.15rem; color:var(--navy);
    line-height:1.45; margin-bottom:16px;
  }
  .problem-card p.desc{font-size:0.94rem; color:var(--ink-soft);}

  /* ---------- Why fails ---------- */
  .why-fails{
    background:var(--paper-dim);
    padding:100px 0;
    border-top:1px solid var(--line); border-bottom:1px solid var(--line);
  }
  .why-grid{display:grid; grid-template-columns:0.9fr 1.1fr; gap:70px; align-items:center;}
  .why-fails h2{font-size:clamp(1.7rem,2.8vw,2.3rem); max-width:14ch;}
  .why-fails-list{display:flex; flex-direction:column;}
  .why-item{
    display:flex; gap:20px; padding:20px 0; border-bottom:1px solid var(--line);
  }
  .why-item:first-child{border-top:1px solid var(--line);}
  .why-item .x{font-family:'JetBrains Mono',monospace; color:#A6493F; font-size:0.85rem; padding-top:2px;}
  .why-item p{font-size:0.96rem; color:var(--ink-soft);}
  .why-item strong{color:var(--navy); font-weight:500;}

  /* ---------- Method (BPMN process) ---------- */
  .method{padding:130px 0 100px; position:relative;}
  .method-steps{position:relative; margin-top:70px;}
  .method-steps::before{
    content:""; position:absolute; left:27px; top:14px; bottom:14px; width:1px;
    background:repeating-linear-gradient(to bottom, var(--teal) 0 6px, transparent 6px 12px);
  }
  .step{
    display:grid; grid-template-columns:56px 1fr; gap:28px;
    padding-bottom:64px; position:relative;
  }
  .step:last-child{padding-bottom:0;}
  .step-ring{
    width:56px; height:56px; border-radius:50%;
    border:1px solid var(--teal); background:var(--paper);
    display:flex; align-items:center; justify-content:center;
    position:relative; z-index:1;
  }
  .step-ring span{font-family:'JetBrains Mono',monospace; color:var(--teal); font-size:0.95rem; font-weight:500;}
  .step-body h3{font-size:1.35rem; margin-bottom:10px;}
  .step-body p{color:var(--ink-soft); max-width:56ch; font-size:0.98rem; margin-bottom:14px;}
  .step-tag{
    display:inline-block; font-family:'JetBrains Mono',monospace; font-size:0.72rem;
    color:var(--navy); background:rgba(61,139,135,0.13); padding:6px 12px; border-radius:2px;
    letter-spacing:0.05em;
  }

  /* ---------- Deliverables ---------- */
  .deliver{background:var(--navy); color:var(--paper); padding:110px 0;}
  .deliver .section-head .mono{color:var(--teal-soft);}
  .deliver .section-head h2{color:var(--paper);}
  .deliver-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line-dark); border:1px solid var(--line-dark); margin-top:20px;}
  .deliver-item{background:var(--navy); padding:34px 30px;}
  .deliver-item .mono{color:var(--teal-soft); display:block; margin-bottom:12px;}
  .deliver-item h4{color:var(--paper); font-size:1.1rem; margin-bottom:10px;}
  .deliver-item p{color:rgba(239,237,227,0.68); font-size:0.92rem;}

  /* ---------- Bridge to implementation ---------- */
  .bridge{padding:110px 0;}
  .bridge-box{
    border:1px solid var(--line); padding:56px; display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center;
  }
  .bridge-left .mono{color:var(--teal); display:block; margin-bottom:16px;}
  .bridge-left h2{font-size:clamp(1.6rem,2.6vw,2.1rem); margin-bottom:18px;}
  .bridge-left p{color:var(--ink-soft); font-size:0.98rem;}
  .bridge-offer{background:var(--paper-dim); padding:30px; border-left:3px solid var(--teal);}
  .bridge-offer .mono{color:var(--navy); margin-bottom:10px; display:block;}
  .bridge-offer p{font-size:0.95rem; color:var(--ink-soft); margin-bottom:14px;}
  .bridge-offer .price{font-family:'Lora',serif; font-size:1.7rem; color:var(--navy); font-weight:600;}
  .bridge-offer .price span{font-family:'Poppins',sans-serif; font-size:0.85rem; font-weight:300; color:var(--ink-soft);}

  /* ---------- Fit / not fit ---------- */
  .fit{padding:100px 0; background:var(--paper-dim); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .fit-grid{display:grid; grid-template-columns:1fr 1fr; gap:1px; background:var(--line);}
  .fit-col{background:var(--paper-dim); padding:44px 40px;}
  .fit-col.yes{background:var(--paper);}
  .fit-col h3{font-size:1.1rem; margin-bottom:22px;}
  .fit-col.yes h3{color:var(--teal);}
  .fit-col.no h3{color:#A6493F;}
  .fit-col ul{list-style:none;}
  .fit-col li{
    padding:12px 0; border-top:1px solid var(--line); font-size:0.93rem; color:var(--ink-soft);
    display:flex; gap:12px;
  }
  .fit-col li:first-of-type{border-top:none;}
  .fit-col.yes li::before{content:"—"; color:var(--teal);}
  .fit-col.no li::before{content:"—"; color:#A6493F;}

  /* ---------- Founder ---------- */
  .founder{padding:110px 0;}
  .founder-box{
    display:grid; grid-template-columns:180px 1fr; gap:44px; align-items:center;
  }
  .founder-photo{
    width:180px; height:180px; border-radius:50%; overflow:hidden;
    border:1px solid var(--line); flex-shrink:0;
  }
  .founder-photo img{width:100%; height:100%; object-fit:cover; display:block;}
  .founder-text .mono{color:var(--teal); display:block; margin-bottom:12px;}
  .founder-text h3{font-size:1.25rem; margin-bottom:4px;}
  .founder-role{font-size:0.85rem; color:var(--ink-soft); margin-bottom:18px; display:block;}
  .founder-text p.quote{
    font-family:'Lora',serif; font-style:italic; font-size:1.12rem; color:var(--ink);
    line-height:1.55; max-width:58ch;
  }

  /* ---------- Trust strip ---------- */
  .trust-strip{background:var(--paper-dim); padding:70px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .trust-strip .section-head{margin-bottom:32px;}
  .trust-item{
    display:flex; gap:16px; align-items:flex-start; max-width:640px;
  }
  .trust-item .mark{font-family:'Lora',serif; font-style:italic; color:var(--teal); font-size:1.3rem; line-height:1;}
  .trust-item p{color:var(--ink-soft); font-size:1rem;}

  /* ---------- Final CTA / form ---------- */
  .cta-section{padding:120px 0 130px; background:var(--navy); color:var(--paper); position:relative; overflow:hidden;}
  .cta-section::before{
    content:""; position:absolute; bottom:-20%; left:-8%; width:520px; height:520px; border-radius:50%;
    background:radial-gradient(circle, rgba(61,139,135,0.18), transparent 70%);
  }
  .cta-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:70px; position:relative; z-index:1;}
  .cta-left h2{color:var(--paper); font-size:clamp(1.8rem,3vw,2.4rem); max-width:14ch; margin-bottom:20px;}
  .cta-left p{color:rgba(239,237,227,0.72); font-size:0.98rem; max-width:38ch; margin-bottom:28px;}
  .cta-left .mono{color:var(--teal-soft); display:block; margin-bottom:18px;}
  .cta-left-note{border-top:1px solid var(--line-dark); padding-top:20px; margin-top:36px; font-size:0.85rem; color:rgba(239,237,227,0.5); max-width:32ch;}

  form{display:flex; flex-direction:column; gap:18px;}
  .form-row{display:grid; grid-template-columns:1fr 1fr; gap:18px;}
  label{font-family:'JetBrains Mono',monospace; font-size:0.68rem; text-transform:uppercase; letter-spacing:0.07em; color:var(--teal-soft); margin-bottom:8px; display:block;}
  input, select, textarea{
    width:100%; background:transparent; border:none; border-bottom:1px solid var(--line-dark);
    color:var(--paper); font-family:'Poppins',sans-serif; font-size:0.98rem; font-weight:300;
    padding:10px 2px; outline:none; transition:border-color .2s ease;
  }
  input:focus, select:focus, textarea:focus{border-color:var(--teal-soft);}
  select option{background:var(--navy); color:var(--paper);}
  textarea{resize:vertical; min-height:80px;}
  .field{display:flex; flex-direction:column;}
  .submit-btn{
    margin-top:12px; align-self:flex-start;
    background:var(--teal); color:var(--navy-deep);
    font-family:'JetBrains Mono',monospace; font-size:0.78rem; text-transform:uppercase; letter-spacing:0.06em;
    padding:16px 34px; border:1px solid var(--teal); border-radius:2px; cursor:pointer;
    transition:all .25s ease;
  }
  .submit-btn:hover{background:transparent; color:var(--teal-soft); border-color:var(--teal-soft);}
  ::placeholder{color:rgba(239,237,227,0.3);}

  /* ---------- Footer ---------- */
  footer{padding:44px 0; background:var(--navy-deep); color:rgba(239,237,227,0.45);}
  footer .wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;}
  footer .mono{color:rgba(239,237,227,0.4);}

  @media(max-width:860px){
    .wrap{padding:0 22px;}
    .hero-grid, .why-grid, .bridge-box, .cta-grid{grid-template-columns:1fr; gap:36px;}
    .problem-grid{grid-template-columns:1fr; gap:44px;}
    .deliver-grid{grid-template-columns:1fr;}
    .fit-grid{grid-template-columns:1fr;}
    .form-row{grid-template-columns:1fr;}
    .bridge-box{padding:34px 26px;}
    .cyber-inner{grid-template-columns:1fr; padding-left:20px; gap:16px;}
    .founder-box{grid-template-columns:1fr; text-align:left;}
    .founder-photo{width:120px; height:120px;}
    .hero{padding:80px 0 90px;}
    nav.wrap{padding-top:14px; padding-bottom:14px;}
  }

  @media(max-width:520px){
    nav.wrap{
      padding-top:14px; padding-bottom:14px; gap:14px;
    }
    .logo-svg{height:46px;}
    .nav-claim{display:none;}
    .nav-cta{padding:9px 14px; font-size:0.66rem; flex-shrink:0;}
    footer .wrap{flex-direction:column; align-items:flex-start; gap:22px;}
    .logo-footer{height:40px;}
  }

  @media (prefers-reduced-motion: reduce){
    html{scroll-behavior:auto;}
    *{transition:none !important;}
  }
</style>
</head>
<body>

<header>
  <nav class="wrap">
    <div class="brand">
      <svg class="logo-svg logo-header" viewBox="126 195 666 220" xmlns="http://www.w3.org/2000/svg">
<g><path d="M589 -12 242 439Q231 455 218.5 471.5Q206 488 194 505H193L195 156Q195 129 194.5 104.0Q194 79 192 63Q209 64 231.0 65.0Q253 66 266 66V0H53V55Q79 56 93.5 63.5Q108 71 115.0 89.5Q122 108 122 139L121 555Q121 579 122.0 601.0Q123 623 124 637Q108 636 86.0 635.5Q64 635 51 634V700H195L524 275Q545 248 560.5 227.0Q576 206 588 189H589V553Q589 578 590.0 601.0Q591 624 592 637Q576 636 554.0 635.5Q532 635 518 634V700H732V645Q705 644 689.5 635.5Q674 627 668.0 606.0Q662 585 662 546L661 -12Z" transform="translate(140,330) scale(0.14,-0.14)" fill="#0B1F2E"/>
    <path d="M394 247Q394 290 381.5 309.0Q369 328 345.5 332.0Q322 336 289 335L248 333V148Q248 121 247.0 98.5Q246 76 244 63L397 64Q432 64 461.0 77.5Q490 91 508.0 123.5Q526 156 526 212H581L576 0H52V55Q80 56 95.0 64.5Q110 73 116.0 94.5Q122 116 122 154V553Q122 578 123.5 601.0Q125 624 126 637Q109 636 87.0 635.5Q65 635 52 634V700H545L551 512H496Q496 569 477.5 597.5Q459 626 430.0 636.0Q401 646 370 645L318 644Q291 643 276.0 635.0Q261 627 254.5 606.5Q248 586 248 546V393L388 392L383 479H449V247Z" transform="translate(255.66000000000003,330) scale(0.14,-0.14)" fill="#0B1F2E"/>
    <path d="M27 0V55Q63 63 91.5 90.0Q120 117 156 166L276 332Q227 398 187.0 450.0Q147 502 113 547Q96 570 84.0 593.0Q72 616 64 637Q49 636 36.5 635.5Q24 635 12 634V700H301V645L280 644Q247 644 236.5 634.0Q226 624 231.5 607.5Q237 591 250 572Q272 543 297.5 508.5Q323 474 351 437L434 553Q456 585 472.5 605.0Q489 625 503 637Q485 636 462.0 635.5Q439 635 425 634V700H642V645Q616 642 591.5 626.0Q567 610 543.5 584.0Q520 558 495 523L394 383Q427 340 459.0 298.0Q491 256 521.5 217.5Q552 179 578 145Q595 123 610.0 102.5Q625 82 635 63Q651 65 661.0 65.5Q671 66 682 66V0H401V55Q439 55 450.0 64.5Q461 74 456.0 90.5Q451 107 437 125Q413 156 383.0 194.5Q353 233 320 275Q297 243 274.0 210.5Q251 178 228 146Q208 118 194.5 99.0Q181 80 164 62Q183 64 204.5 65.0Q226 66 239 66V0Z" transform="translate(350.88000000000005,330) scale(0.14,-0.14)" fill="#0B1F2E"/></g>
  <circle cx="520" cy="272" r="62" fill="none" stroke="#3D8B87" stroke-width="16"/>
  <circle cx="623" cy="272" r="62" fill="none" stroke="#3D8B87" stroke-width="16"/>
  <g><path d="M452 480Q445 533 423.0 572.5Q401 612 364.5 633.5Q328 655 277 655Q228 655 195.5 627.0Q163 599 163 558Q163 524 182.5 499.0Q202 474 239.0 453.5Q276 433 327 411Q365 395 404.0 375.5Q443 356 476.0 329.0Q509 302 529.5 266.5Q550 231 550 182Q550 124 519.5 79.0Q489 34 433.0 9.0Q377 -16 301 -16Q259 -16 212.0 -3.5Q165 9 126 34L129 -9H61L59 218H116Q127 133 179.0 89.5Q231 46 304 46Q341 46 370.0 59.5Q399 73 415.5 96.5Q432 120 432 150Q432 189 408.0 214.0Q384 239 347.0 257.0Q310 275 270 292Q225 311 185.0 332.5Q145 354 114.5 381.5Q84 409 66.5 445.0Q49 481 49 530Q49 559 60.0 591.5Q71 624 96.5 652.0Q122 680 165.0 698.0Q208 716 272 716Q312 716 359.5 704.5Q407 693 443 667L439 709H508V480Z" transform="translate(700,330) scale(0.14,-0.14)" fill="#0B1F2E"/></g>
  <g><path d="M390 707Q507 707 590.5 651.5Q674 596 712 495H630Q600 566 538.5 606.0Q477 646 390 646Q313 646 251.5 610.0Q190 574 155.0 506.5Q120 439 120 350Q120 261 155.0 194.0Q190 127 251.5 91.0Q313 55 390 55Q477 55 538.5 94.5Q600 134 630 204H712Q674 104 590.0 49.0Q506 -6 390 -6Q294 -6 216.0 39.5Q138 85 93.0 166.0Q48 247 48 350Q48 453 93.0 534.5Q138 616 216.0 661.5Q294 707 390 707Z" transform="translate(140,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M48 350Q48 453 93.5 534.5Q139 616 218.0 661.5Q297 707 394 707Q492 707 571.0 661.5Q650 616 695.0 534.5Q740 453 740 350Q740 247 695.0 165.5Q650 84 571.0 38.5Q492 -7 394 -7Q297 -7 218.0 38.5Q139 84 93.5 165.5Q48 247 48 350ZM668 350Q668 439 632.0 506.0Q596 573 534.0 609.0Q472 645 394 645Q316 645 254.0 609.0Q192 573 156.0 506.0Q120 439 120 350Q120 261 156.0 193.5Q192 126 254.0 90.0Q316 54 394 54Q472 54 534.0 90.0Q596 126 632.0 193.5Q668 261 668 350Z" transform="translate(165.996,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M607 0H537L150 588V0H80V699H150L537 112V699H607Z" transform="translate(192.434,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M56 180H130Q135 129 175.0 90.5Q215 52 292 52Q363 52 404.5 88.5Q446 125 446 181Q446 226 423.0 253.5Q400 281 366.0 294.5Q332 308 272 324Q202 343 161.0 361.0Q120 379 91.0 417.0Q62 455 62 520Q62 574 90.0 616.5Q118 659 169.0 683.0Q220 707 286 707Q383 707 442.5 659.5Q502 612 511 537H435Q428 580 388.0 613.5Q348 647 280 647Q217 647 175.0 613.5Q133 580 133 522Q133 478 156.0 451.0Q179 424 213.5 410.0Q248 396 307 380Q375 361 417.0 342.5Q459 324 488.0 286.0Q517 248 517 184Q517 135 491.0 91.0Q465 47 414.0 20.0Q363 -7 292 -7Q223 -7 170.5 17.0Q118 41 88.0 84.0Q58 127 56 180Z" transform="translate(216.22,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M147 699V259Q147 155 196.5 105.0Q246 55 332 55Q418 55 466.5 104.5Q515 154 515 259V699H585V260Q585 127 514.5 60.0Q444 -7 331 -7Q218 -7 147.5 60.0Q77 127 77 260V699Z" transform="translate(237.042,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 57H401V0H80V699H150Z" transform="translate(260.178,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M489 699V641H295V0H225V641H30V699Z" transform="translate(277.074,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M48 350Q48 453 93.5 534.5Q139 616 218.0 661.5Q297 707 394 707Q492 707 571.0 661.5Q650 616 695.0 534.5Q740 453 740 350Q740 247 695.0 165.5Q650 84 571.0 38.5Q492 -7 394 -7Q297 -7 218.0 38.5Q139 84 93.5 165.5Q48 247 48 350ZM668 350Q668 439 632.0 506.0Q596 573 534.0 609.0Q472 645 394 645Q316 645 254.0 609.0Q192 573 156.0 506.0Q120 439 120 350Q120 261 156.0 193.5Q192 126 254.0 90.0Q316 54 394 54Q472 54 534.0 90.0Q596 126 632.0 193.5Q668 261 668 350Z" transform="translate(296.544,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M452 0 279 292H150V0H80V699H290Q407 699 467.5 643.0Q528 587 528 496Q528 420 484.5 366.5Q441 313 356 297L536 0ZM150 349H291Q373 349 414.5 389.0Q456 429 456 496Q456 565 416.0 602.5Q376 640 290 640H150Z" transform="translate(322.98199999999997,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 699V0H80V699ZM207 851 2 732V786L207 914Z" transform="translate(344.19399999999996,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M485 166H167L106 0H32L287 690H366L620 0H546ZM464 224 326 602 188 224Z" transform="translate(356.09799999999996,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M43 347Q43 369 57.5 383.5Q72 398 94 398Q115 398 129.5 383.5Q144 369 144 347Q144 325 129.5 310.0Q115 295 94 295Q72 295 57.5 310.0Q43 325 43 347Z" transform="translate(392.07399999999996,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 699V0H80V699Z" transform="translate(415.856,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M485 166H167L106 0H32L287 690H366L620 0H546ZM464 224 326 602 188 224Z" transform="translate(427.76,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M43 347Q43 369 57.5 383.5Q72 398 94 398Q115 398 129.5 383.5Q144 369 144 347Q144 325 129.5 310.0Q115 295 94 295Q72 295 57.5 310.0Q43 325 43 347Z" transform="translate(463.736,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M390 707Q507 707 590.5 651.5Q674 596 712 495H630Q600 566 538.5 606.0Q477 646 390 646Q313 646 251.5 610.0Q190 574 155.0 506.5Q120 439 120 350Q120 261 155.0 194.0Q190 127 251.5 91.0Q313 55 390 55Q477 55 538.5 94.5Q600 134 630 204H712Q674 104 590.0 49.0Q506 -6 390 -6Q294 -6 216.0 39.5Q138 85 93.0 166.0Q48 247 48 350Q48 453 93.0 534.5Q138 616 216.0 661.5Q294 707 390 707Z" transform="translate(487.51800000000003,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 699V0H80V699Z" transform="translate(513.514,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M548 187Q548 134 521.5 91.5Q495 49 444.0 24.5Q393 0 322 0H80V699H315Q421 699 476.5 650.0Q532 601 532 523Q532 458 497.0 417.5Q462 377 407 361Q466 350 507.0 301.0Q548 252 548 187ZM150 390H313Q384 390 422.5 423.5Q461 457 461 516Q461 574 422.5 607.0Q384 640 310 640H150ZM478 194Q478 257 433.5 294.5Q389 332 314 332H150V59H317Q393 59 435.5 95.0Q478 131 478 194Z" transform="translate(525.418,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 642V381H415V323H150V58H445V0H80V700H445V642Z" transform="translate(546.89,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M452 0 279 292H150V0H80V699H290Q407 699 467.5 643.0Q528 587 528 496Q528 420 484.5 366.5Q441 313 356 297L536 0ZM150 349H291Q373 349 414.5 389.0Q456 429 456 496Q456 565 416.0 602.5Q376 640 290 640H150Z" transform="translate(565.918,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M56 180H130Q135 129 175.0 90.5Q215 52 292 52Q363 52 404.5 88.5Q446 125 446 181Q446 226 423.0 253.5Q400 281 366.0 294.5Q332 308 272 324Q202 343 161.0 361.0Q120 379 91.0 417.0Q62 455 62 520Q62 574 90.0 616.5Q118 659 169.0 683.0Q220 707 286 707Q383 707 442.5 659.5Q502 612 511 537H435Q428 580 388.0 613.5Q348 647 280 647Q217 647 175.0 613.5Q133 580 133 522Q133 478 156.0 451.0Q179 424 213.5 410.0Q248 396 307 380Q375 361 417.0 342.5Q459 324 488.0 286.0Q517 248 517 184Q517 135 491.0 91.0Q465 47 414.0 20.0Q363 -7 292 -7Q223 -7 170.5 17.0Q118 41 88.0 84.0Q58 127 56 180Z" transform="translate(587.13,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 642V381H415V323H150V58H445V0H80V700H445V642Z" transform="translate(607.952,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M630 495Q600 564 538.5 603.5Q477 643 394 643Q316 643 254.0 607.0Q192 571 156.0 504.5Q120 438 120 350Q120 262 156.0 195.0Q192 128 254.0 92.0Q316 56 394 56Q467 56 525.5 87.5Q584 119 619.5 177.5Q655 236 660 314H366V371H734V320Q729 228 684.0 153.5Q639 79 563.5 36.0Q488 -7 394 -7Q297 -7 218.0 38.5Q139 84 93.5 165.5Q48 247 48 350Q48 453 93.5 534.5Q139 616 218.0 661.5Q297 707 394 707Q506 707 590.0 651.0Q674 595 712 495Z" transform="translate(626.98,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M147 699V259Q147 155 196.5 105.0Q246 55 332 55Q418 55 466.5 104.5Q515 154 515 259V699H585V260Q585 127 514.5 60.0Q444 -7 331 -7Q218 -7 147.5 60.0Q77 127 77 260V699Z" transform="translate(653.2620000000001,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M452 0 279 292H150V0H80V699H290Q407 699 467.5 643.0Q528 587 528 496Q528 420 484.5 366.5Q441 313 356 297L536 0ZM150 349H291Q373 349 414.5 389.0Q456 429 456 496Q456 565 416.0 602.5Q376 640 290 640H150Z" transform="translate(676.398,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 699V0H80V699Z" transform="translate(697.61,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M657 348Q657 240 613.0 161.5Q569 83 486.0 41.5Q403 0 287 0H80V699H287Q403 699 486.0 657.0Q569 615 613.0 536.0Q657 457 657 348ZM586 348Q586 486 509.5 563.5Q433 641 287 641H150V58H287Q433 58 509.5 134.5Q586 211 586 348Z" transform="translate(709.514,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M485 166H167L106 0H32L287 690H366L620 0H546ZM464 224 326 602 188 224Z" transform="translate(733.82,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M657 348Q657 240 613.0 161.5Q569 83 486.0 41.5Q403 0 287 0H80V699H287Q403 699 486.0 657.0Q569 615 613.0 536.0Q657 457 657 348ZM586 348Q586 486 509.5 563.5Q433 641 287 641H150V58H287Q433 58 509.5 134.5Q586 211 586 348Z" transform="translate(756.7220000000001,400) scale(0.026,-0.026)" fill="#3D8B87"/></g>
</svg>
      <span class="nav-claim">IA &amp; Ciberseguridad</span>
    </div>
    <button class="nav-cta" onclick="document.getElementById('contacto').scrollIntoView()">Hablemos</button>
  </nav>
</header>

<section class="hero">
  <div class="wrap hero-grid">
    <div>
      <div class="eyebrow"><span class="line"></span><span class="mono">Agencia consultora IA &amp; ciberseguridad</span></div>
      <h1>Antes de automatizar nada, <em>entendamos qué está pasando</em> en tu empresa.</h1>
      <p class="hero-sub">Has probado herramientas de IA sueltas y no ha funcionado. No es tu empresa la que falla — es el orden. Nosotros ponemos claridad antes de tocar un solo sistema.</p>
      <div class="hero-actions">
        <button class="btn-primary" onclick="document.getElementById('contacto').scrollIntoView()">Hablemos</button>
        <span class="hero-note">Hablamos, vemos si encajamos, y sales con la información que necesitas para decidir.</span>
      </div>
    </div>
    <div class="hero-panel">
      <span class="mono">Diagnóstico inicial · IA &amp; Ciberseguridad</span>
      <ul>
        <li><span class="no">01</span> Dónde está el caos real en tus procesos</li>
        <li><span class="no">02</span> Qué automatizar y qué no, y en qué orden</li>
        <li><span class="no">03</span> Que cada mejora propuesta es segura antes de implementarla</li>
        <li><span class="no">04</span> Un roadmap claro, priorizado por impacto</li>
      </ul>
    </div>
  </div>
</section>

<section class="cyber-block">
  <div class="wrap">
    <div class="cyber-inner">
      <svg class="cyber-icon" viewBox="0 0 52 52" fill="none">
        <circle cx="19" cy="26" r="15" stroke="#3D8B87" stroke-width="2.4"/>
        <circle cx="33" cy="26" r="15" stroke="#0B1F2E" stroke-width="2.4"/>
      </svg>
      <div>
        <span class="mono">La seguridad no es un paso, es un filtro</span>
        <h3>Nada llega a tu roadmap sin pasar antes por seguridad</h3>
        <p>Si manejas datos de clientes, historiales o información financiera, revisamos accesos, riesgos y dependencias antes de que esa propuesta llegue a tu plan.</p>
      </div>
    </div>
  </div>
</section>

<section class="problem">
  <div class="wrap">
    <div class="section-head">
      <span class="mono">El punto de partida</span>
      <h2>Reconoces alguna de estas frases en tu cabeza</h2>
    </div>
    <div class="problem-grid">
      <div class="problem-card">
        <p class="quote">"Hemos probado herramientas de IA sueltas y no ha funcionado."</p>
        <p class="desc">Porque se implementó sin entender antes el proceso que se quería mejorar. La herramienta no era el problema.</p>
      </div>
      <div class="problem-card">
        <p class="quote">"Tenemos procesos manuales que ya no escalan."</p>
        <p class="desc">Y nadie los ha dibujado tal y como son de verdad — solo como deberían ser. Por eso cuesta tanto mejorarlos.</p>
      </div>
      <div class="problem-card">
        <p class="quote">"Nos preocupa que algo se nos vaya de las manos con tanta herramienta nueva."</p>
        <p class="desc">Ese miedo es razonable. Por eso ninguna propuesta llega a tu plan sin haber pasado antes por un filtro de seguridad.</p>
      </div>
    </div>
  </div>
</section>

<section class="why-fails">
  <div class="wrap why-grid">
    <h2>El error más común no es técnico. Es de orden.</h2>
    <div class="why-fails-list">
      <div class="why-item"><span class="x">＋</span><p><strong>Se implementa sin haber ordenado antes.</strong> El resultado: automatizaciones inútiles, dependencia de una persona o herramienta, y dinero mal invertido.</p></div>
      <div class="why-item"><span class="x">＋</span><p><strong>Se compran herramientas antes de entender el proceso.</strong> Si no se sabe qué está roto, no se puede saber qué arreglar primero.</p></div>
      <div class="why-item"><span class="x">＋</span><p><strong>Se proponen tecnologías sin evaluar si son seguras.</strong> Se gana velocidad y se pierde control sobre los datos.</p></div>
    </div>
  </div>
</section>

<section class="method">
  <div class="wrap">
    <div class="section-head">
      <span class="mono">Cómo trabajamos — Diagnóstico Inicial IA &amp; Cyber</span>
      <h2>Cuatro fases, en este orden, sin saltarnos ninguna</h2>
    </div>
    <div class="method-steps">
      <div class="step">
        <div class="step-ring"><span>01</span></div>
        <div class="step-body">
          <h3>Auditoría y mapa de procesos</h3>
          <p>Analizamos marketing, ventas, entrega y administración. Dibujamos cómo funcionan tus procesos <em>de verdad</em> — no cómo deberían funcionar. Ahí aparece el caos.</p>
          <span class="step-tag">Se dibuja el proceso real</span>
        </div>
      </div>
      <div class="step">
        <div class="step-ring"><span>02</span></div>
        <div class="step-body">
          <h3>Detección de mejoras y oportunidades</h3>
          <p>Con el proceso ya claro, buscamos pasos innecesarios, cuellos de botella y dónde tiene sentido optimizar tecnología o integrar IA — solo donde de verdad aporta.</p>
          <span class="step-tag">Primero optimizar, luego automatizar</span>
        </div>
      </div>
      <div class="step">
        <div class="step-ring"><span>03</span></div>
        <div class="step-body">
          <h3>Revisión de seguridad de lo propuesto</h3>
          <p>Antes de proponerte ninguna tecnología o automatización, la evaluamos en accesos, datos, dependencias y riesgo técnico y humano. Si no es segura, no llega a tu roadmap.</p>
          <span class="step-tag">Ninguna propuesta sin pasar el filtro de seguridad</span>
        </div>
      </div>
      <div class="step">
        <div class="step-ring"><span>04</span></div>
        <div class="step-body">
          <h3>Roadmap de implementación a medida</h3>
          <p>Ordenamos todo, definimos en qué orden implementarlo y por qué, priorizando siempre impacto frente a riesgo. Sales de aquí sabiendo exactamente qué hacer.</p>
          <span class="step-tag">Un plan, no una lista de ideas sueltas</span>
        </div>
      </div>
    </div>
  </div>
</section>

<section class="deliver">
  <div class="wrap">
    <div class="section-head">
      <span class="mono">Al terminar el diagnóstico</span>
      <h2>Esto es exactamente lo que recibes — hayas contratado la implementación o no</h2>
    </div>
    <div class="deliver-grid">
      <div class="deliver-item">
        <span class="mono">Documento 01</span>
        <h4>El mapa BPMN de tus 4 áreas</h4>
        <p>Marketing, ventas, entrega y administración, dibujados tal como funcionan hoy — no como deberían funcionar.</p>
      </div>
      <div class="deliver-item">
        <span class="mono">Documento 02</span>
        <h4>Lista de oportunidades priorizada</h4>
        <p>Cada oportunidad con su impacto estimado y su riesgo al lado. Ves el porqué de cada prioridad, no una lista genérica.</p>
      </div>
      <div class="deliver-item">
        <span class="mono">Documento 03</span>
        <h4>Un informe de seguridad por propuesta</h4>
        <p>Una ficha de riesgo — accesos, datos, dependencias — para cada mejora, antes de que decidas si sigue adelante.</p>
      </div>
      <div class="deliver-item">
        <span class="mono">Documento 04</span>
        <h4>Un roadmap fechado</h4>
        <p>El orden de implementación, uno a uno, con la razón de por qué va antes uno que otro.</p>
      </div>
    </div>
  </div>
</section>

<section class="fit">
  <div class="wrap">
    <div class="section-head" style="margin-bottom:50px;">
      <span class="mono">Para que no perdamos el tiempo ninguno</span>
      <h2>Este modelo tiene sentido si...</h2>
    </div>
  </div>
  <div class="fit-grid">
    <div class="fit-col yes">
      <h3>Encaja contigo si</h3>
      <ul>
        <li>Llevas años operando y tus procesos ya están "cocinados", aunque sean caóticos</li>
        <li>Ya probaste IA suelta y no dio el resultado esperado</li>
        <li>Manejas datos sensibles de clientes y te preocupa la seguridad</li>
        <li>Prefieres decidir con criterio antes que comprar la herramienta de moda</li>
      </ul>
    </div>
    <div class="fit-col no">
      <h3>No es para ti si</h3>
      <ul>
        <li>Ya decidiste qué herramienta de IA quieres y solo buscas quien te la instale</li>
        <li>Estás en fase de descubrimiento y ni siquiera sabes qué procesos tiene tu empresa</li>
        <li>Buscas la mano de obra técnica más barata posible</li>
        <li>Quieres resultados sin implicarte en la decisión</li>
      </ul>
    </div>
  </div>
</section>

<section class="founder">
  <div class="wrap founder-box">
    <div class="founder-photo">
      <img src="merlin-foto.jpg" alt="Merlin Fundora Mariscal, CEO de NEXOOS" loading="lazy">
    </div>
    <div class="founder-text">
      <span class="mono">Quién hay detrás de NEXOOS</span>
      <h3>Merlin Fundora Mariscal</h3>
      <span class="founder-role">CEO</span>
      <p class="quote">"Necesito conocerte a ti y a tu empresa — qué objetivos tienes, qué te preocupa — antes de proponerte nada. Con eso puedo darte las herramientas para que decidas con criterio cómo debe avanzar tu empresa."</p>
    </div>
  </div>
</section>

<section class="trust-strip">
  <div class="wrap">
    <div class="section-head" style="margin-bottom:0;">
      <span class="mono">Así trabajamos en NEXOOS</span>
    </div>
    <div class="trust-item" style="margin-top:26px;">
      <p><strong style="color:var(--navy); font-weight:500;">Confidencialidad clara:</strong> tus datos y los de tu empresa son solo tuyos — no se comparten con nadie ni se usan fuera del diagnóstico.</p>
    </div>
    <div class="trust-item" style="margin-top:18px;">
      <p><strong style="color:var(--navy); font-weight:500;">Diagnóstico a medida, no plantilla reciclada:</strong> cada diagnóstico se hace desde cero sobre tu empresa — tus procesos, tu sector, tu forma de trabajar. No reciclamos un informe genérico con tu nombre puesto encima.</p>
    </div>
    <div class="trust-item" style="margin-top:18px;">
      <p><strong style="color:var(--navy); font-weight:500;">Honestidad sobre el fit, antes de venderte nada:</strong> si en la primera llamada vemos que esto no encaja contigo, te lo decimos nosotros primero — no esperamos a que lo descubras tú a mitad de camino.</p>
    </div>
  </div>
</section>

<section class="cta-section" id="contacto">
  <div class="wrap cta-grid">
    <div class="cta-left">
      <span class="mono">Empecemos por el diagnóstico</span>
      <h2>Cuéntanos dónde está el caos. Nosotros te ayudamos a verlo con claridad.</h2>
      <p>Cuéntanos tu caso y agendamos una primera llamada — sin tocar nada de tu operación todavía.</p>
      <div class="cta-left-note">Te leemos nosotros, no un buzón automático. Respondemos en menos de 48 horas laborables.</div>
    </div>
    <form action="#" method="POST" id="contact-form" novalidate>
      <div class="form-row">
        <div class="field">
          <label for="nombre">Nombre</label>
          <input type="text" id="nombre" name="nombre" placeholder="Tu nombre" required minlength="2" maxlength="80" autocomplete="name">
        </div>
        <div class="field">
          <label for="email">Email</label>
          <input type="email" id="email" name="email" placeholder="tu@empresa.com" required maxlength="120" autocomplete="email" pattern="[^@\s]+@[^@\s]+\.[^@\s]+">
        </div>
      </div>
      <div class="form-row">
        <div class="field">
          <label for="empresa">Empresa</label>
          <input type="text" id="empresa" name="empresa" placeholder="Nombre de tu empresa" required minlength="2" maxlength="100" autocomplete="organization">
        </div>
        <div class="field">
          <label for="tamano">Tamaño de empresa <span style="opacity:0.5;">(opcional)</span></label>
          <select id="tamano" name="tamano">
            <option value="" selected>Selecciona...</option>
            <option value="1-9">1–9 empleados</option>
            <option value="10-49">10–49 empleados</option>
            <option value="50-100">50–100 empleados</option>
            <option value="100+">Más de 100 empleados</option>
          </select>
        </div>
      </div>
      <div class="field">
        <label for="sector">Sector <span style="opacity:0.5;">(opcional)</span></label>
        <select id="sector" name="sector">
          <option value="" selected>Selecciona...</option>
          <option value="servicios">Servicios profesionales (asesoría, despacho, clínica)</option>
          <option value="ecommerce">E-commerce / retail</option>
          <option value="b2b">B2B con ciclo de venta complejo</option>
          <option value="salud">Salud</option>
          <option value="legal">Legal</option>
          <option value="financiero">Financiero</option>
          <option value="otro">Otro</option>
        </select>
      </div>
      <div class="field">
        <label for="mensaje">Cuéntanos qué te trae aquí <span style="opacity:0.5;">(opcional)</span></label>
        <textarea id="mensaje" name="mensaje" maxlength="1000" placeholder="¿Qué proceso te preocupa, qué has probado ya, qué te frena?"></textarea>
      </div>
      <!-- Honeypot anti-spam field: hidden from real users, invisible to screen readers, trap for bots -->
      <div style="position:absolute; left:-9999px; width:1px; height:1px; overflow:hidden;" aria-hidden="true">
        <label for="empresa_web">No rellenar este campo</label>
        <input type="text" id="empresa_web" name="empresa_web" tabindex="-1" autocomplete="off">
      </div>
      <p id="form-error" role="alert" style="display:none; color:#E8A87C; font-size:0.85rem; margin-top:-6px;"></p>
      <button type="submit" class="submit-btn">Hablemos</button>
    </form>
  </div>
</section>

<footer>
  <div class="wrap">
    <div class="brand">
      <svg class="logo-svg logo-footer" viewBox="126 195 666 220" xmlns="http://www.w3.org/2000/svg">
<g><path d="M589 -12 242 439Q231 455 218.5 471.5Q206 488 194 505H193L195 156Q195 129 194.5 104.0Q194 79 192 63Q209 64 231.0 65.0Q253 66 266 66V0H53V55Q79 56 93.5 63.5Q108 71 115.0 89.5Q122 108 122 139L121 555Q121 579 122.0 601.0Q123 623 124 637Q108 636 86.0 635.5Q64 635 51 634V700H195L524 275Q545 248 560.5 227.0Q576 206 588 189H589V553Q589 578 590.0 601.0Q591 624 592 637Q576 636 554.0 635.5Q532 635 518 634V700H732V645Q705 644 689.5 635.5Q674 627 668.0 606.0Q662 585 662 546L661 -12Z" transform="translate(140,330) scale(0.14,-0.14)" fill="#F2F5F7"/>
    <path d="M394 247Q394 290 381.5 309.0Q369 328 345.5 332.0Q322 336 289 335L248 333V148Q248 121 247.0 98.5Q246 76 244 63L397 64Q432 64 461.0 77.5Q490 91 508.0 123.5Q526 156 526 212H581L576 0H52V55Q80 56 95.0 64.5Q110 73 116.0 94.5Q122 116 122 154V553Q122 578 123.5 601.0Q125 624 126 637Q109 636 87.0 635.5Q65 635 52 634V700H545L551 512H496Q496 569 477.5 597.5Q459 626 430.0 636.0Q401 646 370 645L318 644Q291 643 276.0 635.0Q261 627 254.5 606.5Q248 586 248 546V393L388 392L383 479H449V247Z" transform="translate(255.66000000000003,330) scale(0.14,-0.14)" fill="#F2F5F7"/>
    <path d="M27 0V55Q63 63 91.5 90.0Q120 117 156 166L276 332Q227 398 187.0 450.0Q147 502 113 547Q96 570 84.0 593.0Q72 616 64 637Q49 636 36.5 635.5Q24 635 12 634V700H301V645L280 644Q247 644 236.5 634.0Q226 624 231.5 607.5Q237 591 250 572Q272 543 297.5 508.5Q323 474 351 437L434 553Q456 585 472.5 605.0Q489 625 503 637Q485 636 462.0 635.5Q439 635 425 634V700H642V645Q616 642 591.5 626.0Q567 610 543.5 584.0Q520 558 495 523L394 383Q427 340 459.0 298.0Q491 256 521.5 217.5Q552 179 578 145Q595 123 610.0 102.5Q625 82 635 63Q651 65 661.0 65.5Q671 66 682 66V0H401V55Q439 55 450.0 64.5Q461 74 456.0 90.5Q451 107 437 125Q413 156 383.0 194.5Q353 233 320 275Q297 243 274.0 210.5Q251 178 228 146Q208 118 194.5 99.0Q181 80 164 62Q183 64 204.5 65.0Q226 66 239 66V0Z" transform="translate(350.88000000000005,330) scale(0.14,-0.14)" fill="#F2F5F7"/></g>
  <circle cx="520" cy="272" r="62" fill="none" stroke="#3D8B87" stroke-width="16"/>
  <circle cx="623" cy="272" r="62" fill="none" stroke="#3D8B87" stroke-width="16"/>
  <g><path d="M452 480Q445 533 423.0 572.5Q401 612 364.5 633.5Q328 655 277 655Q228 655 195.5 627.0Q163 599 163 558Q163 524 182.5 499.0Q202 474 239.0 453.5Q276 433 327 411Q365 395 404.0 375.5Q443 356 476.0 329.0Q509 302 529.5 266.5Q550 231 550 182Q550 124 519.5 79.0Q489 34 433.0 9.0Q377 -16 301 -16Q259 -16 212.0 -3.5Q165 9 126 34L129 -9H61L59 218H116Q127 133 179.0 89.5Q231 46 304 46Q341 46 370.0 59.5Q399 73 415.5 96.5Q432 120 432 150Q432 189 408.0 214.0Q384 239 347.0 257.0Q310 275 270 292Q225 311 185.0 332.5Q145 354 114.5 381.5Q84 409 66.5 445.0Q49 481 49 530Q49 559 60.0 591.5Q71 624 96.5 652.0Q122 680 165.0 698.0Q208 716 272 716Q312 716 359.5 704.5Q407 693 443 667L439 709H508V480Z" transform="translate(700,330) scale(0.14,-0.14)" fill="#F2F5F7"/></g>
  <g><path d="M390 707Q507 707 590.5 651.5Q674 596 712 495H630Q600 566 538.5 606.0Q477 646 390 646Q313 646 251.5 610.0Q190 574 155.0 506.5Q120 439 120 350Q120 261 155.0 194.0Q190 127 251.5 91.0Q313 55 390 55Q477 55 538.5 94.5Q600 134 630 204H712Q674 104 590.0 49.0Q506 -6 390 -6Q294 -6 216.0 39.5Q138 85 93.0 166.0Q48 247 48 350Q48 453 93.0 534.5Q138 616 216.0 661.5Q294 707 390 707Z" transform="translate(140,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M48 350Q48 453 93.5 534.5Q139 616 218.0 661.5Q297 707 394 707Q492 707 571.0 661.5Q650 616 695.0 534.5Q740 453 740 350Q740 247 695.0 165.5Q650 84 571.0 38.5Q492 -7 394 -7Q297 -7 218.0 38.5Q139 84 93.5 165.5Q48 247 48 350ZM668 350Q668 439 632.0 506.0Q596 573 534.0 609.0Q472 645 394 645Q316 645 254.0 609.0Q192 573 156.0 506.0Q120 439 120 350Q120 261 156.0 193.5Q192 126 254.0 90.0Q316 54 394 54Q472 54 534.0 90.0Q596 126 632.0 193.5Q668 261 668 350Z" transform="translate(165.996,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M607 0H537L150 588V0H80V699H150L537 112V699H607Z" transform="translate(192.434,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M56 180H130Q135 129 175.0 90.5Q215 52 292 52Q363 52 404.5 88.5Q446 125 446 181Q446 226 423.0 253.5Q400 281 366.0 294.5Q332 308 272 324Q202 343 161.0 361.0Q120 379 91.0 417.0Q62 455 62 520Q62 574 90.0 616.5Q118 659 169.0 683.0Q220 707 286 707Q383 707 442.5 659.5Q502 612 511 537H435Q428 580 388.0 613.5Q348 647 280 647Q217 647 175.0 613.5Q133 580 133 522Q133 478 156.0 451.0Q179 424 213.5 410.0Q248 396 307 380Q375 361 417.0 342.5Q459 324 488.0 286.0Q517 248 517 184Q517 135 491.0 91.0Q465 47 414.0 20.0Q363 -7 292 -7Q223 -7 170.5 17.0Q118 41 88.0 84.0Q58 127 56 180Z" transform="translate(216.22,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M147 699V259Q147 155 196.5 105.0Q246 55 332 55Q418 55 466.5 104.5Q515 154 515 259V699H585V260Q585 127 514.5 60.0Q444 -7 331 -7Q218 -7 147.5 60.0Q77 127 77 260V699Z" transform="translate(237.042,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 57H401V0H80V699H150Z" transform="translate(260.178,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M489 699V641H295V0H225V641H30V699Z" transform="translate(277.074,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M48 350Q48 453 93.5 534.5Q139 616 218.0 661.5Q297 707 394 707Q492 707 571.0 661.5Q650 616 695.0 534.5Q740 453 740 350Q740 247 695.0 165.5Q650 84 571.0 38.5Q492 -7 394 -7Q297 -7 218.0 38.5Q139 84 93.5 165.5Q48 247 48 350ZM668 350Q668 439 632.0 506.0Q596 573 534.0 609.0Q472 645 394 645Q316 645 254.0 609.0Q192 573 156.0 506.0Q120 439 120 350Q120 261 156.0 193.5Q192 126 254.0 90.0Q316 54 394 54Q472 54 534.0 90.0Q596 126 632.0 193.5Q668 261 668 350Z" transform="translate(296.544,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M452 0 279 292H150V0H80V699H290Q407 699 467.5 643.0Q528 587 528 496Q528 420 484.5 366.5Q441 313 356 297L536 0ZM150 349H291Q373 349 414.5 389.0Q456 429 456 496Q456 565 416.0 602.5Q376 640 290 640H150Z" transform="translate(322.98199999999997,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 699V0H80V699ZM207 851 2 732V786L207 914Z" transform="translate(344.19399999999996,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M485 166H167L106 0H32L287 690H366L620 0H546ZM464 224 326 602 188 224Z" transform="translate(356.09799999999996,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M43 347Q43 369 57.5 383.5Q72 398 94 398Q115 398 129.5 383.5Q144 369 144 347Q144 325 129.5 310.0Q115 295 94 295Q72 295 57.5 310.0Q43 325 43 347Z" transform="translate(392.07399999999996,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 699V0H80V699Z" transform="translate(415.856,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M485 166H167L106 0H32L287 690H366L620 0H546ZM464 224 326 602 188 224Z" transform="translate(427.76,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M43 347Q43 369 57.5 383.5Q72 398 94 398Q115 398 129.5 383.5Q144 369 144 347Q144 325 129.5 310.0Q115 295 94 295Q72 295 57.5 310.0Q43 325 43 347Z" transform="translate(463.736,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M390 707Q507 707 590.5 651.5Q674 596 712 495H630Q600 566 538.5 606.0Q477 646 390 646Q313 646 251.5 610.0Q190 574 155.0 506.5Q120 439 120 350Q120 261 155.0 194.0Q190 127 251.5 91.0Q313 55 390 55Q477 55 538.5 94.5Q600 134 630 204H712Q674 104 590.0 49.0Q506 -6 390 -6Q294 -6 216.0 39.5Q138 85 93.0 166.0Q48 247 48 350Q48 453 93.0 534.5Q138 616 216.0 661.5Q294 707 390 707Z" transform="translate(487.51800000000003,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 699V0H80V699Z" transform="translate(513.514,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M548 187Q548 134 521.5 91.5Q495 49 444.0 24.5Q393 0 322 0H80V699H315Q421 699 476.5 650.0Q532 601 532 523Q532 458 497.0 417.5Q462 377 407 361Q466 350 507.0 301.0Q548 252 548 187ZM150 390H313Q384 390 422.5 423.5Q461 457 461 516Q461 574 422.5 607.0Q384 640 310 640H150ZM478 194Q478 257 433.5 294.5Q389 332 314 332H150V59H317Q393 59 435.5 95.0Q478 131 478 194Z" transform="translate(525.418,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 642V381H415V323H150V58H445V0H80V700H445V642Z" transform="translate(546.89,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M452 0 279 292H150V0H80V699H290Q407 699 467.5 643.0Q528 587 528 496Q528 420 484.5 366.5Q441 313 356 297L536 0ZM150 349H291Q373 349 414.5 389.0Q456 429 456 496Q456 565 416.0 602.5Q376 640 290 640H150Z" transform="translate(565.918,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M56 180H130Q135 129 175.0 90.5Q215 52 292 52Q363 52 404.5 88.5Q446 125 446 181Q446 226 423.0 253.5Q400 281 366.0 294.5Q332 308 272 324Q202 343 161.0 361.0Q120 379 91.0 417.0Q62 455 62 520Q62 574 90.0 616.5Q118 659 169.0 683.0Q220 707 286 707Q383 707 442.5 659.5Q502 612 511 537H435Q428 580 388.0 613.5Q348 647 280 647Q217 647 175.0 613.5Q133 580 133 522Q133 478 156.0 451.0Q179 424 213.5 410.0Q248 396 307 380Q375 361 417.0 342.5Q459 324 488.0 286.0Q517 248 517 184Q517 135 491.0 91.0Q465 47 414.0 20.0Q363 -7 292 -7Q223 -7 170.5 17.0Q118 41 88.0 84.0Q58 127 56 180Z" transform="translate(587.13,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 642V381H415V323H150V58H445V0H80V700H445V642Z" transform="translate(607.952,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M630 495Q600 564 538.5 603.5Q477 643 394 643Q316 643 254.0 607.0Q192 571 156.0 504.5Q120 438 120 350Q120 262 156.0 195.0Q192 128 254.0 92.0Q316 56 394 56Q467 56 525.5 87.5Q584 119 619.5 177.5Q655 236 660 314H366V371H734V320Q729 228 684.0 153.5Q639 79 563.5 36.0Q488 -7 394 -7Q297 -7 218.0 38.5Q139 84 93.5 165.5Q48 247 48 350Q48 453 93.5 534.5Q139 616 218.0 661.5Q297 707 394 707Q506 707 590.0 651.0Q674 595 712 495Z" transform="translate(626.98,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M147 699V259Q147 155 196.5 105.0Q246 55 332 55Q418 55 466.5 104.5Q515 154 515 259V699H585V260Q585 127 514.5 60.0Q444 -7 331 -7Q218 -7 147.5 60.0Q77 127 77 260V699Z" transform="translate(653.2620000000001,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M452 0 279 292H150V0H80V699H290Q407 699 467.5 643.0Q528 587 528 496Q528 420 484.5 366.5Q441 313 356 297L536 0ZM150 349H291Q373 349 414.5 389.0Q456 429 456 496Q456 565 416.0 602.5Q376 640 290 640H150Z" transform="translate(676.398,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M150 699V0H80V699Z" transform="translate(697.61,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M657 348Q657 240 613.0 161.5Q569 83 486.0 41.5Q403 0 287 0H80V699H287Q403 699 486.0 657.0Q569 615 613.0 536.0Q657 457 657 348ZM586 348Q586 486 509.5 563.5Q433 641 287 641H150V58H287Q433 58 509.5 134.5Q586 211 586 348Z" transform="translate(709.514,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M485 166H167L106 0H32L287 690H366L620 0H546ZM464 224 326 602 188 224Z" transform="translate(733.82,400) scale(0.026,-0.026)" fill="#3D8B87"/>
    <path d="M657 348Q657 240 613.0 161.5Q569 83 486.0 41.5Q403 0 287 0H80V699H287Q403 699 486.0 657.0Q569 615 613.0 536.0Q657 457 657 348ZM586 348Q586 486 509.5 563.5Q433 641 287 641H150V58H287Q433 58 509.5 134.5Q586 211 586 348Z" transform="translate(756.7220000000001,400) scale(0.026,-0.026)" fill="#3D8B87"/></g>
</svg>
    </div>
    <span class="mono">El nexo entre estrategia, procesos y tecnología</span>
  </div>
</footer>

<script>
(function(){
  var form = document.getElementById('contact-form');
  var errorBox = document.getElementById('form-error');

  // Strips HTML tags and control characters from free-text input to reduce
  // stored/reflected XSS risk if this value is ever rendered elsewhere (CRM, email, dashboard).
  function sanitize(value){
    return value
      .replace(/<[^>]*>/g, '')
      .replace(/[\u0000-\u001F\u007F]/g, '')
      .trim();
  }

  function showError(msg){
    errorBox.textContent = msg;
    errorBox.style.display = 'block';
  }

  function hideError(){
    errorBox.style.display = 'none';
    errorBox.textContent = '';
  }

  var emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;

  form.addEventListener('submit', function(e){
    e.preventDefault();
    hideError();

    // Honeypot: if this hidden field has any value, silently drop the submission (likely a bot)
    var honeypot = form.querySelector('#empresa_web');
    if (honeypot && honeypot.value.trim() !== ''){
      return;
    }

    var nombre = form.querySelector('#nombre');
    var email = form.querySelector('#email');
    var empresa = form.querySelector('#empresa');
    var tamano = form.querySelector('#tamano');
    var sector = form.querySelector('#sector');
    var mensaje = form.querySelector('#mensaje');

    // Sanitize free-text fields in place before any further processing/submission
    nombre.value = sanitize(nombre.value);
    empresa.value = sanitize(empresa.value);
    mensaje.value = sanitize(mensaje.value);
    email.value = email.value.trim();

    if (nombre.value.length < 2){
      showError('Escribe tu nombre completo.');
      nombre.focus();
      return;
    }
    if (!emailPattern.test(email.value) || email.value.length > 120){
      showError('Introduce un email válido.');
      email.focus();
      return;
    }
    if (empresa.value.length < 2){
      showError('Escribe el nombre de tu empresa.');
      empresa.focus();
      return;
    }
    if (mensaje.value.length > 1000){
      showError('El mensaje es demasiado largo (máximo 1000 caracteres).');
      mensaje.focus();
      return;
    }

    // At this point the form is validated client-side and ready to send.
    // IMPORTANT: replace this block with a real submission (fetch/POST) to your
    // backend or form service (e.g. Formspree, Netlify Forms) once connected.
    // Client-side checks alone are not a security boundary — the receiving
    // endpoint must re-validate and sanitize every field again server-side.
    form.reset();
    showError('');
    alert('Formulario listo para enviarse — conecta esta acción a tu backend o servicio de formularios.');
  });
})();
</script>
</body>
</html>/* End custom CSS */