@charset "UTF-8";
:root{--ink:#153d50;--green:#c5ee91;--muted:#60747d;--line:#dce5e6;--bg:#fafcf9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #258873;outline-offset:5px}.wrap{max-width:1200px;margin:auto;padding-left:38px;padding-right:38px}.topbar{background:var(--ink);color:#fff;text-align:center;font-size:10px;font-weight:700;letter-spacing:1.6px;padding:9px 20px}.topbar span{margin-left:30px;font-weight:400;letter-spacing:.5px}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:25px;padding-bottom:25px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;letter-spacing:1px;font-size:18px;white-space:nowrap}.brand small{display:block;font-size:8px;letter-spacing:2px;font-weight:500}.brandmark{width:44px;height:44px;display:grid;place-items:center;background:var(--ink);color:var(--green);border-radius:12px;font-size:31px;font-weight:900;position:relative}.brandmark span{font-size:15px;position:absolute;right:3px;top:0}.header nav{display:flex;gap:26px;font-size:12px;font-weight:600}.header nav a:hover,.text-link:hover{color:#37836e}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;background:var(--ink);color:white;padding:15px 22px;border-radius:7px;font-size:13px;font-weight:700;border:1px solid transparent;transition:transform .2s,background .2s}.button:hover{background:#245c65;transform:translateY(-2px)}.button.small{padding:11px 16px;font-size:12px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:30px;align-items:center;padding-top:44px;padding-bottom:64px}.eyebrow{font-size:10px;letter-spacing:1.7px;font-weight:700;display:block}.hero .eyebrow{display:flex;align-items:center;gap:8px}.eyebrow span{height:6px;width:6px;border-radius:50%;background:#4a886b}h1{font-size:clamp(40px,4.6vw,60px);line-height:1.08;letter-spacing:-2.5px;margin:24px 0;font-weight:750}h1 em{font-style:normal;color:#44816a}.intro{max-width:415px;color:var(--muted);font-size:15px}.actions{display:flex;align-items:center;gap:25px;margin:30px 0}.text-link{font-size:13px;font-weight:700}.hero-foot{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:22px;margin-top:36px;font-size:11px;max-width:370px}.hero-foot small{display:block;color:var(--muted)}.mini-pin{font-size:30px}.hero-art{height:470px;background:#e7efdf;border-radius:120px 16px 16px 16px;position:relative;overflow:hidden;display:grid;place-items:center}.orbit{border:1px solid #c5d6bc;border-radius:50%;position:absolute;width:370px;height:370px}.orbit-two{width:490px;height:490px}.phone{width:194px;height:332px;background:var(--ink);border:6px solid #204b5b;box-shadow:14px 22px 0 #cedbc2;border-radius:30px;transform:rotate(-8deg);z-index:1;color:white;padding:12px 13px}.speaker{width:48px;height:5px;border-radius:10px;background:#70918f;margin:0 auto 17px}.phone-brand{font-weight:900;color:var(--green);font-size:38px;text-align:center;line-height:1}.phone-brand span{font-size:20px}.phone>p{text-align:center;font-size:9px;margin:8px 0 17px;color:#dbe7df}.receipt{background:#fff;color:var(--ink);padding:16px 12px 10px;border-radius:5px;text-align:center;box-shadow:0 8px 10px #0002}.receipt-icon{display:grid;place-items:center;background:var(--green);border-radius:50%;width:27px;height:27px;margin:auto auto 9px;font-weight:700}.receipt strong{font-size:13px;line-height:1.3;display:block}.receipt-line{height:4px;background:#e6ece6;margin:12px auto 0;width:90%}.receipt-line.short{width:60%;margin-top:6px}.receipt-dots{border-top:2px dashed #dce6dc;margin:12px 0 6px}.receipt small{font-size:6px;letter-spacing:1px}.phone-bottom{background:#658486;width:55px;height:4px;border-radius:10px;margin:13px auto}.float-label{position:absolute;z-index:2;background:white;border:1px solid #dfE6da;box-shadow:0 10px 30px #143c5010;border-radius:10px;padding:13px 15px;font-size:12px;font-weight:700;display:flex;align-items:center;gap:10px}.float-label span{background:var(--green);width:27px;height:27px;border-radius:8px;display:grid;place-items:center}.label-one{top:100px;left:18px}.label-two{bottom:95px;right:12px}.spark{position:absolute;color:#73905e;font-size:35px}.spark-one{right:42px;top:45px}.spark-two{left:44px;bottom:75px;font-size:23px}.art-caption{position:absolute;bottom:23px;font-size:8px;letter-spacing:2px}.service-strip{background:var(--green)}.service-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:21px;padding-bottom:21px;font-size:12px;font-weight:700}.service-strip b{font-size:11px;color:#69914d}.section{padding-top:80px;padding-bottom:70px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:30px}h2{font-size:36px;letter-spacing:-1.3px;line-height:1.15;margin:14px 0 10px}.section-heading>p{font-size:13px;color:var(--muted);max-width:240px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#fff;border:1px solid var(--line);padding:25px;position:relative;border-radius:10px}.icon{display:grid;place-items:center;background:#edf4e7;color:#427159;border-radius:10px;width:45px;height:45px;font-size:25px}.number{position:absolute;right:24px;top:28px;font-size:10px;color:#8b9b9f}h3{font-size:18px;line-height:1.3;letter-spacing:-.3px;margin:23px 0 12px}.service-card p{font-size:13px;color:var(--muted);min-height:65px}.service-card a{display:flex;justify-content:space-between;font-size:11px;font-weight:700;border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.service-card a:hover{color:#34775c}.tech-card{background:#eff5e9}.service-note{font-size:11px;color:var(--muted);margin-top:22px}.tech-section{background:var(--ink);color:white;border-radius:14px;display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:48px;position:relative}.tech-section .eyebrow{color:var(--green)}.tech-section h2{font-size:42px}.tech-section>div>p:not(.eyebrow){font-size:14px;color:#cfdddd;max-width:395px}.button.light{background:var(--green);color:var(--ink);margin-top:14px}.tech-steps{align-self:center}.tech-steps>div{display:flex;gap:20px;padding:18px 0;border-bottom:1px solid #ffffff25}.tech-steps>div:last-child{border-bottom:0}.tech-steps span{font-size:11px;color:var(--green);padding-top:5px}.tech-steps p{font-size:12px;color:#c2d3d8;margin:0}.tech-steps strong{display:block;color:#fff;font-size:15px;margin-bottom:5px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-intro{max-width:360px;color:var(--muted);font-size:14px}address{font-style:normal;font-size:15px;margin:25px 0}.muted{color:var(--muted);font-size:11px;line-height:1.6}.contact .muted{max-width:350px}.contact-panel{background:#edf2ea;border:1px solid #e0e8da;border-radius:12px;padding:34px}.contact-panel h3{font-size:25px;margin-top:15px}.contact-panel>p:not(.muted){font-size:14px;color:var(--muted)}.contact-panel .button{display:flex;margin:12px 0}.whatsapp{width:100%;background:transparent;color:var(--ink);border-color:#b7c8b8}.whatsapp:hover{background:#d9e8d0}.contact-bottom{border-top:1px solid #d1ddce;padding-top:21px;margin-top:26px;font-size:11px;font-weight:700}.contact-bottom span{display:block;font-size:10px;font-weight:400;color:var(--muted)}footer{border-top:1px solid var(--line);padding:26px 0}footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px}footer p,footer a:not(.brand){font-size:11px;color:var(--muted)}.footer-brand{font-size:14px}.footer-brand .brandmark{width:35px;height:35px;font-size:25px}.footer-brand small{font-size:8px;letter-spacing:.3px}dialog{border:0;border-radius:15px;max-width:470px;width:calc(100% - 35px);padding:35px;color:var(--ink);box-shadow:0 20px 80px #0004}dialog::backdrop{background:#102e40aa}dialog h2{font-size:28px}dialog p:not(.eyebrow){color:var(--muted);font-size:14px}.close{position:absolute;top:10px;right:14px;background:none;border:0;color:var(--ink);font-size:28px}.skip{position:fixed;top:-70px;left:15px;background:var(--green);padding:12px;z-index:10}.skip:focus{top:10px}
@media(min-width:1500px){.wrap{max-width:1320px}.hero-art{height:500px}}@media(max-width:850px){.wrap{padding-left:24px;padding-right:24px}.header nav{gap:14px;font-size:11px}.header>.button{display:none}.hero{gap:20px}h1{font-size:44px}.hero-art{height:425px}.float-label{font-size:10px;padding:10px}.label-one{left:8px;top:70px}.label-two{right:8px;bottom:65px}.service-grid{grid-template-columns:repeat(2,1fr)}.tech-section{margin-left:24px;margin-right:24px;padding:35px;gap:30px}.contact{gap:35px}.contact-panel{padding:25px}}
@media(max-width:600px){.topbar{font-size:8px}.topbar span{display:none}.header{flex-wrap:wrap;gap:20px;padding-top:18px;padding-bottom:18px}.brand{font-size:16px}.header nav{width:100%;justify-content:space-between;border-top:1px solid var(--line);padding-top:14px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:15px;padding-bottom:35px}.hero .eyebrow{font-size:9px}h1{font-size:44px;letter-spacing:-2px}.intro{font-size:14px}.hero-foot{margin-top:25px}.hero-art{height:360px;margin-top:15px;border-top-left-radius:85px}.phone{transform:rotate(-8deg) scale(.86)}.label-one{top:60px;left:12px}.label-two{bottom:65px;right:10px}.service-strip .wrap{justify-content:center;flex-wrap:wrap;gap:8px 15px;font-size:10px;padding-top:16px;padding-bottom:16px}.service-strip b{font-size:8px}.section{padding-top:48px;padding-bottom:40px}.section-heading{display:block;margin-bottom:22px}h2{font-size:30px}.section-heading>p{max-width:100%}.service-grid{grid-template-columns:1fr}.service-card{padding:23px}.service-card p{min-height:0}.service-card h3{margin-top:17px}.service-card a{font-size:12px}.tech-section{grid-template-columns:1fr;padding:28px;gap:15px}.tech-section h2{font-size:36px}.contact{grid-template-columns:1fr;gap:28px}.contact-panel{padding:25px}footer .wrap{flex-wrap:wrap}footer p{display:none}.actions{gap:20px}.button{gap:15px;font-size:12px}.text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Catálogo de productos y servicios */
.catalog-filters{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 16px}.catalog-filters button{border:1px solid var(--line);border-radius:30px;padding:10px 16px;background:white;color:var(--ink);font-size:12px}.catalog-filters button[aria-pressed="true"]{background:var(--ink);color:white;border-color:var(--ink)}.catalog-count{font-size:12px;color:var(--muted);margin-bottom:20px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 12px 30px #153d5010;transform:translateY(-3px)}.product-card[hidden]{display:none}.product-visual{height:190px;margin:8px;border-radius:8px;background:#e5efdc;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:14px;position:relative;overflow:hidden}.product-visual:after{content:'';width:150px;height:150px;border:1px solid #153d5012;border-radius:50%;position:absolute;right:-45px;bottom:-55px;pointer-events:none}.product-brand{font-size:9px;font-weight:800;letter-spacing:1px;align-self:stretch;display:flex;justify-content:space-between}.product-symbol{font-family:Arial,sans-serif;font-size:73px;line-height:1;font-weight:700;color:#315b4c}.visual-label{font-size:9px;letter-spacing:1.5px;font-weight:700;z-index:1}.visual-soat{background:#dcebea}.visual-recargas{background:#f1eddb}.visual-documentos{background:#e3eaf0}.visual-tecnico{background:var(--ink);color:var(--green)}.visual-tecnico .product-symbol{color:var(--green)}.product-info{padding:8px 18px 19px;display:flex;flex-direction:column;flex:1}.product-info h3{font-size:17px;text-align:center;margin:9px 0 12px;min-height:44px;display:grid;place-items:center}.product-info p{font-size:12px;color:var(--muted);margin:0 0 18px}.quote-label{display:block;font-size:10px;text-align:center;color:#427159;font-weight:700;margin-top:auto;margin-bottom:12px}.product-info .button{width:100%;justify-content:space-between}.message-label{display:block;font-size:12px;font-weight:700;margin-top:20px}#service-message{width:100%;resize:vertical;min-height:95px;font:inherit;font-size:13px;color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:12px;margin:8px 0 14px;background:#f6f9f3}#service-message:focus-visible{outline:3px solid #258873;outline-offset:2px}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-visual{height:165px;padding:11px}.product-brand{font-size:8px}.product-symbol{font-size:60px}.visual-label{font-size:8px;letter-spacing:.7px}.product-info{padding:6px 12px 14px}.product-info h3{font-size:15px}.catalog-filters button{font-size:11px;padding:9px 13px}}
@media(max-width:370px){.product-grid{grid-template-columns:1fr}.product-info h3{min-height:0}.product-visual{height:185px}}
/* Identidad oficial N SERVIPAGOS */
:root{--ink:#073da3;--green:#ffda00;--muted:#586b85;--line:#dce3ef;--bg:#fbfcff}.official-logo{width:64px;height:64px;object-fit:contain;border-radius:50%;flex-shrink:0}.brand small{font-size:8px;letter-spacing:.8px}.hero .eyebrow{color:#073da3}.eyebrow span{background:#e6bd00}h1 em{color:#1453b9}.button:hover{background:#092f7c}.header nav a:hover,.text-link:hover{color:#135fc9}.official-art{background:linear-gradient(145deg,#073c9f,#082456);border:1px solid #174aa1;border-radius:95px 18px 18px 18px;display:flex;flex-direction:column;justify-content:center;gap:22px;padding:30px;height:470px}.hero-official-logo{width:min(100%,310px);height:auto;border-radius:50%;box-shadow:0 15px 40px #0003}.official-slogan{color:#ffda00;font-size:12px;letter-spacing:1.2px;font-weight:800;text-align:center;margin:0}.official-location{color:#d2e0ff;font-size:10px;letter-spacing:2px}.service-strip b{color:#073da3}.tech-section{background:linear-gradient(120deg,#073da3,#082456)}.contact-panel{background:#edf3ff;border-color:#d8e4fb}.contact-bottom{border-color:#cad9ef}.whatsapp{border-color:#a6bce4}.whatsapp:hover{background:#d9e6ff}.product-visual{background:#e4edff}.product-symbol{color:#0742aa}.visual-soat{background:#e8efff}.visual-recargas{background:#fff4c6}.visual-documentos{background:#e8eef7}.visual-tecnico{background:#073da3;color:#ffda00}.visual-tecnico .product-symbol{color:#ffda00}.quote-label{color:#164fad}.footer-brand .official-logo{width:48px;height:48px}.catalog-filters button[aria-pressed="true"]{background:#073da3}.product-card a:hover{color:#073da3}
@media(max-width:850px){.official-art{height:425px}.hero-official-logo{width:min(100%,270px)}.header{gap:16px}.brand{font-size:16px}}
@media(max-width:600px){.official-art{height:370px;gap:18px;padding:25px}.hero-official-logo{width:245px}.official-slogan{font-size:10px;letter-spacing:.8px}.brand small{font-size:7px;letter-spacing:.6px}.official-logo{width:58px;height:58px}}
/* N Servicios Plus */
.plus-section{padding-bottom:0}.plus-heading>p:last-child{font-size:14px;color:var(--muted)}.plus-panel{display:flex;align-items:center;gap:35px;border:1px solid var(--line);border-radius:14px;padding:35px;background:#edf3ff;margin-top:24px}.plus-symbol{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:110px;height:110px;border-radius:25px;background:var(--ink);color:white;font-size:65px;font-weight:800}.plus-symbol span{color:var(--green);font-size:40px}.plus-panel h3{margin:0 0 12px;font-size:24px}.plus-panel p{color:var(--muted);font-size:14px;max-width:580px}.header nav{flex-wrap:wrap;justify-content:center;gap:12px 20px}.header>.button{white-space:nowrap}@media(max-width:600px){.plus-panel{padding:24px;flex-direction:column;align-items:flex-start;gap:20px}.plus-symbol{width:80px;height:80px;font-size:48px}.plus-symbol span{font-size:30px}.header nav{justify-content:flex-start;gap:12px 20px}}
.plus-services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}.plus-services article{padding:24px;border:1px solid var(--line);border-radius:12px;background:white}.plus-services h3{margin:14px 0 10px;font-size:18px}.plus-services p{font-size:13px;color:var(--muted);margin:0}.visual-plus{background:#fff4c6}.visual-plus .product-symbol{color:#073da3}@media(max-width:850px){.plus-services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.plus-services{grid-template-columns:1fr}}
.featured{padding-top:15px;padding-bottom:55px}.featured-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin-top:26px}.featured-main{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#edf3ff}.poster-link{display:block;align-self:center}.poster-link img{display:block;width:100%;height:auto}.featured-copy{padding:25px;align-self:center}.featured-copy h3{font-size:26px;margin-top:15px}.featured-copy>p{font-size:13px}.featured-copy>p.muted{font-size:11px}.featured-side{display:grid;gap:20px}.featured-mini{padding:28px;border-radius:14px;background:#e8efff;border:1px solid var(--line)}.featured-mini h3{font-size:25px;margin:15px 0}.featured-mini p{font-size:13px}.fire-feature{background:#fff3c0}.featured .button{gap:10px;padding:13px 15px}.featured-copy .eyebrow{font-size:9px;letter-spacing:1px}@media(max-width:950px){.featured-grid{grid-template-columns:1fr}.featured-side{grid-template-columns:1fr 1fr}}@media(max-width:600px){.featured-main{grid-template-columns:1fr}.poster-link{max-width:340px;margin:auto}.featured-side{grid-template-columns:1fr}.featured-copy{padding:24px}.featured{padding-top:5px}.featured-mini{padding:24px}}
.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px}.featured-intro{color:var(--muted);font-size:14px}.promo-card{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.promo-poster{display:block;background:#edf3ff}.promo-poster img{width:100%;height:auto;display:block}.promo-copy{padding:22px;display:flex;flex-direction:column;flex:1}.promo-copy h3{margin:0 0 12px;font-size:23px}.promo-copy p{font-size:13px;color:var(--muted);margin:0 0 20px}.promo-copy .button{margin-top:auto;align-self:stretch;justify-content:space-between}@media(max-width:850px){.promo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}}@media(max-width:600px){.promo-grid{grid-template-columns:1fr}.promo-card{max-width:420px;width:100%;margin:auto}.promo-copy{padding:23px}}