:root{--navy:#06172e;--navy2:#0b2b52;--blue:#0877fa;--orange:#ff6815;--text:#0b1d3b;--muted:#40506a;--line:#dfe8f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font:15px/1.48 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.wrap{width:min(1024px,calc(100% - 44px));margin:auto}.header{height:58px;background:#fff;position:relative;z-index:20;box-shadow:0 1px 8px #091b3610}.nav-inner{height:100%;display:flex;align-items:center;gap:22px}.logo{display:flex;align-items:center;min-width:215px;white-space:nowrap;gap:3px}.logo-art{display:block;width:41px;height:43px;flex:none;background-image:url('./assets/diseno-referencia.png');background-size:1024px 1536px;background-position:-40px -8px;background-repeat:no-repeat}.logo-type strong{font-weight:800;font-size:21px;line-height:1;letter-spacing:-1.3px}.logo-type strong span{color:var(--orange)}.logo-type small{display:block;font-size:5.8px;letter-spacing:.25px;font-weight:800}.nav{display:flex;align-items:center;gap:23px;margin-left:auto}.nav a{font-weight:600;font-size:11px;padding:20px 0 17px;border-bottom:2px solid transparent}.nav a:hover,.nav a.active{color:var(--blue);border-color:var(--blue)}.nav-cta{background:var(--blue);color:#fff;border-radius:8px;padding:11px 13px;font-size:11px;font-weight:700;white-space:nowrap;margin-left:auto;box-shadow:0 5px 12px #0b71f743}.menu-toggle{display:none}.hero{background:radial-gradient(circle at 74% 30%,#244b77 0%,#0b294d 32%,#06172e 70%);color:#fff;overflow:hidden;position:relative}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#06172e77,transparent 65%),repeating-linear-gradient(90deg,transparent 0 68px,#ffffff05 69px 70px);pointer-events:none}.hero-layout{min-height:352px;position:relative;display:flex;align-items:center}.hero-copy{width:46%;position:relative;z-index:2;padding:22px 0 17px}.hero h1{font-size:42px;letter-spacing:-2px;line-height:1.02;margin:0 0 16px;font-weight:800}.hero h1 span{color:#1284ff}.hero p{font-size:15px;line-height:1.48;max-width:410px;margin:0 0 22px;color:#eff5ff}.hero-actions{display:flex;gap:12px;align-items:center}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:7px;padding:12px 17px;font-size:12px;font-weight:700;white-space:nowrap;transition:transform .18s,filter .18s}.button:hover{transform:translateY(-2px);filter:brightness(1.06)}.button.primary{background:var(--blue);color:#fff}.button.orange{background:var(--orange);color:#fff}.button.ghost{border:1px solid #eaf1ff;color:#fff;background:#07183288}.play{display:grid;place-items:center;background:#fff;color:#0b2444;border-radius:50%;height:19px;width:19px;font-size:10px;padding-left:1px}.hero-visual{position:absolute;width:59%;right:-2.5%;bottom:5px;z-index:1}.hero-visual img{width:100%;filter:drop-shadow(0 18px 12px #0005)}.feature-bar{height:65px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;text-align:center;position:relative;z-index:2}.feature-bar div{font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px;line-height:1.15}.feature-bar span{font-size:24px;line-height:1}.platform{padding:12px 0 15px;background:linear-gradient(#fff,#f6fbff)}.center-heading{text-align:center}.center-heading h2{font-size:34px;letter-spacing:-1.5px;margin:0;line-height:1;font-weight:800}.center-heading h2 span{color:var(--blue)}.center-heading h3{font-size:16px;margin:0;font-weight:800}.center-heading p{max-width:650px;margin:5px auto 12px;font-size:12px;color:var(--muted);line-height:1.35}.core-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:9px}.core-grid div{min-height:78px;border:1px solid #e4edf8;background:#fff;box-shadow:0 5px 20px #0a498a0b;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:11px;font-weight:700;line-height:1.2;padding:5px}.core-grid i{font-size:26px;font-style:normal;line-height:1.15;margin-bottom:4px}.blue{color:var(--blue)!important}.green{color:#00b768!important}.orange{color:var(--orange)!important}.purple{color:#8c42ee!important}.red{color:#f52e46!important}.solutions{padding:14px 0 12px;background:#fbfdff}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:9px}.section-heading h2,.integrations h2,.contact h2{font-size:24px;line-height:1.14;letter-spacing:-.8px;margin:0;font-weight:800}.section-heading p,.integrations>p{font-size:12px;color:var(--muted);margin:3px 0 0}.section-heading>a{font-size:11px;font-weight:700;color:var(--blue);white-space:nowrap}.solution-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.solution-card{overflow:hidden;border:1px solid #e4edf6;border-radius:7px;box-shadow:0 4px 13px #12376a0a;background:#fff;min-width:0}.card-photo{height:77px;background-image:url('./assets/diseno-referencia.png');background-size:1100px 1650px;background-repeat:no-repeat;background-color:#dbe5f1}.crop-med{background-position:-33px -751px}.crop-odn{background-position:-246px -751px}.crop-vet{background-position:-458px -751px}.crop-rest{background-position:-664px -751px}.crop-fact{background-position:-878px -751px}.crop-nom{background-position:-33px -960px}.crop-crm{background-position:-246px -960px}.crop-camp{background-position:-458px -960px}.crop-law{background-position:-664px -960px}.crop-edu{background-position:-878px -960px}.card-body{padding:8px 10px 10px;min-height:128px;display:flex;flex-direction:column}.card-body h3{display:flex;align-items:center;gap:5px;font-size:12px;letter-spacing:-.3px;line-height:1.2;margin:0 0 7px;font-weight:800}.icon{font-size:18px;line-height:1}.card-body p{font-size:11px;line-height:1.36;color:#3d4e67;margin:0 0 8px}.card-body a{font-size:11px;color:var(--blue);font-weight:700;margin-top:auto}.integrations{background:#f1f7fc;border-radius:8px;padding:15px 16px 16px;margin-top:2px;margin-bottom:15px}.integrations h2{font-size:21px}.integration-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin-top:11px}.integration-grid>div{background:#fff;border:1px solid #e3edf6;border-radius:6px;min-height:49px;display:flex;align-items:center;justify-content:center;gap:6px;padding:5px}.integration-grid strong{font-size:24px;font-weight:800;font-style:italic;letter-spacing:-2px;color:#0868d5}.integration-grid small{font-size:9px;line-height:1.16}.clients{padding-bottom:15px}.client-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.client-grid article{border:1px solid #e4ebf3;border-radius:7px;min-height:96px;padding:13px 12px;background:#fff;box-shadow:0 3px 15px #1028490a}.client-name{display:flex;align-items:center;gap:7px;min-height:40px}.client-name strong{font-size:11px;line-height:1.15}.client-symbol{font-size:28px;line-height:1;color:#1175d9}.client-symbol.res{color:#fa323b}.client-symbol.dental{color:#8493a4}.client-symbol.edu{color:#1269cf}.client-symbol.shop{color:#ff3350}.client-symbol.avolta{color:#ee2d93}.client-grid p{font-size:10px;color:#5c6880;margin:11px 0 0}.about{background:#f6faff;padding:25px 0}.about-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.about h2{font-size:22px;letter-spacing:-.5px;margin:4px 0}.about p{font-size:12px;color:var(--muted);max-width:680px;margin:0}.eyebrow{font-size:10px;letter-spacing:1.2px;color:var(--blue);font-weight:800}.final-cta{background:linear-gradient(110deg,#061831ef,#103c65c8),radial-gradient(circle at 90% 110%,#d1844e,#183758 44%,#061831 85%);color:#fff;padding:29px 0 30px}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.final-cta h2{font-size:22px;letter-spacing:-.6px;margin:0 0 3px}.final-cta p{font-size:12px;margin:0}.cta-points{display:flex;gap:24px;margin-top:17px;font-size:11px}.cta-points span:first-letter{color:var(--blue)}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;padding-top:50px;padding-bottom:50px}.contact h2{font-size:30px;margin:8px 0}.contact p{font-size:13px;color:#4a5a70}.location{font-weight:700;color:#1073d7!important}.contact form{background:#f7faff;border:1px solid #e4ebf4;border-radius:12px;padding:22px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact label{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:700;margin-bottom:12px}.contact input:not([type=checkbox]),.contact select,.contact textarea{width:100%;border:1px solid #cfdaea;border-radius:6px;padding:10px;background:#fff;color:var(--text);outline:none;font-size:12px}.contact input:focus,.contact select:focus,.contact textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0877fa22}.contact textarea{resize:vertical}.contact .consent{flex-direction:row;align-items:center;font-weight:500}.consent input{accent-color:var(--blue)}#form-status{min-height:16px;font-size:11px;margin:8px 0 0;color:#235d9f}footer{background:#071c37;color:#fff;padding:30px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-inner .logo-type strong{color:#fff}.footer-inner p{font-size:11px;color:#aec3d8}.footer-inner>div:nth-child(2){display:flex;gap:18px;font-size:11px}.footer-inner>small{font-size:10px;color:#9db4c9}.whatsapp{position:fixed;right:18px;bottom:18px;z-index:30;background:#20c96b;color:#fff;border:0;border-radius:30px;padding:10px 15px;font-weight:700;box-shadow:0 6px 18px #092f2340}.edit-trigger{position:fixed;left:9px;bottom:8px;z-index:30;border:1px solid #a7bdd7;border-radius:5px;background:#fff;color:#375879;font-size:10px;padding:6px 8px;opacity:.75}dialog{border:0;border-radius:12px;padding:26px;width:min(480px,calc(100% - 30px));max-height:85vh;overflow:auto;box-shadow:0 22px 70px #06183166}dialog::backdrop{background:#061831a8}dialog h2{font-size:21px;margin:0 0 7px}dialog p{font-size:12px;color:#53637a}dialog label{display:block;font-size:12px;font-weight:700;margin:9px 0}dialog input{display:block;margin:3px 0 0;max-width:100%}.close-dialog{position:absolute;right:15px;top:8px;border:0;background:none;font-size:24px}#images-reset{background:#f0f5fb;border:1px solid #cbd8e7;border-radius:5px;padding:8px 10px;margin-top:12px;font-size:12px}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ff8b45;outline-offset:3px}
@media(max-width:1000px){.nav{gap:12px}.nav a{font-size:10px}.logo{min-width:195px}.nav-cta{font-size:10px}.hero h1{font-size:39px}.core-grid{grid-template-columns:repeat(4,1fr)}.solution-grid{grid-template-columns:repeat(3,1fr)}.card-photo{background-size:1100px 1650px}.integration-grid{grid-template-columns:repeat(4,1fr)}.client-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.wrap{width:min(100% - 28px,520px)}.header{height:64px}.nav-inner{justify-content:space-between}.logo{min-width:0}.logo-type strong{font-size:20px}.menu-toggle{display:block;border:0;background:#edf5ff;color:#0b55ac;border-radius:6px;font-size:22px;padding:3px 9px;margin-left:auto}.nav-cta{display:none}.nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;box-shadow:0 12px 20px #091b3629;padding:10px 20px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:10px 4px;border-bottom:1px solid #e9eff6;font-size:13px}.hero-layout{min-height:540px;align-items:flex-start}.hero-copy{width:100%;padding-top:36px}.hero h1{font-size:clamp(34px,8vw,46px)}.hero p{max-width:440px;font-size:13px}.hero-visual{width:92%;right:-10%;bottom:1px;opacity:.94}.feature-bar{grid-template-columns:repeat(3,1fr);height:auto;padding:16px 0;gap:13px}.feature-bar div{font-size:10px}.feature-bar span{font-size:20px}.center-heading h2{font-size:30px}.core-grid{grid-template-columns:repeat(4,1fr)}.core-grid div{font-size:10px;min-height:69px}.solution-grid{grid-template-columns:repeat(2,1fr)}.section-heading h2{font-size:21px}.section-heading>a{display:none}.integration-grid{grid-template-columns:repeat(2,1fr)}.client-grid{grid-template-columns:repeat(2,1fr)}.about-inner,.cta-inner{flex-direction:column;align-items:flex-start}.cta-points{flex-wrap:wrap;gap:8px 15px}.contact{grid-template-columns:1fr;gap:12px}.footer-inner{flex-wrap:wrap}.footer-inner>small{width:100%}}
@media(max-width:420px){.hero-layout{min-height:550px}.hero-copy{padding-top:29px}.hero h1{font-size:34px}.hero-actions{flex-wrap:wrap}.button{font-size:11px}.hero-visual{width:113%;right:-21%;bottom:10px}.core-grid{grid-template-columns:repeat(2,1fr)}.solution-grid{gap:8px}.card-body{padding:8px}.card-body h3{font-size:11px}.card-body p{font-size:10px}.field-row{grid-template-columns:1fr;gap:0}.whatsapp span{display:none}.edit-trigger{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Desktop presentation: give the mockup's dense layout room to breathe on real monitors. */
@media (min-width:1100px){
  .wrap{width:min(1380px,calc(100% - 72px))}
  .header{height:78px}
  .nav-inner{gap:30px}
  .logo{min-width:258px;gap:8px}
  .logo-art{transform:scale(1.2);transform-origin:left center;margin-right:6px}
  .logo-type strong{font-size:26px}
  .logo-type small{font-size:7px}
  .nav{gap:24px}
  .nav a{font-size:14px;padding:28px 0 25px}
  .nav-cta{font-size:13px;padding:14px 18px}
  .hero-layout{min-height:490px}
  .hero-copy{padding:34px 0;width:47%}
  .hero h1{font-size:clamp(55px,3.4vw,70px);line-height:1.06;letter-spacing:-2.6px;margin-bottom:23px}
  .hero p{font-size:19px;line-height:1.5;max-width:550px;margin-bottom:29px}
  .hero-visual{width:60%;right:-1%;bottom:0}
  .hero-actions{gap:15px}
  .hero-actions .button{font-size:15px;padding:15px 21px}
  .feature-bar{height:88px}
  .feature-bar div{font-size:14px;gap:5px}
  .feature-bar span{font-size:29px}
  .platform{padding:30px 0 28px}
  .center-heading h2{font-size:47px}
  .center-heading h3{font-size:22px;margin-top:3px}
  .center-heading p{max-width:810px;font-size:16px;line-height:1.55;margin:8px auto 21px}
  .core-grid{gap:13px}
  .core-grid div{min-height:110px;font-size:14px;padding:10px}
  .core-grid i{font-size:35px;margin-bottom:8px}
  .solutions{padding:32px 0 28px}
  .section-heading{margin-bottom:16px}
  .section-heading h2,.integrations h2{font-size:32px}
  .section-heading p,.integrations>p{font-size:16px;margin-top:6px}
  .section-heading>a{font-size:14px}
  .solution-grid{gap:18px}
  .card-photo{height:119px;background-size:1485px 2227px}
  .crop-med{background-position:-45px -1014px}.crop-odn{background-position:-332px -1014px}.crop-vet{background-position:-618px -1014px}.crop-rest{background-position:-896px -1014px}.crop-fact{background-position:-1185px -1014px}
  .crop-nom{background-position:-45px -1298px}.crop-crm{background-position:-332px -1298px}.crop-camp{background-position:-618px -1298px}.crop-law{background-position:-896px -1298px}.crop-edu{background-position:-1185px -1298px}
  .card-body{padding:15px 16px 17px;min-height:166px}
  .card-body h3{font-size:16px;margin-bottom:10px;gap:7px}
  .icon{font-size:23px}
  .card-body p{font-size:14px;line-height:1.43;margin-bottom:13px}
  .card-body a{font-size:13px}
  .integrations{padding:24px 26px 26px;margin-top:8px;margin-bottom:26px}
  .integration-grid{gap:13px;margin-top:19px}
  .integration-grid>div{min-height:70px;gap:10px}
  .integration-grid strong{font-size:31px}
  .integration-grid small{font-size:12px}
  .clients{padding-bottom:30px}
  .client-grid{gap:14px}
  .client-grid article{min-height:135px;padding:20px 17px}
  .client-name{min-height:50px;gap:10px}
  .client-name strong{font-size:15px}
  .client-symbol{font-size:37px}
  .client-grid p{font-size:13px;margin-top:16px}
  .about{padding:40px 0}
  .about h2{font-size:29px}
  .about p{font-size:15px}
  .eyebrow{font-size:13px}
  .final-cta{padding:43px 0}
  .final-cta h2{font-size:29px}
  .final-cta p{font-size:16px}
  .cta-points{font-size:13px;gap:28px;margin-top:20px}
  .final-cta .button{font-size:15px;padding:16px 22px}
  .contact{padding-top:80px;padding-bottom:80px;gap:75px}
  .contact h2{font-size:39px}
  .contact p{font-size:16px}
  .contact form{padding:30px}
  .contact label{font-size:14px;margin-bottom:16px}
  .contact input:not([type=checkbox]),.contact select,.contact textarea{font-size:14px;padding:13px}
  .contact .button{font-size:14px}
  footer{padding:42px 0}
  .footer-inner p,.footer-inner>div:nth-child(2){font-size:14px}
  .footer-inner>small{font-size:12px}
  .whatsapp{font-size:16px;padding:13px 20px}
}
.client-grid article{display:flex;flex-direction:column}.client-grid .client-comment{font-size:11px;line-height:1.45;color:#42516a;margin:11px 0 14px}.client-sector{font-size:10px;color:#55728e;font-weight:700;margin-top:auto}.client-name{align-items:flex-start}.client-name strong{padding-top:7px}
@media(min-width:1100px){.client-grid article{min-height:205px}.client-grid .client-comment{font-size:14px;line-height:1.5;margin:18px 0}.client-sector{font-size:12px}}
@media(max-width:720px){.client-grid article{min-height:170px}.client-grid .client-comment{font-size:11px}}
.button.orange{color:#fff!important}
.client-name.with-logo{min-height:78px;align-items:center}.client-logo{display:block;max-width:175px;max-height:76px;width:auto;height:auto;object-fit:contain;object-position:left center}.logo-resgasa{max-width:78px}.logo-uedelta{max-width:60px}.logo-avolta{max-width:175px}
@media(min-width:1100px){.client-name.with-logo{min-height:95px}.client-logo{max-height:90px}.logo-resgasa{max-width:93px}.logo-uedelta{max-width:70px}.logo-avolta{max-width:190px}.client-grid article{min-height:260px}}
@media(max-width:720px){.client-name.with-logo{min-height:65px}.client-logo{max-height:62px}.logo-resgasa{max-width:64px}.logo-uedelta{max-width:50px}.logo-avolta{max-width:125px}}
/* Fenixcode logo in the requested blue brand accent. */
.logo-type strong span{color:var(--blue)}
.logo-art{filter:hue-rotate(195deg) saturate(1.35)}
.card-body .icon{display:block;width:20px;height:20px;flex:none;stroke:currentColor}
@media(min-width:1100px){.card-photo{height:109px}.card-body .icon{width:26px;height:26px}}
.feature-bar .feature-icon{display:block;width:23px;height:23px;stroke:#fff;flex:none}.core-grid .core-icon{display:block;width:28px;height:28px;margin-bottom:5px;flex:none;stroke:currentColor}
@media(min-width:1100px){.feature-bar .feature-icon{width:30px;height:30px}.core-grid .core-icon{width:38px;height:38px;margin-bottom:8px}}
@media(max-width:720px){.feature-bar .feature-icon{width:22px;height:22px}.core-grid .core-icon{width:26px;height:26px}}
.custom-work{background:#eaf4ff;padding:48px 0;border-block:1px solid #d8eaff}.custom-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:55px}.custom-copy h2{font-size:clamp(27px,3vw,40px);line-height:1.14;letter-spacing:-1px;margin:8px 0 14px;max-width:670px}.custom-copy p{font-size:16px;line-height:1.65;color:#36516e;max-width:620px;margin:0 0 24px}.custom-points{display:grid;gap:11px}.custom-points>div{display:flex;gap:17px;align-items:flex-start;background:#fff;border:1px solid #d9e8f7;border-radius:10px;padding:17px 19px;box-shadow:0 7px 20px #0b43720b}.custom-number{color:#0877fa;font-size:14px;font-weight:800;letter-spacing:.04em;padding-top:2px}.custom-points h3{font-size:17px;line-height:1.3;margin:0 0 5px}.custom-points p{font-size:14px;line-height:1.5;color:#48617b;margin:0}.custom-work .button{font-size:14px}
@media(min-width:1100px){.custom-work{padding:66px 0}.nav{gap:17px}.nav a{font-size:13px}}
@media(min-width:1100px) and (max-width:1250px){.nav-inner{gap:16px}.logo{min-width:220px}.nav{gap:11px}.nav a{font-size:12px}.nav-cta{font-size:11px;padding:12px}}
@media(max-width:720px){.custom-work{padding:38px 0}.custom-layout{grid-template-columns:1fr;gap:25px}.custom-copy h2{font-size:28px}.custom-copy p{font-size:15px}.custom-points>div{padding:14px 15px}.custom-points h3{font-size:16px}}
@media(min-width:721px) and (max-width:1099px){.nav-inner{justify-content:space-between}.menu-toggle{display:block;border:0;background:#edf5ff;color:#0b55ac;border-radius:6px;font-size:22px;padding:3px 9px;margin-left:auto}.nav-cta{display:none}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 12px 20px #091b3629;padding:10px 24px;flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:10px 4px;border-bottom:1px solid #e9eff6;font-size:14px}}