
:root{--navy:#03182f;--navy2:#061f3d;--blue:#078bff;--blue2:#0073ff;--ink:#08254b;--muted:#46678d;--line:#d8e7f5;--green:#16bd70;--white:#fff;--shadow:0 10px 30px rgba(10,45,90,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:#fff;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{font:inherit}img{max-width:100%;display:block}.container{width:min(1300px,calc(100% - 40px));margin:auto}
.topbar{height:72px;background:#000;color:#fff;border-bottom:1px solid rgba(20,147,255,.45);display:flex;align-items:center;position:sticky;top:0;z-index:50}.topbar .container{display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{width:245px;height:62px;object-fit:contain;object-position:left center}.nav{display:none;align-items:center;gap:28px;font-size:14px}.nav a{position:relative;color:#fff;opacity:.95;padding:25px 0}.nav a.active,.nav a:hover{color:#16a1ff}.nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:11px;height:3px;background:#0796ff;border-radius:4px}.nav .drop:after{content:"⌄";margin-left:5px;color:#fff}.demo-top{display:inline-flex!important;align-items:center;gap:9px;background:#0b8df7;padding:11px 19px!important;border-radius:999px;font-weight:750;white-space:nowrap}.demo-top:hover{color:#fff!important;background:#0b7fe0}.demo-top:after{display:none!important}.lang{display:flex;align-items:center;gap:7px;white-space:nowrap}.flag{font-size:18px}.hamb{display:none;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:10px;padding:8px 11px}
.hero{background:#03182f;border-bottom:1px solid #0797ff;overflow:hidden}.hero-desktop{width:100%;height:auto}.hero-mobile{display:none}.hero-actions{position:absolute;left:-9999px}
.benefits{background:#02172e;color:#fff;border-bottom:1px solid rgba(13,135,255,.22)}.benefits .container{display:grid;grid-template-columns:repeat(4,1fr);min-height:86px}.benefit{display:flex;align-items:center;justify-content:center;gap:18px;position:relative}.benefit:not(:last-child):after{content:"";position:absolute;right:0;width:1px;height:38px;background:#12649d}.bicon{font-size:40px;line-height:1;color:#0798ff}.benefit strong{display:block;font-size:15px;letter-spacing:.02em}.benefit span{font-size:14px;color:#fff}
.apps{background:#fff;padding:30px 0 45px}.apps-head{display:grid;grid-template-columns:470px 1fr;gap:35px;align-items:end}.eyebrow{color:#078dff;font-weight:800;letter-spacing:.18em;font-size:13px}.apps h2{font-size:28px;line-height:1.15;margin:8px 0 12px;letter-spacing:-.025em}.apps-intro{margin:0;color:#275985;line-height:1.55;font-size:14px}.filters{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap}.filter{border:1px solid #dbe8f5;background:#f7fbff;color:#163c65;padding:9px 17px;border-radius:999px;cursor:pointer;font-size:13px;transition:.18s}.filter.active,.filter:hover{background:#078cf6;color:#fff;border-color:#078cf6}.carousel-wrap{position:relative;margin-top:24px}.carousel-wrap:before,.carousel-wrap:after{content:"";position:absolute;top:0;bottom:8px;width:58px;z-index:2;pointer-events:none}.carousel-wrap:before{left:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,0) 100%)}.carousel-wrap:after{right:0;background:linear-gradient(270deg,#fff 0%,rgba(255,255,255,0) 100%)}.cards{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 8px 18px 4px;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain}.cards::-webkit-scrollbar{display:none}.cards.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.card{flex:0 0 clamp(250px,20.5vw,315px);border:1px solid #cfe0f0;border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 5px 18px rgba(19,69,112,.08);display:flex;flex-direction:column;min-width:0;scroll-snap-align:start;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.card:hover{transform:translateY(-5px);box-shadow:0 14px 30px rgba(19,69,112,.14);border-color:#a9cdea}.card.hidden{display:none}.shot{aspect-ratio:16/9;background:#edf4fa;overflow:hidden;padding:8px}.shot img{width:100%;height:100%;object-fit:cover;border-radius:7px;display:block}.card-body{padding:10px 13px 13px;display:flex;flex-direction:column;min-height:145px}.title-row{display:flex;align-items:flex-start;gap:6px}.card h3{font-size:14px;line-height:1.22;margin:0;font-weight:800;flex:1}.mature{background:#16bd70;color:#fff;border-radius:4px;padding:3px 6px;font-size:8px;font-weight:900;white-space:nowrap}.card p{font-size:11.5px;line-height:1.5;color:#38678f;margin:8px 0 10px}.card-footer{margin-top:auto;display:flex;justify-content:flex-end}.go{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#eaf4ff;color:#078cf6;font-size:19px;border:1px solid #d5e8f9}.go:hover{background:#078cf6;color:#fff}.arrow{position:absolute;top:48%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid #c9dff3;color:#07528f;font-size:28px;display:grid;place-items:center;z-index:4;box-shadow:0 7px 20px rgba(0,40,90,.16);cursor:pointer;transition:.18s}.arrow:hover{background:#078cf6;color:#fff;border-color:#078cf6;transform:translateY(-50%) scale(1.05)}.arrow.left{left:-18px}.arrow.right{right:-18px}.allapps{display:block;width:max-content;margin:18px auto 0;border:1.5px solid #078cf6;color:#078cf6;padding:9px 18px;border-radius:999px;font-size:12px;font-weight:800}.allapps:hover{background:#078cf6;color:#fff}
.footer{background:#03182f;color:#a8bfd8;padding:30px 0;font-size:12px}.footer .container{display:flex;justify-content:space-between;gap:20px;align-items:center}.footer strong{color:#fff}.legal{display:flex;gap:18px}.legal a:hover{color:#fff}
.section-placeholder{padding:70px 0;background:#f7fbff}.section-placeholder h2{font-size:28px;margin:0 0 8px}.section-placeholder p{color:#48698d;max-width:720px}
.reference-desktop{position:relative;width:100%;aspect-ratio:1536/444;background:url("assets/hero-clean-v2.png") center top/cover no-repeat}.reference-desktop .hotspot{position:absolute;z-index:5}.reference-desktop .hotspot a{display:block;width:100%;height:100%;border-radius:8px}.reference-desktop .hotspot a:focus-visible{outline:3px solid #16a1ff;outline-offset:2px}.nav-hotspot{top:0;height:72px}.nav-hotspot.inicio{left:29.5%;width:5.0%}.nav-hotspot.apps-link{left:34.0%;width:7.0%}.nav-hotspot.soluciones-link{left:41.3%;width:8.0%}.nav-hotspot.demo-link{left:48.8%;width:5.0%}.nav-hotspot.comprar-link{left:53.3%;width:5.8%}.nav-hotspot.soporte-link{left:59.0%;width:5.3%}.nav-hotspot.nosotros-link{left:64.5%;width:6.0%}.nav-hotspot.contacto-link{left:70.5%;width:6.0%}.nav-hotspot.top-demo-link{left:77.5%;width:10.0%}.hero-apps-link{left:4.7%;top:320px;width:13.6%;height:70px}.hero-more-link{left:18.9%;top:320px;width:12.1%;height:70px}.reference-desktop:after{content:"";position:absolute;inset:0;pointer-events:none}
@media(max-width:1120px){.nav{gap:18px}.nav a{font-size:13px}.apps-head{grid-template-columns:1fr}.filters{justify-content:flex-start}.card{flex-basis:clamp(250px,28vw,300px)}}
@media(min-width:901px){.topbar{display:flex}.nav{display:flex}.reference-desktop{margin-top:0}}
@media(max-width:900px){.nav{display:none}.hamb{display:block}.topbar .container{width:calc(100% - 24px)}.brand{width:210px}.mobile-open .nav{position:absolute;display:flex;left:0;right:0;top:72px;background:#000;padding:10px 20px 18px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #087fcf}.mobile-open .nav a{padding:12px 0}.mobile-open .nav a.active:after{display:none}.mobile-open .demo-top{justify-content:center}.mobile-open .lang{justify-content:flex-start}.benefits .container{grid-template-columns:repeat(2,1fr)}.benefit{min-height:75px}.benefit:nth-child(2):after{display:none}.benefit:nth-child(odd){border-right:1px solid #12649d}.cards{grid-template-columns:repeat(2,1fr)}.arrow{display:none}}
@media(max-width:600px){.reference-desktop{display:none}.container{width:min(100% - 24px,1300px)}.hero-desktop{display:none}.hero-mobile{display:block;width:100%;padding:34px 18px 30px;background:radial-gradient(circle at 72% 30%,rgba(0,135,255,.38),transparent 34%),linear-gradient(135deg,#02152b,#05315b);color:#fff}.hero-mobile .ey{color:#0ca1ff;font-size:12px;letter-spacing:.18em;font-weight:800}.hero-mobile h1{font-size:38px;line-height:.98;margin:10px 0 15px;letter-spacing:-.04em}.hero-mobile h1 em{font-style:normal;color:#0796ff}.hero-mobile p{font-size:15px;line-height:1.45;color:#eaf5ff;max-width:520px}.hero-mobile .brandline{font-size:29px;font-weight:850;margin:18px 0 4px}.hero-mobile .brandline span{color:#0796ff}.hero-mobile .sub{font-size:14px;color:#d7eaff}.hero-mobile .actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.hero-mobile .actions a{padding:12px 17px;border-radius:999px;font-weight:800;font-size:13px}.hero-mobile .primary{background:#078cf6}.hero-mobile .secondary{border:1px solid #078cf6}.benefits .container{grid-template-columns:1fr 1fr}.benefit{justify-content:flex-start;padding:12px 8px;gap:10px}.bicon{font-size:30px}.benefit strong{font-size:12px}.benefit span{font-size:11px}.apps{padding-top:28px}.apps h2{font-size:25px}.filters{overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:5px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:0 0 auto}.cards{padding-left:2px;gap:12px}.card{flex-basis:82vw;max-width:330px}.carousel-wrap:before,.carousel-wrap:after{width:24px}.arrow{width:40px;height:40px;font-size:24px}.arrow.left{left:-8px}.arrow.right{right:-8px}.footer .container{flex-direction:column;align-items:flex-start}.legal{flex-wrap:wrap}.brand{width:195px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.filter{transition:none}}

.cta-lab-banner{background:linear-gradient(135deg,#041a31,#062c55);color:#fff;border-top:1px solid rgba(8,145,255,.35);border-bottom:1px solid rgba(8,145,255,.35);padding:34px 0}.cta-lab-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.cta-lab-inner h2{margin:7px 0 8px;font-size:25px}.cta-lab-inner p{margin:0;max-width:800px;color:#cfe4f8;line-height:1.55;font-size:14px}.cta-lab-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #0a97ff;color:#fff;padding:12px 18px;border-radius:999px;font-weight:800;background:#087fe0}.cta-lab-button:hover{background:#0a96ff}@media(max-width:700px){.cta-lab-inner{flex-direction:column;align-items:flex-start}.cta-lab-button{width:100%}}


.lang-toggle{border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:7px;cursor:pointer;padding:7px 4px;font-weight:700}.lang-toggle:hover{color:#16a1ff}.mobile-logo{width:100%;max-width:390px;height:105px;object-fit:contain;object-position:left center;border-radius:8px}.info-section{padding:76px 0;background:#fff}.info-section.alt{background:#f5f9fd}.info-section h2{font-size:34px;line-height:1.1;margin:8px 0 12px;color:#08254b}.lead{max-width:780px;color:#456b92;line-height:1.7;font-size:16px;margin:0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.info-grid.three{grid-template-columns:repeat(3,1fr)}.info-grid article,.steps article{background:#fff;border:1px solid #d7e6f3;border-radius:14px;padding:24px;box-shadow:0 8px 24px rgba(15,64,105,.05)}.info-section.alt .info-grid article,.info-section.alt .steps article{background:#fff}.info-grid b{color:#078cf6;font-size:13px;letter-spacing:.1em}.info-grid h3,.steps h3{margin:10px 0 8px;color:#0a2b51;font-size:18px}.info-grid p,.steps p{color:#567897;line-height:1.55;margin:0;font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:30px}.steps span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#eaf5ff;color:#078cf6;font-weight:900}.support-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:28px}.support-list div{padding:18px 20px;border:1px solid #d7e6f3;border-radius:12px;background:#fff;color:#163d65;font-weight:750}.contact-box{display:flex;justify-content:space-between;align-items:center;gap:30px}.contact-cta{display:inline-flex;padding:14px 22px;border-radius:999px;background:#078cf6;color:#fff;font-weight:800;white-space:nowrap}.contact-cta:hover{background:#006fd4}@media(max-width:900px){.info-grid,.info-grid.three{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.contact-box{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.info-section{padding:54px 0}.info-section h2{font-size:28px}.info-grid,.info-grid.three,.steps,.support-list{grid-template-columns:1fr}.mobile-logo{height:85px;max-width:100%}.contact-cta{width:100%;justify-content:center}}

.cta-lab-banner{background:linear-gradient(135deg,#041a31,#062c55);color:#fff;border-top:1px solid rgba(8,145,255,.35);border-bottom:1px solid rgba(8,145,255,.35);padding:34px 0}.cta-lab-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.cta-lab-inner h2{margin:7px 0 8px;font-size:25px}.cta-lab-inner p{margin:0;max-width:800px;color:#cfe4f8;line-height:1.55;font-size:14px}.cta-lab-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #0a97ff;color:#fff;padding:12px 18px;border-radius:999px;font-weight:800;background:#087fe0}.cta-lab-button:hover{background:#0a96ff}@media(max-width:700px){.cta-lab-inner{flex-direction:column;align-items:flex-start}.cta-lab-button{width:100%}}

.lang-hotspot{left:89.7%;width:5.0%;height:72px;display:flex;align-items:center;justify-content:center}.lang-hotspot button{border:0;background:rgba(3,24,47,.06);color:#fff;font:700 14px/1 Inter,system-ui,sans-serif;padding:10px 7px;border-radius:8px;cursor:pointer}.lang-hotspot button:hover,.lang-hotspot button:focus-visible{background:rgba(3,24,47,.35);color:#16a1ff;outline:2px solid #16a1ff;outline-offset:2px}
.cta-lab-banner{background:linear-gradient(135deg,#041a31,#062c55);color:#fff;border-top:1px solid rgba(8,145,255,.35);border-bottom:1px solid rgba(8,145,255,.35);padding:34px 0}.cta-lab-inner{display:flex;justify-content:space-between;align-items:center;gap:28px}.cta-lab-inner h2{margin:7px 0 8px;font-size:25px}.cta-lab-inner p{margin:0;max-width:800px;color:#cfe4f8;line-height:1.55;font-size:14px}.cta-lab-button{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #0a97ff;color:#fff;padding:12px 18px;border-radius:999px;font-weight:800;background:#087fe0}.cta-lab-button:hover{background:#0a96ff}@media(max-width:700px){.cta-lab-inner{flex-direction:column;align-items:flex-start}.cta-lab-button{width:100%}}


/* v12 — catálogo tipo Netflix: filas horizontales independientes */
.suite-rows{margin-top:28px;display:flex;flex-direction:column;gap:34px}
.suite-row{min-width:0;transition:opacity .2s ease,transform .2s ease}
.suite-row.row-empty{display:none}
.row-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:12px}
.row-heading h3{margin:0;color:#09284e;font-size:20px;line-height:1.2;letter-spacing:-.02em}
.row-heading p{margin:5px 0 0;color:#63819d;font-size:12px;line-height:1.4}
.row-controls{display:flex;gap:8px;flex:0 0 auto}
.row-arrow{width:38px;height:38px;border-radius:50%;border:1px solid #cfe1f1;background:#fff;color:#07528f;font-size:25px;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 15px rgba(0,40,90,.10);transition:.18s}
.row-arrow:hover{background:#078cf6;color:#fff;border-color:#078cf6;transform:scale(1.05)}
.netflix-row{display:flex;gap:18px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:8px 5px 18px 4px;scrollbar-width:none;cursor:grab;overscroll-behavior-x:contain;touch-action:pan-x}
.netflix-row::-webkit-scrollbar{display:none}
.netflix-row.is-dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
.netflix-row .card{flex:0 0 clamp(245px,19.8vw,300px);scroll-snap-align:start}
.netflix-row .card:hover{transform:translateY(-4px) scale(1.018);z-index:2}
.netflix-row .card.hidden{display:none}
.netflix-row .shot{aspect-ratio:16/9}
.suite-row:first-child .card{flex-basis:clamp(245px,19.8vw,300px)}
@media(max-width:1120px){.netflix-row .card{flex-basis:clamp(245px,28vw,300px)}}
@media(max-width:900px){.row-heading{align-items:center}.row-controls{display:none}.netflix-row{gap:14px}.netflix-row .card{flex-basis:280px}}
@media(max-width:600px){.suite-rows{gap:28px;margin-top:22px}.row-heading h3{font-size:18px}.row-heading p{font-size:11px}.netflix-row{gap:12px;padding-bottom:14px}.netflix-row .card{flex-basis:78vw;max-width:310px}.netflix-row .card:hover{transform:none}.suite-row:first-child .card{flex-basis:78vw}}

.page-hero{background:linear-gradient(135deg,#03182f,#072c54);color:#fff;padding:72px 0 58px;border-bottom:1px solid rgba(8,145,255,.35)}.page-hero .eyebrow{color:#19a5ff}.page-hero h1{font-size:clamp(34px,5vw,58px);margin:10px 0 14px;letter-spacing:-.035em}.page-hero p{max-width:820px;color:#cfe4f8;font-size:17px;line-height:1.65;margin:0}.page-main{padding:58px 0 80px;background:#fff}.page-main.alt{background:#f5f9fd}.page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.page-card{background:#fff;border:1px solid #d7e6f3;border-radius:16px;padding:24px;box-shadow:0 8px 24px rgba(15,64,105,.06)}.page-card h2,.page-card h3{color:#0a2b51;margin:8px 0 10px}.page-card p{color:#567897;line-height:1.6;margin:0}.page-card .mini-cta{display:inline-flex;margin-top:18px;padding:10px 15px;border-radius:999px;background:#078cf6;color:#fff;font-weight:800}.page-card .mini-cta.secondary{background:#eaf5ff;color:#07528f}.support-choice{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}.support-choice .page-card{padding:30px}.wa{display:inline-flex;align-items:center;gap:8px;margin-top:20px;background:#16bd70;color:#fff;padding:12px 18px;border-radius:999px;font-weight:850}.wa:hover{background:#0da962}.list{display:grid;gap:10px;margin-top:20px}.list div{padding:15px 18px;border:1px solid #d7e6f3;border-radius:12px;background:#fff;color:#163d65}.breadcrumbs{font-size:13px;color:#8eb5d7}.breadcrumbs a{color:#8eb5d7}.page-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.page-actions a{display:inline-flex;padding:12px 18px;border-radius:999px;font-weight:800}.primary{background:#078cf6;color:#fff}.secondary{background:transparent;color:#078cf6;border:1px solid #078cf6}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px;background:#eef5fb}.product-card .mature{display:inline-block;margin-top:12px;background:#16bd70;color:#fff;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900}.page-note{margin-top:28px;padding:18px 20px;border-left:4px solid #078cf6;background:#eef7ff;color:#365c7e;border-radius:8px;line-height:1.55}.wa-panel{margin-top:30px;padding:24px;border-radius:16px;background:#f1fbf6;border:1px solid #bdebd3}.wa-panel h3{margin:0 0 8px;color:#0c6f46}.wa-panel p{margin:0;color:#47735e}@media(max-width:900px){.page-grid,.product-grid{grid-template-columns:1fr 1fr}.support-choice{grid-template-columns:1fr}}@media(max-width:600px){.page-hero{padding:54px 0 44px}.page-main{padding:45px 0 60px}.page-grid,.product-grid{grid-template-columns:1fr}.page-hero h1{font-size:36px}}
body.page-leaving{opacity:.94;transition:opacity .12s ease}

/* v14 product cards and product pages */
.card[data-product-page]{cursor:pointer}.card[data-product-page]:focus-within{outline:3px solid #078cf6;outline-offset:3px}
.product-hero{background:linear-gradient(135deg,#03182f,#072c54);color:#fff;padding:56px 0 46px;border-bottom:1px solid rgba(8,145,255,.35)}
.product-hero .product-kicker{color:#19a5ff;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.product-hero h1{font-size:clamp(32px,5vw,60px);line-height:1.02;margin:10px 0 14px;letter-spacing:-.04em}.product-hero p{max-width:900px;color:#d4e8f9;font-size:17px;line-height:1.65;margin:0}.product-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.product-meta span{padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);font-size:11px;font-weight:800}.print-btn{position:relative;display:inline-flex;align-items:center;gap:9px;background:#078cf6;color:#fff;border:0;border-radius:999px;padding:12px 18px;font-weight:900;cursor:pointer;overflow:hidden;box-shadow:0 7px 20px rgba(0,120,240,.22)}.print-btn .printer{display:inline-block;animation:printerPulse 1.8s ease-in-out infinite}.print-btn:hover{background:#0678d5;transform:translateY(-1px)}@keyframes printerPulse{0%,100%{transform:translateY(0) rotate(0)}35%{transform:translateY(-2px) rotate(-4deg)}65%{transform:translateY(0) rotate(4deg)}}.product-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.product-main{padding:50px 0 75px;background:#fff}.product-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:start}.product-screenshot{background:#eef5fb;border:1px solid #d5e6f3;border-radius:18px;padding:10px;box-shadow:0 12px 30px rgba(10,70,110,.08)}.product-screenshot img{width:100%;display:block;border-radius:12px;aspect-ratio:16/9;object-fit:cover}.product-copy h2{color:#092d52;font-size:28px;margin:0 0 12px}.product-copy p{color:#557695;line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}.feature{padding:18px;border:1px solid #d9e7f2;border-radius:14px;background:#f8fbfe}.feature strong{display:block;color:#0b345d;margin-bottom:6px}.feature span{font-size:13px;color:#5c7891;line-height:1.5}.print-panel{margin-top:30px;padding:18px 20px;background:#f4f9fd;border:1px solid #d7e6f2;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:16px}.print-panel strong{color:#0b345d}.print-panel small{display:block;color:#67849e;margin-top:3px}.manual-panel{margin-top:30px;padding:24px;border-left:4px solid #078cf6;background:#eef7ff;border-radius:10px;color:#3d6380;line-height:1.6}.related{margin-top:44px}.related h2{color:#0a2b51}.related-links{display:flex;flex-wrap:wrap;gap:10px}.related-links a{padding:10px 14px;border:1px solid #cfe1ef;border-radius:999px;color:#07528f;background:#fff;font-weight:800}.related-links a:hover{background:#078cf6;color:#fff;border-color:#078cf6}.print-only{display:none}@media(max-width:900px){.product-layout{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.product-hero{padding:46px 0 38px}.product-main{padding:38px 0 55px}.feature-grid{grid-template-columns:1fr}.print-panel{align-items:flex-start;flex-direction:column}.product-actions{width:100%}.product-actions a,.print-btn{width:100%;justify-content:center}}
@media print{body{background:#fff!important;color:#000}.topbar,.footer,.benefits,.page-actions,.print-panel,.product-actions,.related,.no-print{display:none!important}.product-hero{padding:15px 0!important;background:#fff!important;color:#000!important;border:0}.product-hero h1,.product-hero p,.product-hero .product-kicker{color:#000!important}.product-main{padding:15px 0!important}.product-layout{display:block}.product-screenshot{box-shadow:none;border:1px solid #bbb}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature{break-inside:avoid}.print-only{display:block}.product-hero:after{content:'Versión impresa — MicroFact Suite';display:block;margin-top:10px;font-size:11px;color:#555}}

.manual-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.manual-links a{display:inline-flex;align-items:center;text-decoration:none;padding:9px 13px;border:1px solid #d8e0ea;border-radius:10px;font-weight:700;background:#fff}.documentation-detail{margin-top:28px;padding:26px;border:1px solid #e4e9f0;border-radius:16px;background:linear-gradient(180deg,#fff,#f7f9fc)}.documentation-detail h2{margin-bottom:8px}.documentation-detail>p{max-width:900px;color:#4f5b68}.callout-doc{margin-top:18px;padding:14px 16px;border-left:4px solid #1d6fe8;background:#eef5ff;border-radius:10px;color:#354255;font-size:.95rem}
