:root{--bg:#02070c;--bg2:#040d15;--panel:#07131d;--panel2:#0a1824;--text:#f5f8fb;--muted:#9bb0c1;--blue:#0b94ff;--cyan:#19bdff;--green:#20dba3;--line:rgba(116,175,220,.19);--container:1280px;--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#02070c,#030910 42%,#02060a);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;overflow-x:hidden}a{text-decoration:none;color:inherit}.container{width:min(var(--container),calc(100% - 48px));margin:auto}.topbar{height:72px;position:sticky;top:0;z-index:50;background:rgba(2,7,12,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.055)}.navbar{height:72px;display:grid;grid-template-columns:190px 1fr auto;gap:28px;align-items:center}.brand img{width:165px;display:block}.navbar nav{display:flex;justify-content:center;gap:30px}.navbar nav a{font-size:13px;color:#d5e0e8}.navbar nav a:hover{color:#fff}.menu-button{display:none;width:42px;height:40px;border-radius:9px;border:1px solid var(--line);background:#07131d;color:white;font-size:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0 18px;border-radius:9px;border:1px solid transparent;font:inherit;font-size:13px;font-weight:750;cursor:pointer;transition:.25s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(90deg,#078ff9,#167cff);color:#fff;box-shadow:0 10px 28px rgba(0,125,255,.18)}.btn-secondary{border-color:rgba(255,255,255,.17);background:rgba(7,16,25,.58);color:#e9f2f8}.btn-light{background:#fff;color:#172133}.eyebrow{display:inline-flex;font-size:10px;letter-spacing:.14em;font-weight:850;color:#22afff;border:1px solid rgba(12,157,255,.35);background:rgba(0,117,210,.05);padding:7px 10px;border-radius:6px}.hero{min-height:620px;border-bottom:1px solid rgba(255,255,255,.055);background:radial-gradient(700px 420px at 70% 35%,rgba(0,128,255,.12),transparent 65%);overflow:hidden}.hero-grid{min-height:620px;display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:24px}.hero-copy{position:relative;z-index:3;padding:46px 0}.hero h1{font-size:66px;line-height:.94;letter-spacing:-.055em;margin:20px 0 24px}.hero h1 strong{color:var(--blue)}.hero-copy>p{max-width:500px;color:#c6d3dd;font-size:16px;line-height:1.62}.hero-actions{display:flex;gap:12px;margin-top:28px}.play{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.4);display:grid;place-items:center;font-size:8px}.hero-benefits{display:flex;gap:0;margin-top:35px}.hero-benefits div{display:flex;align-items:center;gap:9px;padding:0 20px;border-right:1px solid rgba(255,255,255,.09);font-size:11px;color:#d7e2ea}.hero-benefits div:first-child{padding-left:0}.hero-benefits div:last-child{border-right:0}.hero-benefits i{font-style:normal;color:#0da5ff;font-size:21px}.hero-visual{height:520px;position:relative;align-self:center;overflow:hidden;border-radius:16px 0 0 16px}.hero-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.76) 8%,rgba(2,7,12,.12) 31%,rgba(2,7,12,.02) 70%,rgba(2,7,12,.1)),linear-gradient(0deg,#02070c 0%,transparent 12%)}.section{padding:72px 0;border-bottom:1px solid rgba(255,255,255,.045)}.section-heading{text-align:center;max-width:790px;margin:0 auto 36px}.section-heading>span{font-size:10px;letter-spacing:.18em;color:#7395af;font-weight:800}.section-heading h2{font-size:36px;margin:8px 0 9px;letter-spacing:-.03em}.section-heading h2 strong{color:var(--blue)}.section-heading p{margin:0;color:var(--muted);font-size:14px}.section-actions{text-align:center;margin-top:26px}.sectors{background:radial-gradient(700px 400px at 15% 25%,rgba(0,124,255,.055),transparent 65%),#030a11}.sector-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.sector-card{min-height:220px;border:1px solid rgba(105,169,217,.23);border-radius:13px;overflow:hidden;position:relative;background:#07121c;transition:.28s;display:block}.sector-card:hover{transform:translateY(-4px);border-color:rgba(15,157,255,.5);box-shadow:0 20px 44px rgba(0,0,0,.23)}.sector-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.9) brightness(.86);transition:.35s}.sector-card:hover img{transform:scale(1.03);filter:saturate(1) brightness(.94)}.sector-card:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,15,.98) 0%,rgba(3,9,15,.91) 40%,rgba(3,9,15,.42) 68%,rgba(3,9,15,.12) 100%)}.sector-content{position:relative;z-index:2;padding:22px;max-width:67%;height:100%;display:flex;flex-direction:column;justify-content:center}.sector-icon,.module-icon,.app-icon{width:46px;height:46px;border-radius:12px;border:1px solid rgba(12,161,255,.58);background:rgba(5,29,47,.74);display:grid;place-items:center;color:#0da6ff;font-size:21px}.sector-card h3{font-size:19px;line-height:1.08;margin:15px 0 9px}.sector-card p{font-size:12px;color:#b3c3cf;line-height:1.48;margin:0}.card-more{position:absolute;z-index:3;right:14px;bottom:14px;min-width:32px;height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;display:grid;place-items:center;background:rgba(3,9,15,.6);font-size:10px}.platform{background:linear-gradient(180deg,#02080e,#030a11)}.module-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.module-card{min-height:184px;padding:20px 14px;border:1px solid rgba(98,157,202,.17);border-radius:12px;background:linear-gradient(180deg,#081620,#050d14);text-align:center;transition:.25s;display:block}.module-card:hover{transform:translateY(-4px);border-color:rgba(13,156,255,.43);background:linear-gradient(180deg,#0a1c2a,#07121b)}.module-icon{margin:0 auto 13px}.module-card h3{font-size:14px;margin:0 0 7px}.module-card p{font-size:11px;color:#92a6b6;margin:0;line-height:1.45}.mini-more,.app-more{display:block;color:#0ca3ff;font-size:10px;margin-top:11px}.apps-section{background:#030910}.app-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.app-card{min-height:158px;padding:18px;border:1px solid rgba(100,161,208,.17);border-radius:12px;background:linear-gradient(180deg,#081620,#050d14);display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;transition:.25s}.app-card:hover{transform:translateY(-4px);border-color:rgba(13,156,255,.42)}.app-card h3{font-size:15px;margin:2px 0 7px}.app-card p{font-size:11px;color:#94a8b7;margin:0 0 9px}.integrations{background:radial-gradient(600px 300px at 80% 40%,rgba(0,125,255,.06),transparent 65%),#030a11}.integration-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:center}.integration-copy h2{font-size:40px;margin:16px 0 12px}.integration-copy h2 strong{color:#0b94ff}.integration-copy p{color:#9fb1c0;font-size:14px;line-height:1.65}.integration-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.integration-cards article{min-height:98px;padding:18px;border:1px solid rgba(101,161,206,.18);border-radius:11px;background:#07131d;display:flex;flex-direction:column;justify-content:center}.integration-cards b{font-size:14px}.integration-cards span{font-size:10px;color:#8ea3b3;margin-top:5px}.cta-band{padding:0 0 60px;background:#030a11}.cta-box{min-height:120px;padding:23px 26px;border:1px solid rgba(59,143,210,.28);border-radius:14px;background:linear-gradient(90deg,#07203b,#0a47a9 47%,#6527cb 82%,#a22cce);display:grid;grid-template-columns:58px 1fr auto;gap:20px;align-items:center;box-shadow:0 20px 44px rgba(0,0,0,.18)}.cta-icon{width:56px;height:56px;border-radius:14px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.07);display:grid;place-items:center;font-size:25px}.cta-box h3{font-size:22px;margin:0 0 4px}.cta-box p{font-size:12px;margin:0;color:#e3e8f0}.contact{background:radial-gradient(650px 320px at 20% 50%,rgba(0,125,255,.075),transparent 70%),#02080e}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:68px;align-items:center}.contact-copy h2{font-size:42px;line-height:1.05;letter-spacing:-.035em;margin:18px 0}.contact-copy h2 strong{color:#0b94ff}.contact-copy>p{color:#9fb2c1;max-width:470px}.contact-list{display:grid;gap:9px;margin-top:24px;color:#b8c8d4;font-size:12px}.contact-form{padding:24px;border:1px solid rgba(101,162,207,.2);border-radius:14px;background:#07131d}.hp{position:absolute!important;left:-9999px!important}.contact-form label{display:block;font-size:11px;color:#aebeca;margin-bottom:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;margin-top:6px;padding:12px 13px;border:1px solid rgba(99,160,207,.18);border-radius:8px;background:#030a11;color:#fff;font:inherit;font-size:13px;outline:none}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#0b96ff;box-shadow:0 0 0 3px rgba(11,150,255,.08)}.form-status{margin-top:12px;font-size:11px}.form-status.ok{color:#43e4b3}.form-status.error{color:#ff8686}footer{padding:42px 0 18px;background:#010408;border-top:1px solid rgba(255,255,255,.06)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:36px}.footer-brand img{width:160px}.footer-brand p{font-size:11px;color:#8499a9;max-width:250px}.footer-grid>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}.footer-grid h4{font-size:12px;margin:0 0 8px}.footer-grid a,.footer-grid span{font-size:10px;color:#879cab}.footer-bottom{margin-top:28px;padding-top:16px;border-top:1px solid rgba(255,255,255,.05);display:flex;justify-content:space-between;color:#687d8d;font-size:9px}
/* Deep detail pages */.deep-main{background:#02070c}.deep-hero{padding:56px 0 46px;border-bottom:1px solid rgba(255,255,255,.055);background:radial-gradient(800px 420px at 76% 30%,rgba(0,140,255,.12),transparent 62%)}.breadcrumb{display:flex;gap:8px;align-items:center;color:#6f8da5;font-size:11px;margin-bottom:30px}.breadcrumb a:hover{color:#20afff}.deep-hero-grid{display:grid;grid-template-columns:1fr .86fr;gap:58px;align-items:center}.deep-kicker{font-size:10px;letter-spacing:.16em;color:#20afff;font-weight:850}.deep-hero h1{font-size:58px;line-height:1;letter-spacing:-.045em;margin:12px 0 14px}.deep-claim{font-size:22px;line-height:1.25;color:#dbe7ef;max-width:680px;margin:0 0 18px}.deep-summary{font-size:14px;line-height:1.7;color:#9fb3c2;max-width:700px}.deep-actions{display:flex;gap:10px;margin-top:26px}.deep-visual{min-height:380px;border:1px solid rgba(92,170,226,.22);border-radius:22px;position:relative;overflow:hidden;background:radial-gradient(circle at 64% 30%,rgba(15,160,255,.22),transparent 26%),linear-gradient(145deg,#0a1c2a,#06111a);box-shadow:0 24px 60px rgba(0,0,0,.28)}.deep-visual.has-photo{background-size:cover;background-position:center}.deep-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,9,15,.72),rgba(3,9,15,.04) 55%),linear-gradient(0deg,rgba(3,9,15,.75),transparent 42%)}.visual-orbit{position:absolute;border:1px solid rgba(14,165,255,.16);border-radius:50%;left:50%;top:48%;transform:translate(-50%,-50%)}.visual-orbit.o1{width:150px;height:150px}.visual-orbit.o2{width:250px;height:250px}.visual-orbit.o3{width:350px;height:350px}.visual-icon{position:absolute;z-index:2;left:50%;top:42%;transform:translate(-50%,-50%);width:100px;height:100px;border-radius:28px;border:1px solid rgba(13,163,255,.6);background:rgba(5,31,51,.86);display:grid;place-items:center;color:#0da6ff;font-size:46px;box-shadow:0 0 50px rgba(0,132,255,.18)}.visual-mini{position:absolute;z-index:3;left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.visual-mini span{padding:10px;border:1px solid rgba(115,175,218,.14);border-radius:9px;background:rgba(4,12,19,.74);font-size:10px;color:#b7c7d2}.deep-section{padding:68px 0;border-bottom:1px solid rgba(255,255,255,.045)}.deep-section.alt{background:#030a11}.deep-two{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.deep-label{font-size:10px;letter-spacing:.16em;color:#6f94af;font-weight:850}.deep-section h2{font-size:36px;line-height:1.08;letter-spacing:-.03em;margin:9px 0 14px}.deep-section h2 strong{color:#0b94ff}.deep-copy{font-size:15px;line-height:1.75;color:#a8bbc9}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.benefit-card{padding:19px;border:1px solid rgba(99,161,207,.16);border-radius:12px;background:#07131d}.benefit-card i{display:block;color:#20dba3;font-style:normal;font-size:18px;margin-bottom:7px}.benefit-card span{font-size:12px;color:#bdccd7}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature-card{min-height:168px;padding:20px;border:1px solid rgba(98,160,206,.17);border-radius:13px;background:linear-gradient(180deg,#081620,#050d14)}.feature-card .num{font-size:10px;color:#0da6ff;font-weight:850}.feature-card h3{font-size:16px;margin:10px 0 7px}.feature-card p{font-size:11px;color:#94a8b7;margin:0;line-height:1.55}.flow-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;counter-reset:flow}.flow-step{position:relative;min-height:130px;padding:18px;border:1px solid rgba(100,160,205,.16);border-radius:12px;background:#07131d}.flow-step:before{counter-increment:flow;content:counter(flow);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(12,160,255,.45);color:#0da6ff;font-size:11px;margin-bottom:12px}.flow-step p{font-size:11px;color:#a9bbc8;margin:0}.case-row{display:flex;flex-wrap:wrap;gap:9px}.case-chip{padding:9px 12px;border-radius:999px;border:1px solid rgba(12,158,255,.2);background:rgba(7,38,61,.34);font-size:11px;color:#b9ccda}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.related-card{padding:18px;border:1px solid rgba(100,160,205,.16);border-radius:12px;background:#07131d;transition:.2s}.related-card:hover{transform:translateY(-3px);border-color:rgba(13,156,255,.4)}.related-card small{display:block;color:#6f91aa;font-size:9px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px}.related-card b{font-size:13px}.deep-cta{padding:52px 0 70px;background:#030a11}.deep-cta-box{padding:30px;border-radius:16px;background:linear-gradient(90deg,#07203b,#0a47a9 48%,#6527cb 82%,#a22cce);display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.deep-cta-box h2{font-size:28px;margin:0 0 6px}.deep-cta-box p{font-size:12px;margin:0;color:#e0e8ef}.category-hero{padding:58px 0 42px;border-bottom:1px solid rgba(255,255,255,.05);background:radial-gradient(700px 360px at 70% 30%,rgba(0,135,255,.1),transparent 65%)}.category-hero h1{font-size:52px;margin:12px 0 14px;letter-spacing:-.04em}.category-hero p{max-width:720px;color:#9fb3c2}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:56px 0 70px}.category-item{padding:22px;border:1px solid rgba(100,160,205,.17);border-radius:13px;background:#07131d;transition:.25s}.category-item:hover{transform:translateY(-4px);border-color:rgba(13,156,255,.42)}.category-item .category-icon{width:46px;height:46px;border-radius:12px;border:1px solid rgba(12,161,255,.55);display:grid;place-items:center;color:#0da6ff;margin-bottom:15px}.category-item h2{font-size:18px;margin:0 0 8px}.category-item p{font-size:12px;color:#93a8b8;line-height:1.5}.category-item span{display:block;color:#0ca3ff;font-size:10px;margin-top:12px}@media(max-width:1100px){.navbar{grid-template-columns:170px 1fr auto}.navbar nav{gap:18px}.hero-grid{grid-template-columns:.9fr 1.1fr}.hero h1{font-size:56px}.sector-grid{grid-template-columns:repeat(2,1fr)}.module-grid{grid-template-columns:repeat(3,1fr)}.app-grid{grid-template-columns:repeat(2,1fr)}.deep-hero-grid{grid-template-columns:1fr .75fr}.feature-grid{grid-template-columns:repeat(2,1fr)}.flow-grid{grid-template-columns:repeat(3,1fr)}.category-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:820px){.topbar,.navbar{height:66px}.navbar{grid-template-columns:1fr auto auto}.navbar nav{display:none;position:absolute;top:66px;left:18px;right:18px;padding:18px;background:#06121c;border:1px solid var(--line);border-radius:12px;flex-direction:column}.navbar nav.open{display:flex}.nav-cta{display:none}.menu-button{display:block}.hero-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-copy{padding:52px 0 18px}.hero-visual{height:420px}.integration-layout,.contact-layout,.deep-hero-grid,.deep-two{grid-template-columns:1fr}.deep-visual{min-height:310px}.cta-box{grid-template-columns:56px 1fr}.cta-box>.btn{grid-column:1/-1;justify-self:start}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.related-grid{grid-template-columns:1fr 1fr}.deep-cta-box{grid-template-columns:1fr}.deep-cta-box .btn{justify-self:start}}@media(max-width:580px){.container{width:calc(100% - 24px)}.hero h1{font-size:44px}.hero-copy>p{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hero-benefits div{border:0;padding:0}.hero-visual{height:300px}.section{padding:52px 0}.sector-grid,.module-grid,.app-grid,.feature-grid,.benefit-grid,.category-grid{grid-template-columns:1fr}.sector-content{max-width:70%}.integration-cards{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr}.cta-box{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom{flex-direction:column;gap:8px}.deep-hero h1{font-size:42px}.deep-claim{font-size:18px}.flow-grid{grid-template-columns:1fr}.related-grid{grid-template-columns:1fr}.visual-mini{grid-template-columns:1fr}.deep-visual{min-height:360px}.category-hero h1{font-size:40px}}
/* Visual upgrade: cards with contextual images */
.visual-card{position:relative;overflow:hidden}
.card-image,.category-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.96) brightness(.9);transition:transform .35s ease,filter .35s ease}
.visual-card:hover .card-image,.visual-card:hover .category-image{transform:scale(1.03);filter:saturate(1.02) brightness(.98)}
.sector-overlay,.module-overlay,.app-overlay,.category-overlay{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(3,9,15,.10),rgba(3,9,15,.72) 55%,rgba(3,9,15,.92) 100%),linear-gradient(90deg,rgba(3,9,15,.88) 0%,rgba(3,9,15,.66) 42%,rgba(3,9,15,.30) 100%)}
.sector-card:after{display:none}
.sector-card .sector-content,.module-content,.app-content,.category-content{position:relative;z-index:2}
.module-card,.app-card,.category-item{box-shadow:0 16px 42px rgba(0,0,0,.18)}

.module-card{min-height:240px;padding:0;text-align:left;display:flex;align-items:flex-end;background:#07131d}
.module-content{width:100%;padding:18px 16px 16px}
.module-card .module-icon{margin:0 0 16px}
.module-card h3{font-size:18px;margin:0 0 8px}
.module-card p{font-size:12px;color:#a9bccb;max-width:88%;min-height:52px}
.module-card .mini-more{font-size:11px;margin-top:14px;font-weight:700}

.app-card{min-height:220px;padding:0;display:flex;align-items:flex-end;background:#07131d;grid-template-columns:1fr}
.app-content{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;width:100%;padding:18px}
.app-card h3{font-size:18px;margin:2px 0 8px}
.app-card p{font-size:12px;color:#a8bccb;min-height:50px}
.app-card .app-more{font-size:11px;font-weight:700}

.category-item{min-height:260px;padding:0;display:flex;align-items:flex-end;background:#07131d}
.category-content{width:100%;padding:20px}
.category-item .category-icon{margin-bottom:14px;background:rgba(5,29,47,.74)}
.category-item h2{font-size:20px;margin:0 0 8px}
.category-item p{font-size:12px;color:#a8bccb;max-width:84%;min-height:52px}
.category-item span{font-size:11px;font-weight:700;margin-top:14px}

body[data-category="sector"] .category-hero{background:radial-gradient(700px 360px at 70% 30%,rgba(0,135,255,.12),transparent 65%),url('assets/categorias/sectores.svg') right center/contain no-repeat}
body[data-category="module"] .category-hero{background:radial-gradient(700px 360px at 70% 30%,rgba(0,135,255,.12),transparent 65%),url('assets/categorias/plataforma.svg') right center/contain no-repeat}
body[data-category="app"] .category-hero{background:radial-gradient(700px 360px at 70% 30%,rgba(0,135,255,.12),transparent 65%),url('assets/categorias/aplicaciones.svg') right center/contain no-repeat}

.deep-visual.has-photo{background-size:cover;background-position:center}
.deep-visual.has-photo:after{background:linear-gradient(90deg,rgba(3,9,15,.82),rgba(3,9,15,.18) 62%),linear-gradient(0deg,rgba(3,9,15,.88),rgba(3,9,15,.14) 46%)}
.deep-visual.has-photo .visual-orbit{display:none}
.deep-visual.has-photo .visual-icon{left:auto;right:24px;top:24px;transform:none;width:72px;height:72px;border-radius:18px;font-size:32px;background:rgba(5,31,51,.78);backdrop-filter:blur(6px)}
.deep-visual.has-photo .visual-mini{grid-template-columns:repeat(3,minmax(0,1fr));left:20px;right:20px;bottom:18px}
.deep-visual.has-photo .visual-mini span{background:rgba(4,12,19,.78);backdrop-filter:blur(4px)}

@media(max-width:1100px){
  .module-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  body[data-category="sector"] .category-hero,body[data-category="module"] .category-hero,body[data-category="app"] .category-hero{background-position:center bottom;background-size:cover}
  .module-card,.app-card,.category-item{min-height:220px}
}
@media(max-width:580px){
  .module-card p,.app-card p,.category-item p{max-width:100%;min-height:auto}
}

/* ===== CORRECCIÓN SOLO DE IMÁGENES DE PLATAFORMA =====
   Mantiene el formato original de las tarjetas. */
.module-card.visual-card{
  position:relative;
  overflow:hidden;
}
.module-card.visual-card .card-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:brightness(1.10) saturate(1.10) contrast(1.04);
  transform:scale(1.002);
}
.module-card.visual-card:hover .card-image{
  transform:scale(1.025);
  filter:brightness(1.16) saturate(1.13) contrast(1.04);
}
.module-card.visual-card .module-overlay{
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(180deg,
      rgba(2,8,13,.04) 0%,
      rgba(2,8,13,.10) 28%,
      rgba(2,8,13,.48) 58%,
      rgba(2,8,13,.88) 100%);
}
.module-card.visual-card .module-content{
  position:relative;
  z-index:2;
  width:100%;
}

/* Página interna / Profundizar: mostrar la foto sin velo oscuro lateral. */
.deep-visual.has-photo{
  background-size:cover !important;
  background-position:center center !important;
}
.deep-visual.has-photo:after{
  background:
    linear-gradient(0deg,
      rgba(2,8,13,.72) 0%,
      rgba(2,8,13,.20) 32%,
      rgba(2,8,13,.02) 68%,
      rgba(2,8,13,.02) 100%) !important;
}
.deep-visual.has-photo .visual-icon{
  background:rgba(4,22,36,.72) !important;
  backdrop-filter:blur(6px);
}
.deep-visual.has-photo .visual-mini span{
  background:rgba(3,11,18,.72) !important;
  backdrop-filter:blur(5px);
}


/* ===== PLATAFORMA: DISEÑO VISUAL DEFINITIVO ===== */
.module-grid{align-items:stretch}
.module-card.visual-card{
  min-height:326px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  text-align:left!important;
  overflow:hidden!important;
  background:#06111a!important;
  border:1px solid rgba(71,159,218,.32)!important;
  border-radius:13px!important;
}
.module-card.visual-card .module-media{
  position:relative;
  width:100%;
  height:166px;
  flex:0 0 166px;
  overflow:hidden;
  background:#07131d;
}
.module-card.visual-card .card-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:brightness(1.04) saturate(1.05) contrast(1.02)!important;
  transform:none!important;
}
.module-card.visual-card:hover .card-image{transform:scale(1.025)!important;filter:brightness(1.10) saturate(1.08)!important}
.module-card.visual-card .module-overlay{
  position:absolute!important;
  inset:0!important;
  background:linear-gradient(180deg,rgba(2,7,12,0) 55%,rgba(2,7,12,.48) 100%)!important;
  z-index:1!important;
}
.module-card.visual-card .module-icon{
  position:absolute!important;
  left:16px!important;
  bottom:12px!important;
  z-index:2!important;
  margin:0!important;
  width:44px!important;
  height:44px!important;
  background:rgba(4,22,36,.86)!important;
  backdrop-filter:blur(5px);
}
.module-card.visual-card .module-content{
  position:relative!important;
  z-index:2!important;
  padding:16px 17px 17px!important;
  width:100%!important;
  flex:1;
  display:flex;
  flex-direction:column;
  background:#06111a!important;
}
.module-card.visual-card h3{font-size:17px!important;margin:0 0 7px!important}
.module-card.visual-card p{font-size:11px!important;line-height:1.48!important;color:#a8bbc9!important;margin:0!important;min-height:50px!important;max-width:100%!important}
.module-card.visual-card .mini-more{margin-top:auto!important;padding-top:14px!important;font-size:10px!important;font-weight:800!important;color:#0ca3ff!important}

/* Página Plataforma / listado */
.category-item.module-category-card{
  padding:0!important;
  min-height:330px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#06111a!important;
  border:1px solid rgba(71,159,218,.32)!important;
}
.module-category-card .category-media{position:relative;height:174px;flex:0 0 174px;overflow:hidden;background:#07131d}
.module-category-card .category-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:brightness(1.05) saturate(1.06)!important}
.module-category-card .category-media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(2,7,12,.52));z-index:1}
.module-category-card .category-icon{position:absolute!important;left:17px;bottom:13px;z-index:2;margin:0!important;background:rgba(4,22,36,.88)!important;backdrop-filter:blur(5px)}
.module-category-card .category-content{padding:17px 18px 18px!important;position:relative!important;z-index:2!important;width:100%!important;display:flex;flex-direction:column;flex:1;background:#06111a!important}
.module-category-card .category-content h2{font-size:18px!important;margin:0 0 8px!important}
.module-category-card .category-content p{max-width:100%!important;min-height:52px!important;margin:0!important}
.module-category-card .category-content span{margin-top:auto!important;padding-top:13px!important}

/* Ficha interna: imagen limpia, grande y bien encuadrada */
.deep-visual.has-photo{
  min-height:400px!important;
  background-size:cover!important;
  background-position:center center!important;
  border-color:rgba(67,164,229,.34)!important;
}
.deep-visual.has-photo:after{
  background:linear-gradient(0deg,rgba(2,7,12,.66) 0%,rgba(2,7,12,.12) 28%,rgba(2,7,12,0) 62%)!important;
}
.deep-visual.has-photo .visual-icon{background:rgba(4,22,36,.76)!important}
.deep-visual.has-photo .visual-mini span{background:rgba(3,11,18,.78)!important;color:#d2e1eb!important}

@media(max-width:1100px){.module-card.visual-card .module-media{height:190px;flex-basis:190px}}
@media(max-width:580px){.module-card.visual-card{min-height:360px!important}.module-card.visual-card .module-media{height:210px;flex-basis:210px}.deep-visual.has-photo{min-height:330px!important}}


/* ===== APLICACIONES: IMÁGENES FOTOGRÁFICAS INDIVIDUALES ===== */
.app-grid{align-items:stretch}
.app-card.visual-card{
  min-height:324px!important;
  padding:0!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#06111a!important;
  border:1px solid rgba(71,159,218,.30)!important;
  border-radius:13px!important;
}
.app-card.visual-card .app-media{
  position:relative;
  width:100%;
  height:166px;
  flex:0 0 166px;
  overflow:hidden;
  background:#07131d;
}
.app-card.visual-card .card-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
  filter:brightness(1.04) saturate(1.05) contrast(1.02)!important;
  transform:none!important;
}
.app-card.visual-card:hover .card-image{
  transform:scale(1.025)!important;
  filter:brightness(1.10) saturate(1.08)!important;
}
.app-card.visual-card .app-overlay{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:linear-gradient(180deg,rgba(2,7,12,0) 55%,rgba(2,7,12,.48) 100%)!important;
}
.app-card.visual-card .app-icon{
  position:absolute!important;
  left:16px!important;
  bottom:12px!important;
  z-index:2!important;
  margin:0!important;
  width:44px!important;
  height:44px!important;
  background:rgba(4,22,36,.86)!important;
  backdrop-filter:blur(5px);
}
.app-card.visual-card .app-content{
  position:relative!important;
  z-index:2!important;
  padding:16px 17px 17px!important;
  width:100%!important;
  flex:1;
  display:flex!important;
  flex-direction:column!important;
  background:#06111a!important;
}
.app-card.visual-card h3{font-size:17px!important;margin:0 0 7px!important}
.app-card.visual-card p{font-size:11px!important;line-height:1.48!important;color:#a8bbc9!important;margin:0!important;min-height:50px!important;max-width:100%!important}
.app-card.visual-card .app-more{margin-top:auto!important;padding-top:14px!important;font-size:10px!important;font-weight:800!important;color:#0ca3ff!important}

/* Página Aplicaciones / listado */
.category-item.app-category-card{
  padding:0!important;
  min-height:330px!important;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
  background:#06111a!important;
  border:1px solid rgba(71,159,218,.30)!important;
}
.app-category-card .category-media{position:relative;height:174px;flex:0 0 174px;overflow:hidden;background:#07131d}
.app-category-card .category-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:brightness(1.05) saturate(1.06)!important}
.app-category-card .category-media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(2,7,12,.52));z-index:1}
.app-category-card .category-icon{position:absolute!important;left:17px;bottom:13px;z-index:2;margin:0!important;background:rgba(4,22,36,.88)!important;backdrop-filter:blur(5px)}
.app-category-card .category-content{padding:17px 18px 18px!important;position:relative!important;z-index:2!important;width:100%!important;display:flex;flex-direction:column;flex:1;background:#06111a!important}
.app-category-card .category-content h2{font-size:18px!important;margin:0 0 8px!important}
.app-category-card .category-content p{max-width:100%!important;min-height:52px!important;margin:0!important}
.app-category-card .category-content span{margin-top:auto!important;padding-top:13px!important}

@media(max-width:1100px){.app-card.visual-card .app-media{height:190px;flex-basis:190px}}
@media(max-width:580px){.app-card.visual-card{min-height:360px!important}.app-card.visual-card .app-media{height:210px;flex-basis:210px}}

/* Íconos contextuales SVG — Plataforma, Sectores y Aplicaciones */
.context-icon{width:27px;height:27px;display:block;object-fit:contain;filter:brightness(0) saturate(100%) invert(52%) sepia(93%) saturate(3349%) hue-rotate(176deg) brightness(104%) contrast(104%)}
.sector-icon .context-icon,.module-icon .context-icon,.app-icon .context-icon,.category-icon .context-icon{width:26px;height:26px}
.visual-icon .context-icon{width:42px;height:42px}

/* FIX: los íconos contextuales no deben heredar el posicionamiento de las fotos de Sectores */
.sector-card .sector-icon img.context-icon,
.sector-icon img.context-icon{
  position:static !important;
  inset:auto !important;
  width:26px !important;
  height:26px !important;
  object-fit:contain !important;
  object-position:center !important;
  filter:none !important;
  transform:none !important;
  opacity:1 !important;
  display:block !important;
}
.sector-card:hover .sector-icon img.context-icon{
  transform:none !important;
  filter:none !important;
}

/* =========================================================
   PRESENTACIONES INTERNAS CONTEXTUALES — NEXGUARD
   Aplicado globalmente a Sectores, Plataforma y Aplicaciones
   ========================================================= */
.contextual-card,.contextual-feature,.related-card{position:relative;overflow:hidden}
.context-badge svg,.feature-icon svg,.flow-icon svg,.related-icon svg,.capability-chips svg{width:22px;height:22px;display:block}

/* Desafío */
.deep-hero + .deep-section .deep-two{align-items:stretch}
.deep-hero + .deep-section .deep-two>div:first-child{position:relative;min-height:330px;padding:30px;border:1px solid rgba(66,153,220,.18);border-radius:18px;background:linear-gradient(145deg,#06131e,#030b12);overflow:hidden}
.deep-hero + .deep-section .deep-two>div:first-child .deep-label,.deep-hero + .deep-section .deep-two>div:first-child h2{position:relative;z-index:3}
.challenge-visual{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.42}
.challenge-visual-shade{position:absolute;inset:0;background:linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.92) 35%,rgba(2,7,12,.32) 100%),linear-gradient(0deg,#02070c 0%,transparent 55%)}
.challenge-visual-icon{position:absolute;right:28px;top:28px;width:72px;height:72px;border-radius:18px;border:1px solid rgba(13,163,255,.35);background:rgba(4,18,29,.72);display:grid;place-items:center;z-index:2;backdrop-filter:blur(8px)}
.challenge-visual-icon img{width:40px;height:40px;object-fit:contain}
.deep-hero + .deep-section .deep-two>div:nth-child(2){padding:12px 0}
.deep-copy{font-size:16px;line-height:1.7;color:#c0d0dc;margin:0 0 22px}
.benefit-grid{gap:14px}
.benefit-card{min-height:118px;padding:18px 18px 18px 16px;display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;border:1px solid rgba(91,166,222,.2);background:linear-gradient(135deg,rgba(8,25,38,.95),rgba(5,15,23,.96));transition:.25s}
.benefit-card:hover{transform:translateY(-2px);border-color:rgba(13,163,255,.48);box-shadow:0 14px 32px rgba(0,0,0,.22)}
.context-badge{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;color:#10a9ff;background:linear-gradient(145deg,rgba(9,38,61,.95),rgba(5,19,30,.95));border:1px solid rgba(14,163,255,.22)}
.benefit-body{display:flex;flex-direction:column;gap:6px}
.benefit-card span{font-size:13px;font-weight:760;color:#f2f7fb}
.benefit-card small{font-size:10px;color:#7993a6}

/* Qué abarca */
.capability-chips{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:-8px 0 28px}
.capability-chips span{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;border:1px solid rgba(95,157,205,.17);background:rgba(5,16,25,.72);font-size:10px;color:#91a8b9}
.capability-chips span.active{color:#11a8ff;border-color:rgba(13,163,255,.42);background:rgba(7,45,71,.42)}
.capability-chips svg{width:16px;height:16px}
.feature-grid{grid-template-columns:repeat(4,1fr);gap:13px}
.feature-card{min-height:185px;padding:20px 20px 18px;border-radius:14px;border:1px solid rgba(94,158,206,.17);background:linear-gradient(145deg,#081721,#050e15);transition:.25s}
.feature-card:hover{transform:translateY(-3px);border-color:rgba(13,163,255,.42);box-shadow:0 16px 34px rgba(0,0,0,.2)}
.feature-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,#0b94ff,transparent 70%);opacity:.7}
.feature-card .num{display:block;font-size:10px;color:#0da6ff;font-weight:850;margin-bottom:8px}
.feature-icon{position:absolute;right:18px;top:20px;width:46px;height:46px;border-radius:13px;border:1px solid rgba(110,167,210,.14);background:rgba(255,255,255,.025);display:grid;place-items:center;color:#75aaff}
.feature-card h3{font-size:15px;line-height:1.2;margin:14px 58px 7px 0}
.feature-card p{font-size:10.5px;line-height:1.58;color:#91a7b7;margin:0;padding-right:24px}
.feature-arrow{position:absolute;right:17px;bottom:14px;color:#0da6ff;font-size:18px}

/* Flujo */
.flow-grid{gap:13px}
.flow-step{min-height:150px;padding:18px 16px;border-radius:14px;background:linear-gradient(145deg,#07151f,#050d14)}
.flow-step:before{position:absolute;right:14px;top:13px;margin:0;background:rgba(5,21,34,.8)}
.flow-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#0da6ff;background:rgba(7,40,63,.38);border:1px solid rgba(13,163,255,.2);margin-bottom:14px}
.flow-step p{font-size:11px;line-height:1.55;color:#b0c1cd}

/* Casos de uso y relacionados */
.case-chip{padding:10px 14px;background:linear-gradient(145deg,rgba(7,38,61,.44),rgba(5,19,30,.66));border-color:rgba(12,158,255,.24)}
.related-card{min-height:112px;padding:18px 16px 16px 64px}
.related-icon{position:absolute;left:16px;top:18px;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:#0da6ff;border:1px solid rgba(13,163,255,.22);background:rgba(7,39,62,.38)}
.related-icon svg{width:18px;height:18px}
.related-card small{margin-bottom:5px}
.related-card b{display:block;font-size:14px}
.related-card em{display:block;margin-top:9px;color:#0da6ff;font-size:9px;font-style:normal}

@media(max-width:1100px){
  .feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .deep-hero + .deep-section .deep-two>div:first-child{min-height:260px}
  .benefit-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:580px){
  .benefit-grid,.feature-grid{grid-template-columns:1fr}
  .benefit-card{min-height:auto}
  .capability-chips{justify-content:flex-start}
}


/* =========================================================
   SEGUNDA PASADA PREMIUM GLOBAL — NEXGUARD
   Unifica jerarquía, ritmo, imágenes, iconografía y CTAs
   ========================================================= */
:root{
  --bg:#02070c;--bg-soft:#030a11;--panel:#07131d;--panel-hi:#0a1b28;
  --blue:#0b98ff;--cyan:#1fc4ff;--violet:#786cff;--text:#f5f8fb;
  --muted:#9db2c1;--line:rgba(98,167,219,.20);--line-hi:rgba(34,169,255,.48);
  --shadow:0 24px 60px rgba(0,0,0,.30);--shadow-soft:0 14px 36px rgba(0,0,0,.22);
  --container:1360px;--radius:18px;
}
body{background:radial-gradient(900px 620px at 80% -10%,rgba(0,118,255,.07),transparent 70%),linear-gradient(180deg,#02070c,#030a11 48%,#02070c);font-feature-settings:"kern" 1,"liga" 1}
.container{width:min(var(--container),calc(100% - 56px))}
.topbar{height:76px;background:rgba(2,7,12,.86);border-bottom:1px solid rgba(122,184,231,.10);box-shadow:0 8px 32px rgba(0,0,0,.15)}
.navbar{height:76px;grid-template-columns:210px 1fr auto}.brand img{width:176px}.navbar nav{gap:34px}.navbar nav a{font-size:12.5px;color:#c8d6e0;position:relative;padding:28px 0}.navbar nav a:after{content:"";position:absolute;left:50%;right:50%;bottom:18px;height:2px;background:linear-gradient(90deg,var(--blue),var(--cyan));transition:.25s}.navbar nav a:hover:after{left:0;right:0}.navbar nav a:hover{color:#fff}
.btn{min-height:46px;border-radius:10px;padding:0 20px;letter-spacing:-.01em}.btn-primary{background:linear-gradient(100deg,#0795ff,#147df5 66%,#2369e9);box-shadow:0 12px 34px rgba(0,129,255,.20),inset 0 1px rgba(255,255,255,.13)}.btn-primary:hover{box-shadow:0 18px 44px rgba(0,129,255,.28)}.btn-secondary{border-color:rgba(127,181,222,.22);background:rgba(5,15,24,.70);backdrop-filter:blur(10px)}
.section{padding:92px 0}.section-heading{max-width:880px;margin-bottom:44px}.section-heading>span,.deep-label,.deep-kicker{color:#5ebdff;letter-spacing:.19em}.section-heading h2{font-size:42px;line-height:1.04;margin:10px 0 12px}.section-heading h2 strong,.deep-section h2 strong{background:linear-gradient(90deg,#0b98ff,#167cff);-webkit-background-clip:text;background-clip:text;color:transparent}.section-heading p{max-width:720px;margin:0 auto;font-size:14px;line-height:1.7;color:#94aaba}
.section-heading:after{content:"";display:block;width:62px;height:2px;margin:22px auto 0;background:linear-gradient(90deg,var(--blue),transparent)}

/* Home: cards as a unified premium system */
.sector-grid{gap:18px}.sector-card{min-height:248px;border-radius:16px;border-color:rgba(96,165,216,.23);box-shadow:var(--shadow-soft)}.sector-card img{filter:saturate(.96) brightness(.92) contrast(1.03)}.sector-card:hover img{filter:saturate(1.06) brightness(1.00) contrast(1.03)}.sector-overlay{background:linear-gradient(90deg,rgba(2,8,13,.95) 0%,rgba(2,8,13,.77) 44%,rgba(2,8,13,.22) 79%),linear-gradient(0deg,rgba(2,8,13,.68),transparent 46%)}.sector-content{padding:26px;max-width:70%}.sector-icon,.module-icon,.app-icon{border-radius:13px;box-shadow:0 8px 24px rgba(0,121,255,.12),inset 0 1px rgba(255,255,255,.05)}.sector-card h3{font-size:21px;margin-top:18px}.sector-card p{font-size:12.5px;line-height:1.55}.card-more{right:18px;bottom:18px;height:36px;padding:0 14px;border-color:rgba(141,192,230,.30);backdrop-filter:blur(8px)}
.module-grid{gap:15px}.module-card.visual-card,.app-card.visual-card{border-radius:15px!important;border-color:rgba(91,160,214,.25)!important;box-shadow:var(--shadow-soft);transition:transform .28s,border-color .28s,box-shadow .28s}.module-card.visual-card:hover,.app-card.visual-card:hover{transform:translateY(-6px)!important;border-color:rgba(19,164,255,.55)!important;box-shadow:0 24px 52px rgba(0,0,0,.28),0 0 0 1px rgba(13,155,255,.05)}.module-card.visual-card .module-media,.app-card.visual-card .app-media{height:176px;flex-basis:176px}.module-card.visual-card .module-content,.app-card.visual-card .app-content{padding:18px 19px 19px!important;background:linear-gradient(180deg,#07141e,#050d14)!important}.module-card.visual-card h3,.app-card.visual-card h3{font-size:17.5px!important}.module-card.visual-card p,.app-card.visual-card p{font-size:11.5px!important;color:#9eb2c0!important}.mini-more,.app-more{font-size:10.5px!important;letter-spacing:.01em}.module-card.visual-card .module-icon,.app-card.visual-card .app-icon{width:48px!important;height:48px!important;border-radius:13px!important}

/* Category landing pages */
.category-hero{padding:74px 0 58px;min-height:300px;display:flex;align-items:center;border-bottom-color:rgba(108,171,219,.10)}.category-hero .container{position:relative;z-index:2}.category-hero h1{font-size:58px;line-height:.98}.category-hero p{font-size:15px;line-height:1.7;color:#a5b7c5}.category-grid{gap:18px;padding:66px 0 86px}.category-item{border-radius:16px;box-shadow:var(--shadow-soft)}.category-kicker{display:block;color:#4db6ff;font-size:9px;font-weight:800;letter-spacing:.16em;margin-bottom:8px}.module-category-card .category-media,.app-category-card .category-media{height:196px;flex-basis:196px}.module-category-card .category-content,.app-category-card .category-content{padding:20px!important}.category-item h2{font-size:20px!important}.category-item p{font-size:12px!important;line-height:1.6;color:#99adbb!important}

/* Deep pages: hero */
.deep-hero{padding:66px 0 58px;background:radial-gradient(900px 480px at 78% 24%,rgba(0,145,255,.14),transparent 66%),radial-gradient(520px 320px at 12% 28%,rgba(30,85,170,.06),transparent 68%)}.breadcrumb{margin-bottom:36px;font-size:10px;letter-spacing:.02em}.deep-hero-grid{grid-template-columns:.86fr 1.14fr;gap:64px}.deep-hero h1{font-size:64px;line-height:.96;margin:14px 0 16px}.deep-claim{font-size:24px;max-width:720px}.deep-summary{font-size:14px;line-height:1.75;max-width:680px}.deep-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.deep-meta span{padding:8px 11px;border-radius:999px;border:1px solid rgba(84,160,218,.18);background:rgba(7,28,44,.38);color:#91aabd;font-size:9.5px}.deep-actions{margin-top:24px}.deep-visual.has-photo{min-height:438px!important;border-radius:24px!important;border-color:rgba(75,169,232,.30)!important;box-shadow:0 30px 80px rgba(0,0,0,.34)}.deep-visual.has-photo:after{background:linear-gradient(0deg,rgba(2,7,12,.68) 0%,rgba(2,7,12,.08) 34%,rgba(2,7,12,0) 70%)!important}.deep-visual.has-photo .visual-icon{right:22px!important;top:22px!important;width:78px!important;height:78px!important;border-radius:20px!important}.visual-mini{gap:10px}.deep-visual.has-photo .visual-mini span{padding:11px 12px!important;border-color:rgba(129,184,225,.16)!important}

/* Challenge panel inspired by the premium reference */
.deep-section{padding:78px 0}.deep-hero + .deep-section{padding:72px 0}.deep-hero + .deep-section .deep-two{grid-template-columns:.92fr 1.08fr;gap:30px;padding:18px;border:1px solid rgba(78,153,208,.12);border-radius:22px;background:linear-gradient(145deg,rgba(5,17,27,.72),rgba(3,10,16,.78));box-shadow:var(--shadow-soft)}.deep-hero + .deep-section .deep-two>div:first-child{min-height:360px;border-radius:17px;padding:34px!important}.deep-hero + .deep-section .deep-two>div:first-child h2{font-size:43px;max-width:410px}.challenge-visual{opacity:.56!important}.challenge-visual-shade{background:linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.89) 38%,rgba(2,7,12,.20) 100%),linear-gradient(0deg,#02070c 0%,transparent 58%)}.challenge-visual-icon{right:26px;top:26px;width:68px;height:68px}.deep-hero + .deep-section .deep-two>div:nth-child(2){padding:18px 4px 4px}.deep-copy{font-size:15px;line-height:1.78;margin:0 0 20px}.benefit-grid{gap:13px}.benefit-card{min-height:128px;border-radius:14px;padding:18px;grid-template-columns:50px 1fr;background:linear-gradient(145deg,#091a27,#06121b)}.context-badge{width:46px;height:46px}.benefit-card span{font-size:13px}.benefit-card small{font-size:10.5px;line-height:1.45;color:#7f99ab}

/* Capability section */
.deep-section.alt{background:radial-gradient(760px 360px at 50% 0%,rgba(0,118,255,.045),transparent 70%),#030a11}.section-heading{position:relative}.deep-section .section-heading{margin-bottom:36px}.deep-section .section-heading h2{font-size:42px}.capability-chips{margin:-2px 0 32px}.capability-chips span{padding:10px 15px;font-size:10px;background:#06131d}.feature-grid{gap:14px}.feature-card{min-height:196px;border-radius:15px;padding:22px;background:linear-gradient(145deg,#091823,#050d14);box-shadow:0 12px 28px rgba(0,0,0,.14)}.feature-card .num{font-size:10px;letter-spacing:.05em}.feature-icon{width:50px;height:50px;border-radius:14px;background:linear-gradient(145deg,rgba(15,50,78,.74),rgba(5,19,31,.90));color:#62a9ff}.feature-card h3{font-size:16px;margin-top:17px}.feature-card p{font-size:10.7px;line-height:1.6}.feature-card:after{height:2px;background:linear-gradient(90deg,#0b98ff,#7768ff 52%,transparent 92%)}

/* Flow with visual continuity */
.flow-grid{position:relative;gap:12px}.flow-grid:before{content:"";position:absolute;left:7%;right:7%;top:39px;height:1px;background:linear-gradient(90deg,transparent,rgba(13,163,255,.24) 15%,rgba(13,163,255,.24) 85%,transparent);z-index:0}.flow-step{z-index:1;min-height:158px;border-radius:14px;background:linear-gradient(145deg,#081721,#050e15)}.flow-icon{background:#061a28}.flow-step p{font-size:11px;line-height:1.62}.flow-step:before{border-color:rgba(13,163,255,.32);background:#071825}

/* Cases, related and CTA */
.case-row{gap:10px}.case-chip{padding:10px 14px;border-color:rgba(12,158,255,.26);background:rgba(7,35,55,.42)}.related-grid{gap:14px}.related-card{border-radius:14px;background:linear-gradient(145deg,#081721,#050e15);border-color:rgba(91,159,210,.18)}.related-card:hover{border-color:rgba(13,163,255,.45);box-shadow:var(--shadow-soft)}.deep-cta{padding:62px 0 82px}.deep-cta-box{padding:34px 38px;border-radius:20px;background:linear-gradient(105deg,#061d36,#0753ad 45%,#5946d8 78%,#8d34c5);box-shadow:0 26px 70px rgba(0,35,100,.25)}.deep-cta-box h2{font-size:31px}.deep-cta-box p{font-size:12.5px}

/* Integrations, CTA and contact */
.integration-layout{gap:70px}.integration-copy h2{font-size:44px}.integration-cards{gap:12px}.integration-cards article{border-radius:13px;min-height:108px;background:linear-gradient(145deg,#081721,#050e15);transition:.25s}.integration-cards article:hover{transform:translateY(-3px);border-color:rgba(13,163,255,.38)}.cta-box{min-height:132px;border-radius:18px;box-shadow:0 28px 70px rgba(27,55,160,.22)}.contact-layout{gap:76px}.contact-copy h2{font-size:46px}.contact-form{padding:28px;border-radius:17px;background:linear-gradient(145deg,#081620,#050d14);box-shadow:var(--shadow-soft)}.contact-form input,.contact-form select,.contact-form textarea{border-radius:10px;background:#02090f;padding:13px 14px}

@media(max-width:1100px){
  .container{width:min(var(--container),calc(100% - 40px))}.navbar{grid-template-columns:180px 1fr auto}.navbar nav{gap:20px}.navbar nav a{font-size:11.5px}
  .module-grid{grid-template-columns:repeat(3,1fr)!important}.app-grid{grid-template-columns:repeat(2,1fr)!important}.deep-hero-grid{grid-template-columns:1fr .9fr}.deep-hero h1{font-size:56px}.feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .section{padding:70px 0}.deep-hero-grid,.deep-hero + .deep-section .deep-two{grid-template-columns:1fr}.deep-hero h1{font-size:50px}.deep-visual.has-photo{min-height:380px!important}.deep-hero + .deep-section .deep-two>div:first-child{min-height:300px}.flow-grid:before{display:none}.category-hero h1{font-size:48px}
}
@media(max-width:580px){
  .container{width:calc(100% - 28px)}.section-heading h2,.deep-section .section-heading h2{font-size:34px}.sector-content{max-width:78%}.module-grid,.app-grid{grid-template-columns:1fr!important}.module-card.visual-card .module-media,.app-card.visual-card .app-media{height:210px;flex-basis:210px}.deep-hero{padding-top:44px}.deep-hero h1{font-size:44px}.deep-claim{font-size:20px}.deep-meta{gap:6px}.deep-visual.has-photo{min-height:330px!important}.deep-hero + .deep-section .deep-two{padding:10px}.deep-hero + .deep-section .deep-two>div:first-child{min-height:280px;padding:24px!important}.deep-hero + .deep-section .deep-two>div:first-child h2{font-size:35px}.benefit-grid,.feature-grid{grid-template-columns:1fr}.category-hero h1{font-size:40px}
}

/* =========================================================
   PASS 3 — CAPACIDADES + CÓMO FUNCIONA / PREMIUM GLOBAL
   ========================================================= */

/* ---------- CAPACIDADES / QUÉ ABARCA ---------- */
.capabilities-premium{
  position:relative;
  overflow:hidden;
  padding-top:72px;
  padding-bottom:78px;
  background:
    radial-gradient(820px 400px at 50% 0%,rgba(0,136,255,.065),transparent 70%),
    #030a11!important;
}
.capabilities-premium .section-heading{
  max-width:820px;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center;
  margin-bottom:30px!important;
}
.capabilities-premium .section-heading>span{
  color:#5f9eca;
  letter-spacing:.18em;
  font-size:10px;
  font-weight:850;
}
.capabilities-premium .section-heading h2{
  margin:8px 0 8px;
  font-size:44px!important;
}
.capabilities-premium .section-heading p{
  max-width:720px;
  margin:0 auto;
  color:#94aabb;
}
.capability-overview{
  --context-image:none;
  position:relative;
  min-height:192px;
  margin:0 0 22px;
  display:grid;
  grid-template-columns:1.15fr .85fr;
  border:1px solid rgba(79,163,224,.20);
  border-radius:18px;
  overflow:hidden;
  background:linear-gradient(135deg,#071722,#040c13);
  box-shadow:0 20px 55px rgba(0,0,0,.18);
}
.capability-overview-copy{
  position:relative;
  z-index:3;
  padding:28px 30px 26px;
  align-self:center;
}
.overview-kicker{
  color:#0da6ff;
  font-size:9px;
  letter-spacing:.18em;
  font-weight:850;
}
.capability-overview h3{
  font-size:25px;
  line-height:1.1;
  margin:8px 0 9px;
  letter-spacing:-.02em;
}
.capability-overview h3 strong{color:#0b94ff}
.capability-overview p{
  max-width:640px;
  margin:0;
  color:#9eb3c2;
  font-size:12px;
  line-height:1.65;
}
.capability-stats{
  display:flex;
  gap:9px;
  flex-wrap:wrap;
  margin-top:18px;
}
.capability-stats span{
  display:flex;
  align-items:baseline;
  gap:5px;
  padding:8px 11px;
  border:1px solid rgba(92,158,207,.16);
  border-radius:9px;
  background:rgba(4,14,22,.64);
  color:#8fa7b8;
  font-size:9px;
}
.capability-stats b{color:#f2f8fc;font-size:11px}
.capability-overview-media{
  position:relative;
  min-height:192px;
  background-image:
    linear-gradient(90deg,#071722 0%,rgba(7,23,34,.52) 28%,rgba(2,8,13,.13) 100%),
    var(--context-image);
  background-size:cover;
  background-position:center;
}
.capability-overview-media:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(2,8,13,.52),transparent 48%);
}
.capability-media-glow{
  position:absolute;
  width:210px;
  height:210px;
  right:10%;
  top:50%;
  transform:translateY(-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(14,160,255,.22),transparent 68%);
  z-index:1;
}
.capability-media-icon{
  position:absolute;
  z-index:3;
  right:30px;
  top:26px;
  width:62px;
  height:62px;
  border-radius:17px;
  display:grid;
  place-items:center;
  color:#0da6ff;
  border:1px solid rgba(13,163,255,.42);
  background:rgba(4,21,34,.76);
  backdrop-filter:blur(7px);
  box-shadow:0 12px 32px rgba(0,0,0,.25);
}
.capability-media-icon img{width:34px;height:34px;object-fit:contain}
.capability-media-icon svg{width:30px;height:30px}
.capabilities-premium .capability-chips{
  margin:0 0 25px;
  justify-content:center;
}
.capabilities-premium .capability-chips span{
  min-height:36px;
  padding:9px 14px;
  border-color:rgba(92,158,207,.20);
  background:rgba(5,17,27,.82);
}
.capabilities-premium .capability-chips span.active{
  box-shadow:0 0 0 1px rgba(12,158,255,.08),0 9px 24px rgba(0,101,180,.08);
}
.capabilities-premium .feature-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:13px;
}
.capabilities-premium .feature-card{
  min-height:205px;
  padding:20px 20px 18px;
  border-radius:15px;
  background:
    radial-gradient(150px 90px at 100% 0%,rgba(26,123,204,.075),transparent 72%),
    linear-gradient(145deg,#091823,#050d14);
  border:1px solid rgba(91,157,207,.19);
  box-shadow:0 12px 30px rgba(0,0,0,.12);
}
.capabilities-premium .feature-card:hover{
  transform:translateY(-4px);
  border-color:rgba(13,163,255,.48);
  box-shadow:0 18px 40px rgba(0,0,0,.22);
}
.feature-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:20px;
}
.capabilities-premium .feature-card .num{
  margin:0;
  font-size:10px;
  color:#0ca6ff;
}
.feature-tag{
  max-width:130px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(90,154,203,.14);
  background:rgba(255,255,255,.018);
  color:#708da3;
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.capabilities-premium .feature-icon{
  position:static;
  width:50px;
  height:50px;
  margin-top:16px;
  border-radius:14px;
  background:linear-gradient(145deg,rgba(15,52,81,.72),rgba(5,18,29,.9));
  color:#71a9ff;
  border-color:rgba(77,155,215,.18);
  box-shadow:inset 0 0 20px rgba(0,109,194,.04);
}
.capabilities-premium .feature-icon svg{width:24px;height:24px}
.capabilities-premium .feature-card h3{
  margin:14px 0 7px;
  font-size:16px;
  padding:0;
  max-width:88%;
}
.capabilities-premium .feature-card p{
  padding:0 18px 0 0;
  color:#91a8b8;
  font-size:10.5px;
  line-height:1.58;
}
.capabilities-premium .feature-arrow{
  right:17px;
  bottom:14px;
  font-size:17px;
}

/* ---------- CÓMO FUNCIONA ---------- */
.flow-premium{
  position:relative;
  overflow:hidden;
  padding-top:72px;
  padding-bottom:80px;
  background:
    radial-gradient(720px 340px at 50% 8%,rgba(0,124,232,.055),transparent 72%),
    #02070c;
}
.flow-premium .section-heading{
  max-width:760px;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center;
  margin-bottom:27px!important;
}
.flow-premium .section-heading h2{font-size:43px!important}
.flow-lead{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) auto;
  gap:17px;
  align-items:center;
  margin:0 0 30px;
  padding:18px 20px;
  border:1px solid rgba(83,156,210,.18);
  border-radius:15px;
  background:linear-gradient(90deg,rgba(7,24,36,.94),rgba(5,15,23,.82));
}
.flow-lead-icon{
  width:52px;
  height:52px;
  border-radius:14px;
  display:grid;
  place-items:center;
  border:1px solid rgba(13,163,255,.30);
  background:rgba(7,41,64,.45);
  color:#0da6ff;
}
.flow-lead-icon img{width:30px;height:30px;object-fit:contain}
.flow-lead-icon svg{width:26px;height:26px}
.flow-lead>div:nth-child(2)>span{
  color:#0da6ff;
  font-size:8px;
  letter-spacing:.16em;
  font-weight:850;
}
.flow-lead h3{
  margin:4px 0 3px;
  font-size:18px;
  line-height:1.15;
}
.flow-lead h3 strong{color:#0b94ff}
.flow-lead p{
  margin:0;
  color:#8ea6b7;
  font-size:10.5px;
  line-height:1.5;
}
.flow-lead-badges{
  display:flex;
  align-items:center;
  gap:7px;
  white-space:nowrap;
}
.flow-lead-badges span{
  padding:6px 8px;
  border:1px solid rgba(92,158,207,.15);
  border-radius:999px;
  color:#849dae;
  font-size:8px;
  background:rgba(3,12,19,.65);
}
.flow-lead-badges i{font-style:normal;color:#0ca6ff;font-size:12px}
.flow-premium .flow-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:12px;
  counter-reset:none;
}
.flow-premium .flow-grid:before{
  top:43px;
  left:5%;
  right:5%;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(13,163,255,.29) 8%,rgba(13,163,255,.29) 92%,transparent);
}
.premium-flow-step{
  min-height:205px!important;
  padding:18px 16px 17px!important;
  border-radius:15px!important;
  background:
    radial-gradient(120px 78px at 50% 0%,rgba(15,126,211,.085),transparent 70%),
    linear-gradient(145deg,#081721,#050d14)!important;
  border:1px solid rgba(91,157,207,.18)!important;
  transition:.25s;
}
.premium-flow-step:hover{
  transform:translateY(-4px);
  border-color:rgba(13,163,255,.44)!important;
  box-shadow:0 16px 38px rgba(0,0,0,.19);
}
.premium-flow-step:before{display:none!important}
.flow-step-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.flow-number{
  color:#0da6ff;
  font-size:9px;
  font-weight:850;
}
.flow-stage{
  padding:5px 8px;
  border-radius:999px;
  color:#708ca1;
  background:rgba(255,255,255,.018);
  border:1px solid rgba(92,158,207,.12);
  font-size:8px;
  text-transform:uppercase;
  letter-spacing:.06em;
}
.flow-premium .flow-icon{
  width:48px;
  height:48px;
  margin:18px 0 13px;
  border-radius:14px;
  color:#0da6ff;
  border:1px solid rgba(13,163,255,.24);
  background:linear-gradient(145deg,rgba(7,43,68,.55),rgba(5,17,27,.80));
  position:relative;
  z-index:2;
}
.flow-premium .flow-icon svg{width:23px;height:23px}
.premium-flow-step h3{
  margin:0 0 7px;
  font-size:14px;
  color:#edf5fa;
}
.premium-flow-step p{
  margin:0;
  color:#91a8b7;
  font-size:10.5px;
  line-height:1.58;
}
.flow-next{
  position:absolute;
  right:-14px;
  top:36px;
  width:26px;
  height:26px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#0da6ff;
  background:#06131d;
  border:1px solid rgba(13,163,255,.28);
  z-index:5;
  font-size:13px;
}

@media(max-width:1100px){
  .capabilities-premium .feature-grid{grid-template-columns:repeat(2,1fr)}
  .flow-premium .flow-grid{grid-template-columns:repeat(3,1fr)}
  .flow-next{display:none}
  .flow-lead{grid-template-columns:54px 1fr}.flow-lead-badges{grid-column:1/-1;padding-left:70px}
}
@media(max-width:820px){
  .capability-overview{grid-template-columns:1fr}
  .capability-overview-media{min-height:150px;order:-1}
  .capability-overview-media{background-image:linear-gradient(0deg,#071722 0%,rgba(7,23,34,.25) 58%,rgba(2,8,13,.10)),var(--context-image)}
  .capability-overview-copy{padding:24px}
  .flow-premium .flow-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:580px){
  .capabilities-premium,.flow-premium{padding-top:58px;padding-bottom:62px}
  .capabilities-premium .section-heading h2,.flow-premium .section-heading h2{font-size:35px!important}
  .capabilities-premium .feature-grid,.flow-premium .flow-grid{grid-template-columns:1fr}
  .capability-stats{display:grid;grid-template-columns:1fr 1fr}
  .flow-lead{grid-template-columns:46px 1fr;padding:16px}.flow-lead-icon{width:44px;height:44px}.flow-lead-badges{display:none}
  .premium-flow-step{min-height:auto!important}
}


/* =========================================================
   NEXGUARD V4 — CAPACIDADES + CÓMO FUNCIONA GLOBAL
   Capa versionada aplicada a TODAS las fichas internas.
   ========================================================= */

/* CAPACIDADES — encabezado premium uniforme */
.capabilities-premium{
  position:relative;
  padding:76px 0 84px!important;
  background:
    radial-gradient(800px 380px at 50% 0%,rgba(0,142,255,.08),transparent 68%),
    linear-gradient(180deg,#030b12 0%,#02080d 100%)!important;
  overflow:hidden;
}
.capabilities-premium:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;
  background-image:linear-gradient(rgba(40,120,170,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(40,120,170,.05) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,#000,transparent 78%);
}
.capabilities-premium>.container{position:relative;z-index:1}
.capabilities-premium .section-heading{text-align:center;max-width:880px;margin:0 auto 24px!important}
.capabilities-premium .section-heading>span{display:inline-block;color:#139fff;font-size:10px;letter-spacing:.19em;font-weight:900;margin-bottom:8px}
.capabilities-premium .section-heading h2{font-size:46px!important;line-height:1.02!important;letter-spacing:-.042em!important;margin:0 0 11px!important}
.capabilities-premium .section-heading h2 strong{background:linear-gradient(90deg,#159fff,#627dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.capabilities-premium .section-heading p{max-width:720px;margin:0 auto;color:#9fb4c3;font-size:12px;line-height:1.65}

/* Resumen visual contextual de cada ficha */
.capability-overview{
  --context-image:none;
  display:grid!important;grid-template-columns:1.08fr .92fr;min-height:216px;
  max-width:1180px;margin:28px auto 18px;border:1px solid rgba(69,162,228,.22);border-radius:19px;overflow:hidden;
  background:linear-gradient(135deg,#071824,#051019);box-shadow:0 22px 54px rgba(0,0,0,.23)
}
.capability-overview-copy{padding:29px 32px;display:flex;flex-direction:column;justify-content:center}
.overview-kicker{font-size:9px;letter-spacing:.16em;font-weight:900;color:#159fff;margin-bottom:7px}
.capability-overview h3{font-size:26px;line-height:1.12;margin:0 0 9px;letter-spacing:-.026em}.capability-overview h3 strong{color:#159fff}
.capability-overview p{font-size:12px;line-height:1.6;color:#9eb3c2;max-width:600px;margin:0}
.capability-stats{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.capability-stats span{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid rgba(99,169,217,.15);border-radius:9px;background:rgba(2,10,16,.42);font-size:9px;color:#87a1b5}.capability-stats b{font-size:10px;color:#f2f8fc}
.capability-overview-media{position:relative;min-height:216px;background-image:linear-gradient(90deg,#071824 0%,rgba(7,24,36,.18) 42%,rgba(2,8,13,.08)),var(--context-image);background-size:cover;background-position:center;overflow:hidden}
.capability-overview-media:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(2,8,13,.46),transparent 55%)}
.capability-media-glow{position:absolute;inset:auto 10% 12% auto;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(0,157,255,.18),transparent 68%);filter:blur(4px)}
.capability-media-icon{position:absolute;right:24px;top:24px;width:62px;height:62px;border-radius:17px;border:1px solid rgba(17,165,255,.42);background:rgba(4,22,36,.76);backdrop-filter:blur(7px);display:grid;place-items:center;color:#16a5ff;box-shadow:0 12px 28px rgba(0,0,0,.24)}
.capability-media-icon img{width:34px!important;height:34px!important;object-fit:contain!important}.capability-media-icon svg{width:30px;height:30px}

.capabilities-premium .capability-chips{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;max-width:1100px;margin:0 auto 30px!important}
.capabilities-premium .capability-chips span{padding:9px 14px!important;border-radius:999px!important;background:#06131d!important;border:1px solid rgba(96,163,211,.16)!important;color:#91a9bb!important;font-size:9.5px!important;box-shadow:none!important}
.capabilities-premium .capability-chips span.active{color:#16a5ff!important;border-color:rgba(14,164,255,.45)!important;background:rgba(5,40,65,.62)!important}

/* Tarjetas de capacidades: mismo lenguaje en sector/módulo/app/integraciones */
.capabilities-premium .feature-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:13px!important}
.capabilities-premium .feature-card{position:relative!important;min-height:205px!important;padding:19px 20px 18px!important;border-radius:15px!important;background:linear-gradient(145deg,#091924,#050e15)!important;border:1px solid rgba(94,161,209,.19)!important;box-shadow:0 12px 26px rgba(0,0,0,.12)!important;overflow:hidden!important;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important}
.capabilities-premium .feature-card:hover{transform:translateY(-3px)!important;border-color:rgba(14,164,255,.52)!important;box-shadow:0 18px 34px rgba(0,0,0,.24)!important}
.capabilities-premium .feature-card:before{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,#0ca4ff,#687cff 55%,transparent 92%)}
.capabilities-premium .feature-card:after{display:none!important}
.feature-top{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:22px}
.capabilities-premium .feature-card .num{font-size:10px!important;color:#11a7ff!important;font-weight:900!important;letter-spacing:.06em!important;margin:0!important}
.feature-tag{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(7,36,57,.72);border:1px solid rgba(95,160,207,.12);font-size:8px;color:#7997aa;white-space:nowrap}
.capabilities-premium .feature-icon{position:static!important;margin:20px 0 12px!important;width:49px!important;height:49px!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(12,48,75,.82),rgba(5,20,32,.92))!important;border:1px solid rgba(14,164,255,.20)!important;color:#68aaff!important;display:grid!important;place-items:center!important}
.capabilities-premium .feature-icon svg{width:24px!important;height:24px!important}
.capabilities-premium .feature-card h3{font-size:16px!important;line-height:1.2!important;margin:0 36px 8px 0!important;color:#f3f8fb!important}
.capabilities-premium .feature-card p{font-size:10.6px!important;line-height:1.6!important;color:#94aabd!important;margin:0!important;padding:0 18px 0 0!important}
.capabilities-premium .feature-arrow{position:absolute!important;right:17px!important;bottom:15px!important;color:#10a6ff!important;font-size:18px!important}

/* CÓMO FUNCIONA — lectura tipo proceso, no tarjetas aisladas */
.flow-premium{position:relative;padding:76px 0 86px!important;background:linear-gradient(180deg,#02070c,#030b12)!important;overflow:hidden}
.flow-premium:before{content:"";position:absolute;width:700px;height:340px;left:50%;top:0;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(0,145,255,.07),transparent 70%);pointer-events:none}
.flow-premium>.container{position:relative;z-index:1}
.flow-premium .section-heading{text-align:center;max-width:800px;margin:0 auto 22px!important}
.flow-premium .section-heading>span{color:#139fff;font-size:10px;letter-spacing:.19em;font-weight:900}.flow-premium .section-heading h2{font-size:46px!important;margin:8px 0 0!important;letter-spacing:-.04em!important}.flow-premium .section-heading h2 strong{background:linear-gradient(90deg,#159fff,#627dff);-webkit-background-clip:text;background-clip:text;color:transparent}
.flow-lead{display:grid!important;grid-template-columns:58px 1fr auto!important;gap:17px!important;align-items:center!important;max-width:1180px;margin:27px auto 34px!important;padding:18px 20px!important;border:1px solid rgba(75,157,215,.18)!important;border-radius:16px!important;background:linear-gradient(135deg,#071722,#050f17)!important}
.flow-lead-icon{width:54px!important;height:54px!important;border-radius:15px!important;display:grid!important;place-items:center!important;background:rgba(7,42,66,.55)!important;border:1px solid rgba(14,164,255,.24)!important;color:#12a6ff!important}.flow-lead-icon img{width:30px!important;height:30px!important;object-fit:contain!important}
.flow-lead>div:nth-child(2)>span{font-size:8.5px!important;letter-spacing:.14em!important;color:#6d8da4!important;font-weight:800!important}.flow-lead h3{font-size:20px!important;margin:3px 0 4px!important}.flow-lead h3 strong{color:#14a5ff!important}.flow-lead p{font-size:10.5px!important;line-height:1.55!important;color:#8fa7b8!important;margin:0!important;max-width:650px}
.flow-lead-badges{display:flex!important;align-items:center!important;gap:7px!important}.flow-lead-badges span{padding:7px 9px!important;border-radius:8px!important;border:1px solid rgba(94,158,207,.14)!important;background:rgba(3,12,19,.48)!important;color:#809bad!important;font-size:8.5px!important}.flow-lead-badges i{font-style:normal!important;color:#0ca6ff!important;font-size:12px!important}
.flow-premium .flow-grid{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:12px!important;position:relative!important;max-width:1180px;margin:0 auto!important}
.flow-premium .flow-grid:before{content:""!important;position:absolute!important;left:8%!important;right:8%!important;top:63px!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(15,164,255,.34) 10%,rgba(15,164,255,.34) 90%,transparent)!important;z-index:0!important}
.premium-flow-step{position:relative!important;z-index:1!important;min-height:210px!important;padding:17px 16px 18px!important;border-radius:15px!important;border:1px solid rgba(94,159,207,.18)!important;background:linear-gradient(145deg,#081721,#050d14)!important;overflow:visible!important;transition:.22s!important}
.premium-flow-step:hover{transform:translateY(-3px)!important;border-color:rgba(14,164,255,.48)!important}
.premium-flow-step:before{display:none!important}.flow-step-head{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.flow-number{font-size:9px!important;color:#13a7ff!important;font-weight:900!important}.flow-stage{font-size:8px!important;padding:5px 7px!important;border-radius:999px!important;color:#7898ad!important;background:rgba(6,33,52,.62)!important;border:1px solid rgba(88,153,202,.12)!important}
.flow-premium .flow-icon{position:relative!important;margin:21px auto 17px!important;width:58px!important;height:58px!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(10,48,77,.82),rgba(4,19,31,.94))!important;border:1px solid rgba(13,164,255,.28)!important;color:#12a7ff!important;display:grid!important;place-items:center!important;box-shadow:0 0 0 8px #06121b,0 0 28px rgba(0,137,255,.10)!important}.flow-premium .flow-icon svg{width:25px!important;height:25px!important}.premium-flow-step h3{font-size:14px!important;line-height:1.25!important;margin:0 0 7px!important;text-align:center!important;color:#f3f8fb!important}.premium-flow-step p{font-size:10px!important;line-height:1.58!important;text-align:center!important;color:#91a7b8!important;margin:0!important}.flow-next{position:absolute!important;right:-12px!important;top:57px!important;z-index:5!important;width:23px!important;height:23px!important;border-radius:50%!important;background:#071a28!important;border:1px solid rgba(14,164,255,.34)!important;color:#13a7ff!important;display:grid!important;place-items:center!important;font-size:12px!important}

/* Pantallas medianas y móvil */
@media(max-width:1100px){.capabilities-premium .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.flow-premium .flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.flow-premium .flow-grid:before,.flow-next{display:none!important}.flow-lead{grid-template-columns:54px 1fr!important}.flow-lead-badges{grid-column:1/-1!important;padding-left:70px!important}.capability-overview{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.capability-overview{grid-template-columns:1fr!important}.capability-overview-media{order:-1;min-height:170px}.flow-premium .flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.capabilities-premium .section-heading h2,.flow-premium .section-heading h2{font-size:39px!important}}
@media(max-width:580px){.capabilities-premium,.flow-premium{padding:58px 0 64px!important}.capabilities-premium .feature-grid,.flow-premium .flow-grid{grid-template-columns:1fr!important}.capability-overview-copy{padding:22px!important}.capability-stats{display:grid!important;grid-template-columns:1fr 1fr!important}.flow-lead{grid-template-columns:46px 1fr!important;padding:15px!important}.flow-lead-icon{width:44px!important;height:44px!important}.flow-lead-badges{display:none!important}.premium-flow-step{min-height:auto!important}.capabilities-premium .section-heading h2,.flow-premium .section-heading h2{font-size:34px!important}}


/* =========================================================
   FLOW GLOBAL CLEAN — sin numeración / más ordenado
   ========================================================= */
.flow-premium .section-heading{max-width:780px;margin-left:auto!important;margin-right:auto!important;text-align:center;margin-bottom:24px!important}
.flow-premium .section-heading p{max-width:680px;margin:10px auto 0;color:#90a5b5}
.flow-lead{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:17px;align-items:center;margin:0 0 28px;padding:18px 20px;border:1px solid rgba(83,156,210,.18);border-radius:16px;background:linear-gradient(90deg,rgba(8,24,36,.94),rgba(5,15,23,.84));box-shadow:0 12px 28px rgba(0,0,0,.16)}
.flow-lead-badges span{padding:7px 10px;border:1px solid rgba(92,158,207,.14);border-radius:999px;color:#8ea6b7;font-size:8px;background:rgba(3,12,19,.72)}
.flow-premium .flow-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:16px!important;position:relative!important;counter-reset:none!important;max-width:1280px;margin:0 auto!important}
.flow-premium .flow-grid:before{content:""!important;position:absolute!important;left:7%!important;right:7%!important;top:71px!important;height:1px!important;background:linear-gradient(90deg,transparent,rgba(15,164,255,.24) 10%,rgba(15,164,255,.24) 90%,transparent)!important;z-index:0!important}
.premium-flow-step{position:relative;z-index:1;min-height:220px!important;padding:22px 18px 18px!important;border-radius:18px!important;border:1px solid rgba(91,157,207,.18)!important;background:linear-gradient(180deg,rgba(7,23,34,.98) 0%,rgba(5,13,20,.98) 100%)!important;box-shadow:0 14px 32px rgba(0,0,0,.17);overflow:visible}
.premium-flow-step:before{display:none!important}
.premium-flow-step:after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(12,160,255,.0),rgba(12,160,255,.48),rgba(12,160,255,.0));opacity:.55}
.premium-flow-step:hover{transform:translateY(-5px);border-color:rgba(13,163,255,.42)!important;box-shadow:0 20px 42px rgba(0,0,0,.24),0 0 0 1px rgba(15,164,255,.04)}
.flow-step-head{display:flex;justify-content:flex-end;align-items:center;min-height:20px;margin-bottom:10px}
.flow-number{display:none!important}
.flow-stage{display:inline-flex;align-items:center;height:28px;padding:0 11px;border-radius:999px;border:1px solid rgba(92,158,207,.14);background:rgba(255,255,255,.025);font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#8ea6b7}
.flow-premium .flow-icon{width:54px;height:54px;margin:0 0 18px;border-radius:16px;color:#0da6ff;border:1px solid rgba(13,163,255,.28);background:linear-gradient(145deg,rgba(7,43,68,.64),rgba(5,17,27,.88));box-shadow:0 0 0 1px rgba(255,255,255,.02),0 10px 26px rgba(0,132,255,.10), inset 0 1px rgba(255,255,255,.05)}
.flow-premium .flow-icon svg{width:24px;height:24px;filter:drop-shadow(0 0 10px rgba(10,152,255,.16))}
.premium-flow-step h3{margin:0 0 10px;font-size:20px;line-height:1.15;color:#f2f7fb;letter-spacing:-.02em;max-width:90%}
.premium-flow-step p{margin:0;max-width:92%;color:#a6bac8;font-size:12px;line-height:1.66}
.flow-next{position:absolute;right:-18px;top:86px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#0da6ff;background:#05131d;border:1px solid rgba(13,163,255,.28);z-index:6;font-size:16px;box-shadow:0 8px 18px rgba(0,0,0,.18)}
@media(max-width:1240px){.flow-premium .flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}.flow-premium .flow-grid:before,.flow-next{display:none!important}}
@media(max-width:820px){.flow-lead{grid-template-columns:54px 1fr;gap:14px}.flow-lead-badges{grid-column:1/-1;justify-content:flex-start;flex-wrap:wrap}.flow-premium .flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.premium-flow-step h3{font-size:18px}}
@media(max-width:580px){.flow-premium .flow-grid{grid-template-columns:1fr!important}.premium-flow-step{min-height:auto!important;padding:20px 16px!important}.premium-flow-step p{max-width:100%}}


/* GLOBAL SIN NUMERACION */
.num,.flow-number{display:none!important}
.feature-top{justify-content:flex-end!important}
.feature-top .feature-tag{margin-left:auto!important}
.flow-step-head{justify-content:flex-end!important}


/* OVERRIDE GLOBAL FINAL — sin numeración en ningún bloque */
.num,
.flow-number,
.feature-top .num,
.capabilities-premium .feature-card .num,
.flow-step-head .flow-number{display:none!important;visibility:hidden!important;width:0!important;height:0!important;opacity:0!important;overflow:hidden!important;margin:0!important;padding:0!important}
.feature-top{justify-content:flex-end!important}
.feature-top .feature-tag{margin-left:auto!important}
.flow-step-head{justify-content:flex-end!important}


/* =========================================================
   PASADA PREMIUM GLOBAL — QUE ABARCA + COMO FUNCIONA
   ========================================================= */
.capabilities-premium,
.flow-premium{position:relative;isolation:isolate}
.capabilities-premium:before,
.flow-premium:before{pointer-events:none}

.capabilities-premium .section-heading,
.flow-premium .section-heading{position:relative;z-index:2}
.capabilities-premium .section-heading h2,
.flow-premium .section-heading h2{letter-spacing:-.045em!important}
.capabilities-premium .section-heading p,
.flow-premium .section-heading p{font-size:13px!important;line-height:1.7!important;color:#9fb2c1!important}

.capabilities-premium .capability-chips,
.flow-premium .flow-lead-badges{gap:10px!important}
.capabilities-premium .capability-chips span,
.flow-premium .flow-lead-badges span{
  background:linear-gradient(180deg,rgba(9,24,37,.92),rgba(5,14,22,.88))!important;
  border:1px solid rgba(97,165,214,.18)!important;
  color:#96afc0!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 8px 16px rgba(0,0,0,.12)!important;
}
.capabilities-premium .capability-chips span.active{
  color:#dbeefe!important;
  border-color:rgba(23,170,255,.40)!important;
  background:linear-gradient(180deg,rgba(8,44,70,.88),rgba(6,21,33,.92))!important;
  box-shadow:0 0 0 1px rgba(20,159,255,.04),0 10px 24px rgba(0,110,255,.12)!important;
}

.capabilities-premium .feature-grid{gap:18px!important}
.capabilities-premium .feature-card{
  min-height:232px!important;
  padding:22px 22px 18px!important;
  border-radius:20px!important;
  background:
    linear-gradient(180deg,rgba(4,10,16,.12) 0%,rgba(4,10,16,.28) 28%,rgba(5,12,19,.90) 76%,rgba(5,12,19,.98) 100%),
    radial-gradient(220px 180px at 88% 18%,rgba(18,133,255,.16),transparent 62%),
    radial-gradient(180px 160px at 18% 22%,rgba(110,63,255,.08),transparent 62%),
    var(--context-image, linear-gradient(145deg,#081721,#050d14))!important;
  background-size:cover,auto,auto,cover!important;
  background-position:center,center,center,var(--context-position,center center)!important;
  border:1px solid rgba(95,161,210,.20)!important;
  box-shadow:0 18px 36px rgba(0,0,0,.18)!important;
}
.capabilities-premium .feature-card:after{
  content:""!important;position:absolute!important;inset:0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 18%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 42px)!important;
  opacity:.34!important;display:block!important;pointer-events:none!important;
}
.capabilities-premium .feature-card:before{
  height:3px!important;
  background:linear-gradient(90deg,#10a5ff,#6f6fff 58%,transparent 92%)!important;
}
.capabilities-premium .feature-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(16,170,255,.46)!important;
  box-shadow:0 24px 46px rgba(0,0,0,.26),0 0 0 1px rgba(16,165,255,.04)!important;
  filter:brightness(1.04)!important;
}
.capabilities-premium .feature-top{display:flex!important;justify-content:flex-end!important;align-items:center!important;min-height:22px!important;position:relative!important;z-index:2!important}
.capabilities-premium .feature-tag{
  height:30px!important;padding:0 12px!important;border-radius:999px!important;
  border:1px solid rgba(125,188,231,.16)!important;background:rgba(4,17,27,.66)!important;
  backdrop-filter:blur(8px)!important;color:#9bb2c3!important;font-size:9.5px!important;letter-spacing:.08em!important;
}
.capabilities-premium .feature-icon{
  position:relative!important;z-index:2!important;
  margin:20px 0 14px!important;width:56px!important;height:56px!important;border-radius:17px!important;
  background:linear-gradient(145deg,rgba(9,48,77,.92),rgba(5,19,31,.94))!important;
  border:1px solid rgba(14,164,255,.28)!important;color:#7dc4ff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02),0 12px 28px rgba(0,128,255,.10),inset 0 1px rgba(255,255,255,.05)!important;
}
.capabilities-premium .feature-icon svg{filter:drop-shadow(0 0 10px rgba(12,160,255,.18))!important}
.capabilities-premium .feature-card h3,
.capabilities-premium .feature-card p,
.capabilities-premium .feature-arrow{position:relative!important;z-index:2!important}
.capabilities-premium .feature-card h3{font-size:20px!important;line-height:1.15!important;margin:0 34px 10px 0!important;color:#f5f9fc!important}
.capabilities-premium .feature-card p{font-size:12px!important;line-height:1.68!important;color:#bfd0db!important;max-width:94%!important;padding:0 10px 0 0!important}
.capabilities-premium .feature-arrow{
  right:16px!important;bottom:15px!important;width:36px!important;height:36px!important;border-radius:999px!important;
  display:grid!important;place-items:center!important;background:rgba(4,15,24,.66)!important;border:1px solid rgba(145,195,230,.24)!important;
  font-size:16px!important;box-shadow:0 8px 18px rgba(0,0,0,.16)!important;
}
.capabilities-premium .feature-card:hover .feature-arrow{
  background:rgba(7,30,46,.86)!important;border-color:rgba(20,166,255,.48)!important;box-shadow:0 0 18px rgba(14,164,255,.14)!important;
}

.flow-premium{padding-top:82px!important;padding-bottom:92px!important}
.flow-premium .flow-lead{
  padding:22px 24px!important;border-radius:20px!important;border:1px solid rgba(91,159,207,.18)!important;
  background:
    linear-gradient(90deg,rgba(8,24,36,.96),rgba(6,16,24,.88))!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18)!important;
}
.flow-premium .flow-lead-icon{
  width:58px!important;height:58px!important;border-radius:18px!important;
  background:linear-gradient(145deg,rgba(8,47,74,.92),rgba(5,19,29,.96))!important;
  border:1px solid rgba(13,164,255,.24)!important;box-shadow:0 10px 24px rgba(0,129,255,.10)!important;
}
.flow-premium .flow-grid{gap:18px!important;max-width:1320px!important}
.flow-premium .flow-grid:before{top:78px!important;opacity:.8!important}
.premium-flow-step{
  min-height:244px!important;padding:24px 20px 20px!important;border-radius:20px!important;
  background:
    linear-gradient(180deg,rgba(4,10,16,.08) 0%,rgba(4,10,16,.20) 25%,rgba(5,12,19,.92) 72%,rgba(5,12,19,.98) 100%),
    radial-gradient(210px 170px at 84% 18%,rgba(17,132,255,.14),transparent 62%),
    linear-gradient(145deg,#081721,#050d14)!important;
  border:1px solid rgba(92,158,207,.18)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.18)!important;
  overflow:visible!important;
}
.premium-flow-step:before{display:none!important}
.premium-flow-step:after{
  content:""!important;position:absolute!important;inset:0!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.02),transparent 16%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0,rgba(255,255,255,.022) 1px,transparent 1px,transparent 42px)!important;
  pointer-events:none!important;opacity:.32!important;
}
.premium-flow-step:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(16,170,255,.44)!important;
  box-shadow:0 24px 48px rgba(0,0,0,.26),0 0 0 1px rgba(15,164,255,.04)!important;
}
.flow-step-head{justify-content:flex-end!important;position:relative!important;z-index:2!important}
.flow-stage{
  height:29px!important;display:inline-flex!important;align-items:center!important;padding:0 11px!important;
  border-radius:999px!important;background:rgba(6,19,30,.72)!important;border:1px solid rgba(92,158,207,.14)!important;
  color:#94adbe!important;font-size:9px!important;letter-spacing:.08em!important;
}
.flow-premium .flow-icon,
.premium-flow-step h3,
.premium-flow-step p,
.flow-next{position:relative!important;z-index:2!important}
.flow-premium .flow-icon{
  width:58px!important;height:58px!important;margin:8px 0 18px!important;border-radius:17px!important;
  background:linear-gradient(145deg,rgba(9,48,77,.92),rgba(5,19,31,.94))!important;
  border:1px solid rgba(13,164,255,.26)!important;color:#7ac4ff!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.02),0 12px 28px rgba(0,128,255,.10)!important;
}
.flow-premium .flow-icon svg{width:24px!important;height:24px!important;filter:drop-shadow(0 0 10px rgba(12,160,255,.16))!important}
.premium-flow-step h3{text-align:left!important;font-size:19px!important;line-height:1.16!important;margin:0 24px 10px 0!important;color:#f5f9fc!important;max-width:90%!important}
.premium-flow-step p{text-align:left!important;font-size:12px!important;line-height:1.68!important;color:#bed0db!important;max-width:94%!important}
.flow-next{
  right:-18px!important;top:94px!important;width:34px!important;height:34px!important;border-radius:999px!important;
  background:rgba(4,15,24,.96)!important;border:1px solid rgba(145,195,230,.24)!important;color:#11a6ff!important;font-size:15px!important;
  box-shadow:0 8px 18px rgba(0,0,0,.20)!important;
}

@media(max-width:1240px){
  .capabilities-premium .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:1100px){
  .capabilities-premium .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .flow-premium .flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .flow-premium .flow-grid:before,.flow-next{display:none!important}
}
@media(max-width:820px){
  .capabilities-premium .feature-card{min-height:216px!important}
  .capabilities-premium .feature-card h3,.premium-flow-step h3{font-size:18px!important}
  .flow-premium .flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:580px){
  .capabilities-premium .feature-grid,.flow-premium .flow-grid{grid-template-columns:1fr!important}
  .capabilities-premium .feature-card,.premium-flow-step{min-height:auto!important;padding:20px 16px 18px!important}
}


/* =========================================================
   ULTIMA PASADA FINA — SECCION POR SECCION
   Inicio / Sectores / Plataforma / Aplicaciones / Integraciones / Contacto
   ========================================================= */
:root{
  --shadow-soft:0 20px 54px rgba(0,0,0,.24);
  --shadow-glow:0 18px 44px rgba(0,110,255,.14);
}

body:before{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    radial-gradient(700px 420px at 12% 8%,rgba(0,122,255,.045),transparent 64%),
    radial-gradient(760px 420px at 88% 18%,rgba(0,122,255,.04),transparent 64%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0,rgba(255,255,255,.018) 1px,transparent 1px,transparent 46px);
  opacity:.38;
}
main,header,footer{position:relative;z-index:1}

.topbar{
  background:linear-gradient(180deg,rgba(3,8,13,.96),rgba(3,8,13,.88))!important;
  border-bottom:1px solid rgba(121,178,220,.10)!important;
  box-shadow:0 10px 30px rgba(0,0,0,.16)!important;
}
.navbar nav a{
  position:relative;
  color:#cfdae3!important;
  transition:color .22s ease,opacity .22s ease;
}
.navbar nav a:after{
  content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,#0ca4ff,#5e7dff);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;
}
.navbar nav a:hover{color:#fff!important}
.navbar nav a:hover:after{transform:scaleX(1)}
.btn{border-radius:11px!important}
.btn-primary{box-shadow:0 16px 36px rgba(0,117,255,.18)!important}
.btn-secondary{backdrop-filter:blur(8px)!important}

/* INICIO */
.hero{
  background:
    radial-gradient(880px 500px at 74% 34%,rgba(0,135,255,.13),transparent 62%),
    radial-gradient(500px 240px at 18% 20%,rgba(0,105,255,.04),transparent 70%),
    linear-gradient(180deg,#02070c 0%,#020911 100%)!important;
}
.hero-copy{padding:56px 0 54px!important}
.hero h1{font-size:74px!important;line-height:.92!important;max-width:640px!important}
.hero-copy>p{font-size:17px!important;line-height:1.72!important;max-width:560px!important;color:#c9d6df!important}
.hero-actions{margin-top:30px!important;gap:14px!important}
.hero-benefits{
  margin-top:38px!important;flex-wrap:wrap;row-gap:12px!important;
}
.hero-benefits div{padding-right:18px!important;color:#dbe7ef!important}
.hero-visual{
  height:560px!important;border-radius:22px 0 0 22px!important;
  box-shadow:0 30px 84px rgba(0,0,0,.36)!important;
}
.hero-fade{
  background:
    linear-gradient(90deg,#02070c 0%,rgba(2,7,12,.80) 10%,rgba(2,7,12,.14) 33%,rgba(2,7,12,.03) 68%,rgba(2,7,12,.12)),
    linear-gradient(0deg,#02070c 0%,transparent 15%)!important;
}

.section{padding:92px 0!important}
.section-heading{margin-bottom:42px!important}
.section-heading h2{font-size:44px!important;line-height:1.02!important;letter-spacing:-.04em!important}
.section-heading p{font-size:14px!important;line-height:1.72!important;color:#9ab0bf!important}

.sectors,.platform,.apps-section,.integrations,.contact{
  position:relative;
}
.sectors:before,.platform:before,.apps-section:before,.integrations:before,.contact:before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(760px 280px at 50% 0%,rgba(0,110,255,.045),transparent 72%);
}

.sector-grid,.module-grid,.app-grid{gap:18px!important}
.sector-card,.module-card.visual-card,.app-card.visual-card{
  border-radius:18px!important;
  border-color:rgba(90,162,213,.22)!important;
  box-shadow:var(--shadow-soft)!important;
}
.sector-card:hover,.module-card.visual-card:hover,.app-card.visual-card:hover{
  transform:translateY(-6px)!important;
  border-color:rgba(20,165,255,.48)!important;
  box-shadow:0 26px 58px rgba(0,0,0,.28),0 0 0 1px rgba(14,164,255,.04)!important;
}
.sector-content{padding:28px!important}
.sector-card h3,.module-card.visual-card h3,.app-card.visual-card h3{letter-spacing:-.03em!important}
.sector-card p,.module-card.visual-card p,.app-card.visual-card p{line-height:1.62!important}
.sector-icon,.module-icon,.app-icon{
  width:50px!important;height:50px!important;border-radius:15px!important;
  box-shadow:0 12px 28px rgba(0,128,255,.14), inset 0 1px rgba(255,255,255,.06)!important;
}
.card-more,.mini-more,.app-more{font-weight:700!important}

.integration-layout{
  gap:76px!important;align-items:stretch!important;
}
.integration-copy{
  display:flex;flex-direction:column;justify-content:center;
}
.integration-copy h2{font-size:46px!important;line-height:1.02!important;letter-spacing:-.04em!important}
.integration-copy p{font-size:14px!important;line-height:1.75!important;max-width:540px!important}
.integration-cards article{
  min-height:116px!important;border-radius:15px!important;
  background:linear-gradient(145deg,#081721,#061019)!important;
  box-shadow:0 14px 34px rgba(0,0,0,.16)!important;
}
.integration-cards b{font-size:15px!important}
.integration-cards span{font-size:11px!important;line-height:1.55!important}

.cta-band{padding:0 0 70px!important}
.cta-box{
  min-height:140px!important;padding:28px 30px!important;border-radius:20px!important;
  box-shadow:0 26px 70px rgba(18,50,155,.24)!important;
}
.cta-box h3{font-size:28px!important;line-height:1.06!important;letter-spacing:-.03em!important}
.cta-box p{font-size:13px!important;line-height:1.7!important}

/* CONTACTO */
.contact-layout{gap:84px!important;align-items:start!important}
.contact-copy h2{font-size:48px!important;line-height:1.02!important}
.contact-copy>p{font-size:14px!important;line-height:1.74!important}
.contact-list span{
  display:inline-flex;align-items:center;gap:8px;
  padding:10px 14px;border:1px solid rgba(84,159,214,.16);border-radius:999px;background:rgba(7,29,45,.28);
  width:fit-content;
}
.contact-form{
  padding:32px!important;border-radius:20px!important;
  background:linear-gradient(145deg,#081620,#050d14)!important;
  border:1px solid rgba(96,160,207,.24)!important;
  box-shadow:0 22px 56px rgba(0,0,0,.22)!important;
}
.contact-form button{margin-top:6px!important}

/* LISTADOS DE CATEGORIA: Sectores / Plataforma / Aplicaciones */
.category-hero{
  padding:84px 0 68px!important;
  min-height:340px!important;
  background:
    radial-gradient(860px 420px at 78% 24%,rgba(0,138,255,.12),transparent 64%),
    linear-gradient(180deg,#030912 0%,#04101a 100%)!important;
}
.category-hero h1{font-size:62px!important;line-height:.96!important;letter-spacing:-.045em!important;margin:16px 0 14px!important}
.category-hero p{max-width:760px!important;font-size:15px!important;line-height:1.76!important;color:#a6bac8!important}
.category-grid{padding:72px 0 92px!important;gap:20px!important}
.category-item{
  border-radius:18px!important;border:1px solid rgba(92,162,210,.22)!important;
  background:linear-gradient(145deg,#071520,#050d14)!important;
  overflow:hidden!important;box-shadow:var(--shadow-soft)!important;
}
.category-item:hover{
  transform:translateY(-6px)!important;border-color:rgba(18,167,255,.48)!important;
  box-shadow:0 28px 60px rgba(0,0,0,.28),0 0 0 1px rgba(15,162,255,.04)!important;
}
.category-item.visual-card .category-overlay,
.category-media-overlay{
  background:linear-gradient(90deg,rgba(2,8,13,.94) 0%,rgba(2,8,13,.78) 42%,rgba(2,8,13,.22) 80%),linear-gradient(0deg,rgba(2,8,13,.72),transparent 42%)!important;
}
.category-content{padding:24px!important}
.category-kicker{margin-bottom:10px!important}
.category-item h2{font-size:22px!important;line-height:1.08!important;letter-spacing:-.03em!important}
.category-item p{font-size:12.5px!important;line-height:1.66!important;color:#a7bac8!important}
.category-item span:last-child{font-weight:700!important;color:#1bb1ff!important}
.category-icon{
  width:50px!important;height:50px!important;border-radius:15px!important;
  box-shadow:0 12px 28px rgba(0,130,255,.14), inset 0 1px rgba(255,255,255,.05)!important;
}

/* INTERNAS: todos los detalles */
.deep-main{background:linear-gradient(180deg,#02070c,#030911 35%,#02070c 100%)!important}
.deep-hero{
  padding:72px 0 60px!important;
  background:
    radial-gradient(920px 480px at 78% 24%,rgba(0,145,255,.14),transparent 66%),
    radial-gradient(560px 320px at 14% 26%,rgba(30,85,170,.07),transparent 70%)!important;
}
.breadcrumb{margin-bottom:38px!important}
.deep-hero-grid{gap:68px!important}
.deep-hero h1{font-size:68px!important;line-height:.95!important;letter-spacing:-.05em!important}
.deep-claim{font-size:26px!important;line-height:1.28!important;color:#eef6fb!important}
.deep-summary{font-size:14px!important;line-height:1.78!important;color:#afc0cb!important}
.deep-actions{gap:14px!important}
.deep-visual.has-photo{
  min-height:450px!important;border-radius:26px!important;
  box-shadow:0 34px 90px rgba(0,0,0,.36)!important;
}
.deep-visual.has-photo .visual-mini span{
  background:rgba(5,18,28,.66)!important;
  backdrop-filter:blur(8px)!important;
}

.deep-section{padding:84px 0!important}
.deep-hero + .deep-section{padding:76px 0!important}
.deep-label{color:#61bdff!important}
.deep-hero + .deep-section .deep-two{
  gap:34px!important;padding:20px!important;border-radius:24px!important;
  border:1px solid rgba(82,156,210,.14)!important;
  background:linear-gradient(145deg,rgba(5,17,27,.76),rgba(3,10,16,.82))!important;
  box-shadow:var(--shadow-soft)!important;
}
.deep-hero + .deep-section .deep-two>div:first-child{
  border-radius:20px!important;padding:36px!important;
}
.deep-hero + .deep-section .deep-two>div:first-child h2{font-size:46px!important;line-height:1.02!important;letter-spacing:-.04em!important}
.deep-copy{font-size:15px!important;line-height:1.82!important;color:#d1dfe8!important}
.benefit-grid{gap:14px!important}
.benefit-card{
  min-height:134px!important;border-radius:16px!important;
  background:linear-gradient(145deg,#091b28,#06121a)!important;
  border:1px solid rgba(90,160,208,.18)!important;
  box-shadow:0 14px 30px rgba(0,0,0,.14)!important;
}
.benefit-card span{font-size:13.5px!important;line-height:1.36!important;color:#f2f7fb!important}
.benefit-card small{font-size:11px!important;line-height:1.5!important;color:#8ca4b5!important}
.context-badge{box-shadow:0 12px 24px rgba(0,120,255,.10)!important}

.deep-section .section-heading{margin-bottom:40px!important}
.deep-section .section-heading h2{font-size:44px!important;line-height:1.02!important;letter-spacing:-.04em!important}
.capability-chips,.flow-lead-badges{justify-content:center!important;flex-wrap:wrap!important}
.capability-chips span,.flow-lead-badges span{min-height:40px!important;padding:0 16px!important}

.feature-grid,.flow-grid{gap:18px!important}
.feature-grid .num,
.flow-grid .num,
.feature-card .num,
.flow-step .num,
.flow-number,
.feature-number,
.card-number,
[class*="step-number"],
[class*="feature-number"]{display:none!important}

.case-row{gap:12px!important;flex-wrap:wrap!important}
.case-chip{
  min-height:40px!important;padding:0 16px!important;border-radius:999px!important;
  background:rgba(7,35,55,.44)!important;color:#d1e8f7!important;
}
.related-grid{gap:16px!important}
.related-card{
  border-radius:16px!important;padding:18px!important;
  box-shadow:0 14px 32px rgba(0,0,0,.14)!important;
}
.related-card strong{font-size:15px!important}
.related-card span{font-size:11px!important;line-height:1.55!important}
.deep-cta{padding:68px 0 92px!important}
.deep-cta-box{
  border-radius:22px!important;padding:36px 40px!important;
  box-shadow:0 30px 82px rgba(12,44,150,.26)!important;
}
.deep-cta-box h2{font-size:34px!important;line-height:1.04!important;letter-spacing:-.035em!important}
.deep-cta-box p{font-size:13px!important;line-height:1.72!important}

/* eliminar cualquier numeracion residual en esquinas */
.feature-card>[class*="num"],
.premium-flow-step>[class*="num"],
.category-item>[class*="num"],
.related-card>[class*="num"],
.module-card>[class*="num"],
.app-card>[class*="num"],
.sector-card>[class*="num"]{display:none!important}

/* responsive */
@media (max-width: 1200px){
  .hero h1{font-size:62px!important}
  .integration-layout,.contact-layout,.deep-hero-grid{gap:48px!important}
}
@media (max-width: 980px){
  .section{padding:76px 0!important}
  .hero-grid,.integration-layout,.contact-layout,.deep-hero-grid,.deep-hero + .deep-section .deep-two{grid-template-columns:1fr!important}
  .hero-visual{height:460px!important;border-radius:22px!important}
  .category-hero h1,.deep-hero h1{font-size:52px!important}
  .contact-copy h2,.integration-copy h2,.section-heading h2,.deep-section .section-heading h2{font-size:40px!important}
}
@media (max-width: 640px){
  .hero h1{font-size:44px!important}
  .category-hero h1,.deep-hero h1{font-size:42px!important}
  .contact-copy h2,.integration-copy h2,.section-heading h2,.deep-section .section-heading h2,.deep-hero + .deep-section .deep-two>div:first-child h2{font-size:34px!important}
  .hero-copy>p,.category-hero p,.deep-summary,.deep-copy{font-size:13.5px!important}
  .contact-form,.deep-cta-box,.cta-box{padding:22px!important}
  .feature-grid,.flow-grid{grid-template-columns:1fr!important}
}


/* =========================================================
   ORDEN GLOBAL DEFINITIVO DE TARJETAS
   Estructura: etiqueta > icono > titulo > descripcion > flecha
   ========================================================= */

/* Listados generales: todos los CTA quedan alineados abajo */
.module-card.visual-card,
.app-card.visual-card,
.category-item.module-category-card,
.category-item.app-category-card{height:100%!important}
.module-card.visual-card .module-content,
.app-card.visual-card .app-content,
.category-item.module-category-card .category-content,
.category-item.app-category-card .category-content{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;flex:1!important;height:100%!important;
}
.module-card.visual-card .module-content p,
.app-card.visual-card .app-content p,
.category-item.module-category-card .category-content p,
.category-item.app-category-card .category-content p{flex:1!important}
.module-card.visual-card .mini-more,
.app-card.visual-card .app-more,
.category-item.module-category-card .category-content>span:last-child,
.category-item.app-category-card .category-content>span:last-child{margin-top:auto!important;padding-top:14px!important}

/* Chips: ninguno se interpreta como seleccionado */
.capabilities-premium .capability-chips span,
.capabilities-premium .capability-chips span.active{
  color:#99afbf!important;
  border-color:rgba(96,163,211,.18)!important;
  background:linear-gradient(180deg,rgba(8,23,35,.92),rgba(5,15,23,.92))!important;
  box-shadow:none!important;
}
.capabilities-premium .capability-chips span svg,
.capabilities-premium .capability-chips span.active svg{color:#8fc8f1!important}

/* Distribucion exacta segun cantidad */
.capabilities-premium .feature-grid.feature-layout-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}
.capabilities-premium .feature-grid.feature-layout-4{grid-template-columns:repeat(4,minmax(0,1fr))!important}

/* TARJETAS DE QUE ABARCA: una sola estructura para sector/modulo/app/integracion */
.capabilities-premium .feature-card,
body[data-kind="app"] .feature-card.app-rich-feature,
body[data-kind="info"][data-id="integraciones"] .feature-card.integration-rich-feature{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:294px!important;
  height:100%!important;
  padding:22px 22px 66px!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.capabilities-premium .feature-card .feature-top,
body[data-kind="app"] .feature-card.app-rich-feature .feature-top,
body[data-kind="info"][data-id="integraciones"] .feature-card.integration-rich-feature .feature-top{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  min-height:32px!important;
  margin:0 0 16px!important;
  padding:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  flex:0 0 auto!important;
  z-index:3!important;
}
.capabilities-premium .feature-card .feature-tag,
body[data-kind="app"] .feature-card.app-rich-feature .feature-tag,
body[data-kind="info"][data-id="integraciones"] .feature-card.integration-rich-feature .feature-tag{
  position:static!important;
  margin:0!important;
  height:30px!important;
  max-width:100%!important;
  white-space:nowrap!important;
}
.capabilities-premium .feature-card .feature-icon,
body[data-kind="app"] .feature-card.app-rich-feature .feature-icon,
body[data-kind="info"][data-id="integraciones"] .feature-card.integration-rich-feature .feature-icon{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  flex:0 0 56px!important;
  width:56px!important;
  height:56px!important;
  margin:0 0 18px!important;
  z-index:3!important;
}
.capabilities-premium .feature-card h3,
body[data-kind="app"] .feature-card.app-rich-feature h3,
body[data-kind="info"][data-id="integraciones"] .feature-card.integration-rich-feature h3{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0 0 10px!important;
  padding:0!important;
  font-size:20px!important;
  line-height:1.18!important;
  z-index:3!important;
}
.capabilities-premium .feature-card p,
body[data-kind="app"] .feature-card.app-rich-feature p,
body[data-kind="info"][data-id="integraciones"] .feature-card.integration-rich-feature p{
  position:relative!important;
  inset:auto!important;
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  flex:1 1 auto!important;
  font-size:12px!important;
  line-height:1.68!important;
  z-index:3!important;
}
.capabilities-premium .feature-card .feature-arrow,
body[data-kind="app"] .feature-card.app-rich-feature .feature-arrow,
body[data-kind="info"][data-id="integraciones"] .feature-card.integration-rich-feature .feature-arrow{
  position:absolute!important;
  left:auto!important;
  top:auto!important;
  right:18px!important;
  bottom:18px!important;
  transform:none!important;
  margin:0!important;
  width:36px!important;
  height:36px!important;
  display:grid!important;
  place-items:center!important;
  z-index:4!important;
}
.capabilities-premium .feature-card .num,
.flow-number{display:none!important}

/* Beneficios / problema resuelve: misma alineacion */
.benefit-grid{align-items:stretch!important}
.benefit-card{
  height:100%!important;
  display:grid!important;
  grid-template-columns:52px minmax(0,1fr)!important;
  align-items:center!important;
  gap:15px!important;
}
.benefit-body{min-width:0!important}
.benefit-card span,.benefit-card small{position:static!important}

/* COMO FUNCIONA: cinco pasos iguales y sin solapamientos */
.flow-premium .flow-grid{
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:16px!important;
}
.flow-premium .premium-flow-step{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  min-height:252px!important;
  height:100%!important;
  padding:20px 18px 58px!important;
  overflow:visible!important;
}
.flow-premium .flow-step-head{
  position:static!important;
  width:100%!important;
  min-height:30px!important;
  margin:0 0 15px!important;
  display:flex!important;
  justify-content:flex-end!important;
  align-items:center!important;
}
.flow-premium .flow-stage{position:static!important;margin:0!important}
.flow-premium .flow-icon{
  position:static!important;
  inset:auto!important;
  transform:none!important;
  width:56px!important;
  height:56px!important;
  flex:0 0 56px!important;
  margin:0 0 17px!important;
}
.flow-premium .premium-flow-step h3{
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  margin:0 0 10px!important;
  padding:0!important;
  text-align:left!important;
  font-size:18px!important;
  line-height:1.2!important;
}
.flow-premium .premium-flow-step p{
  position:static!important;
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  padding:0!important;
  flex:1!important;
  text-align:left!important;
  font-size:11.5px!important;
  line-height:1.65!important;
}
.flow-premium .flow-next{
  position:absolute!important;
  left:auto!important;
  right:-17px!important;
  top:88px!important;
  bottom:auto!important;
  transform:none!important;
  margin:0!important;
}

/* Casos y relacionadas tambien respetan alturas */
.related-grid{align-items:stretch!important}
.related-card{height:100%!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important}
.related-card em{margin-top:auto!important;padding-top:12px!important}

/* Responsive */
@media(max-width:1100px){
  .capabilities-premium .feature-grid.feature-layout-3,
  .capabilities-premium .feature-grid.feature-layout-4{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .flow-premium .flow-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  .flow-premium .flow-next{display:none!important}
}
@media(max-width:720px){
  .capabilities-premium .feature-grid.feature-layout-3,
  .capabilities-premium .feature-grid.feature-layout-4,
  .flow-premium .flow-grid{grid-template-columns:1fr!important}
  .capabilities-premium .feature-card,
  body[data-kind="app"] .feature-card.app-rich-feature,
  body[data-kind="info"][data-id="integraciones"] .feature-card.integration-rich-feature,
  .flow-premium .premium-flow-step{min-height:auto!important}
}


/* =========================================================
   CASOS DE USO + SOLUCIONES RELACIONADAS — ORDEN FINAL
   ========================================================= */
.use-related-section{
  padding:76px 0 82px!important;
  background:
    radial-gradient(680px 300px at 76% 12%,rgba(0,126,255,.05),transparent 70%),
    linear-gradient(180deg,#030a11,#02080e)!important;
}
.use-related-section .deep-two{
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;
  gap:56px!important;
  align-items:start!important;
}
.use-related-section .deep-label{
  display:block!important;
  margin-bottom:10px!important;
  color:#5dbaff!important;
  font-size:10px!important;
  letter-spacing:.17em!important;
}
.use-related-section h2{
  margin:0 0 22px!important;
  font-size:42px!important;
  line-height:1.05!important;
  letter-spacing:-.04em!important;
}

/* Casos de uso */
.use-related-section .case-row{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:12px!important;
  margin:0!important;
}
.use-related-section .case-chip{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  min-height:58px!important;
  padding:12px 16px 12px 42px!important;
  border-radius:14px!important;
  border:1px solid rgba(76,160,222,.22)!important;
  background:linear-gradient(145deg,rgba(8,28,43,.88),rgba(5,16,25,.92))!important;
  color:#d9e8f2!important;
  font-size:11.5px!important;
  line-height:1.42!important;
  box-shadow:0 10px 24px rgba(0,0,0,.13)!important;
}
.use-related-section .case-chip:before{
  content:""!important;
  position:absolute!important;
  left:16px!important;
  top:50%!important;
  width:9px!important;
  height:9px!important;
  border-radius:50%!important;
  transform:translateY(-50%)!important;
  background:#10a7ff!important;
  box-shadow:0 0 0 5px rgba(16,167,255,.09),0 0 16px rgba(16,167,255,.18)!important;
}

/* Relacionadas */
.use-related-section .related-grid{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:14px!important;
  align-items:stretch!important;
}
.use-related-section .related-card{
  position:relative!important;
  display:grid!important;
  grid-template-columns:48px minmax(0,1fr)!important;
  grid-template-rows:48px auto 1fr!important;
  grid-template-areas:
    "icon type"
    "title title"
    "cta cta"!important;
  column-gap:12px!important;
  row-gap:12px!important;
  min-height:158px!important;
  height:100%!important;
  padding:18px!important;
  border-radius:16px!important;
  border:1px solid rgba(89,158,209,.20)!important;
  background:
    radial-gradient(190px 110px at 86% 10%,rgba(13,143,255,.09),transparent 66%),
    linear-gradient(145deg,#081721,#050e15)!important;
  box-shadow:0 13px 28px rgba(0,0,0,.14)!important;
  overflow:hidden!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}
.use-related-section .related-card:after{
  content:""!important;
  position:absolute!important;
  left:0!important;right:0!important;bottom:0!important;
  height:2px!important;
  background:linear-gradient(90deg,#0ba5ff,#6d6fff 55%,transparent 92%)!important;
  opacity:.72!important;
}
.use-related-section .related-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(16,168,255,.46)!important;
  box-shadow:0 20px 40px rgba(0,0,0,.22),0 0 0 1px rgba(16,164,255,.04)!important;
}
.use-related-section .related-icon{
  grid-area:icon!important;
  position:static!important;
  inset:auto!important;
  width:48px!important;
  height:48px!important;
  margin:0!important;
  border-radius:14px!important;
  display:grid!important;
  place-items:center!important;
  color:#5dbaff!important;
  border:1px solid rgba(14,164,255,.28)!important;
  background:linear-gradient(145deg,rgba(9,48,77,.86),rgba(5,19,31,.94))!important;
  box-shadow:0 10px 22px rgba(0,121,255,.10)!important;
}
.use-related-section .related-icon svg{
  width:22px!important;
  height:22px!important;
}
.use-related-section .related-card small{
  grid-area:type!important;
  align-self:center!important;
  justify-self:end!important;
  margin:0!important;
  padding:6px 9px!important;
  border-radius:999px!important;
  border:1px solid rgba(89,158,209,.14)!important;
  background:rgba(5,20,31,.66)!important;
  color:#7f9db2!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:.10em!important;
  text-transform:uppercase!important;
}
.use-related-section .related-card b{
  grid-area:title!important;
  display:block!important;
  position:static!important;
  margin:0!important;
  padding:0!important;
  color:#f3f8fb!important;
  font-size:16px!important;
  line-height:1.2!important;
  letter-spacing:-.02em!important;
}
.use-related-section .related-card em{
  grid-area:cta!important;
  align-self:end!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  margin:0!important;
  padding:0!important;
  color:#11aaff!important;
  font-size:10px!important;
  font-style:normal!important;
  font-weight:750!important;
}

@media(max-width:1100px){
  .use-related-section .deep-two{grid-template-columns:1fr!important;gap:42px!important}
  .use-related-section .related-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}
}
@media(max-width:820px){
  .use-related-section .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:580px){
  .use-related-section{padding:58px 0 64px!important}
  .use-related-section h2{font-size:34px!important}
  .use-related-section .case-row,
  .use-related-section .related-grid{grid-template-columns:1fr!important}
  .use-related-section .related-card{min-height:148px!important}
}


/* =========================================================
   CAPACIDADES CON FOTO REAL — IMG DENTRO DE CADA TARJETA
   Evita depender de background-image / custom properties.
   ========================================================= */
.capabilities-premium .feature-card.has-photo-bg,
body[data-kind="app"] .feature-card.app-rich-feature.has-photo-bg,
body[data-kind="info"][data-id="integraciones"] .feature-card.integration-rich-feature.has-photo-bg{
  position:relative!important;
  overflow:hidden!important;
  background:#06111a!important;
  isolation:isolate!important;
}
.capability-bg-image{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  opacity:.64!important;
  filter:saturate(1.08) contrast(1.04) brightness(.90)!important;
  transform:scale(1.015)!important;
  z-index:0!important;
  pointer-events:none!important;
}
.capability-bg-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(2,7,12,.18) 0%,rgba(2,7,12,.28) 26%,rgba(2,7,12,.78) 63%,rgba(2,7,12,.96) 100%),
    linear-gradient(90deg,rgba(2,7,12,.48) 0%,rgba(2,7,12,.30) 46%,rgba(2,7,12,.10) 100%)!important;
}
.capabilities-premium .feature-card.has-photo-bg:after,
body[data-kind="app"] .feature-card.has-photo-bg:after,
body[data-kind="info"][data-id="integraciones"] .feature-card.has-photo-bg:after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  pointer-events:none!important;
  background:
    radial-gradient(260px 150px at 86% 16%,rgba(13,154,255,.13),transparent 63%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 48px)!important;
  opacity:.65!important;
}
.capabilities-premium .feature-card.has-photo-bg:before,
body[data-kind="app"] .feature-card.has-photo-bg:before,
body[data-kind="info"][data-id="integraciones"] .feature-card.has-photo-bg:before{
  z-index:6!important;
}
.capabilities-premium .feature-card.has-photo-bg .feature-top,
.capabilities-premium .feature-card.has-photo-bg .feature-icon,
.capabilities-premium .feature-card.has-photo-bg h3,
.capabilities-premium .feature-card.has-photo-bg p,
.capabilities-premium .feature-card.has-photo-bg .feature-arrow,
body[data-kind="app"] .feature-card.has-photo-bg .feature-top,
body[data-kind="app"] .feature-card.has-photo-bg .feature-icon,
body[data-kind="app"] .feature-card.has-photo-bg h3,
body[data-kind="app"] .feature-card.has-photo-bg p,
body[data-kind="app"] .feature-card.has-photo-bg .feature-arrow,
body[data-kind="info"][data-id="integraciones"] .feature-card.has-photo-bg .feature-top,
body[data-kind="info"][data-id="integraciones"] .feature-card.has-photo-bg .feature-icon,
body[data-kind="info"][data-id="integraciones"] .feature-card.has-photo-bg h3,
body[data-kind="info"][data-id="integraciones"] .feature-card.has-photo-bg p,
body[data-kind="info"][data-id="integraciones"] .feature-card.has-photo-bg .feature-arrow{
  position:relative!important;
  z-index:4!important;
}
.capabilities-premium .feature-card.has-photo-bg h3,
body[data-kind="app"] .feature-card.has-photo-bg h3,
body[data-kind="info"][data-id="integraciones"] .feature-card.has-photo-bg h3{
  color:#fff!important;
  text-shadow:0 2px 16px rgba(0,0,0,.62)!important;
}
.capabilities-premium .feature-card.has-photo-bg p,
body[data-kind="app"] .feature-card.has-photo-bg p,
body[data-kind="info"][data-id="integraciones"] .feature-card.has-photo-bg p{
  color:#d7e2e9!important;
  text-shadow:0 1px 10px rgba(0,0,0,.52)!important;
}
.capabilities-premium .feature-card.has-photo-bg:hover .capability-bg-image,
body[data-kind="app"] .feature-card.has-photo-bg:hover .capability-bg-image,
body[data-kind="info"][data-id="integraciones"] .feature-card.has-photo-bg:hover .capability-bg-image{
  opacity:.74!important;
  transform:scale(1.045)!important;
  transition:opacity .28s ease,transform .35s ease!important;
}


/* SIN FLECHAS CIRCULARES EN TARJETAS */
.feature-arrow,.flow-next{display:none!important}
.capabilities-premium .feature-card h3,
.feature-card h3,
body[data-kind="app"] .feature-card.app-rich-feature h3,
body[data-kind="info"][data-id="integraciones"] .feature-card.integration-rich-feature h3{margin-right:0!important;max-width:100%!important}
.capabilities-premium .feature-card p,
.feature-card p,
body[data-kind="app"] .feature-card.app-rich-feature p,
body[data-kind="info"][data-id="integraciones"] .feature-card.integration-rich-feature p{padding-right:0!important;max-width:100%!important}


/* ===== CÓMO FUNCIONA — tarjetas con imágenes reales ===== */
.flow-premium .premium-flow-step.flow-photo-card{
  position:relative!important;
  overflow:hidden!important;
  min-height:300px!important;
  padding:22px 18px 20px!important;
  background:#06121b!important;
  isolation:isolate!important;
}
.flow-premium .flow-card-bg{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  z-index:0!important;
  opacity:.72!important;
  filter:saturate(.92) contrast(1.04) brightness(.76)!important;
  transition:transform .35s ease,filter .35s ease!important;
}
.flow-premium .flow-card-shade{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  background:
    linear-gradient(180deg,rgba(2,8,14,.16) 0%,rgba(2,8,14,.30) 28%,rgba(2,8,14,.78) 64%,rgba(2,8,14,.97) 100%),
    linear-gradient(90deg,rgba(2,8,14,.60) 0%,rgba(2,8,14,.30) 70%,rgba(2,8,14,.14) 100%)!important;
  pointer-events:none!important;
}
.flow-premium .flow-photo-card .flow-step-head,
.flow-premium .flow-photo-card .flow-icon,
.flow-premium .flow-photo-card h3,
.flow-premium .flow-photo-card p{
  position:relative!important;
  z-index:2!important;
}
.flow-premium .flow-photo-card .flow-step-head{
  display:flex!important;
  justify-content:flex-end!important;
  min-height:30px!important;
}
.flow-premium .flow-photo-card .flow-icon{
  margin-top:auto!important;
  margin-bottom:16px!important;
  background:rgba(5,28,45,.82)!important;
  backdrop-filter:blur(8px)!important;
  border-color:rgba(25,173,255,.42)!important;
  box-shadow:0 12px 30px rgba(0,0,0,.22),0 0 22px rgba(0,132,255,.10)!important;
}
.flow-premium .flow-photo-card h3{
  margin-top:auto!important;
  color:#fff!important;
  text-shadow:0 2px 14px rgba(0,0,0,.45)!important;
}
.flow-premium .flow-photo-card p{
  color:#dce9f1!important;
  text-shadow:0 2px 10px rgba(0,0,0,.40)!important;
}
.flow-premium .flow-photo-card:hover .flow-card-bg{
  transform:scale(1.04)!important;
  filter:saturate(1.02) contrast(1.04) brightness(.82)!important;
}
@media(max-width:820px){
  .flow-premium .premium-flow-step.flow-photo-card{min-height:270px!important}
}
@media(max-width:580px){
  .flow-premium .premium-flow-step.flow-photo-card{min-height:250px!important}
}


/* =========================================================
   PORTADA — NEXGUARD COMO SOFTWARE
   ========================================================= */
.hero-copy>p strong{color:#f4f9fc;font-weight:760}
.software-intro{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(760px 360px at 18% 34%,rgba(0,132,255,.08),transparent 68%),
    radial-gradient(660px 300px at 88% 30%,rgba(77,71,255,.055),transparent 68%),
    linear-gradient(180deg,#030a11,#02080e);
}
.software-intro:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.022) 0,rgba(255,255,255,.022) 1px,transparent 1px,transparent 54px);
}
.software-shell{
  position:relative;z-index:1;
  display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:stretch;
}
.software-copy{
  padding:38px;border:1px solid rgba(96,165,216,.20);border-radius:22px;
  background:linear-gradient(145deg,rgba(8,25,38,.94),rgba(4,13,21,.94));
  box-shadow:0 24px 62px rgba(0,0,0,.24);
}
.software-copy h2{
  font-size:48px;line-height:1.02;letter-spacing:-.045em;margin:20px 0 20px;
}
.software-copy h2 strong{
  background:linear-gradient(90deg,#0da3ff,#667bff);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.software-lead{
  margin:0;color:#d4e0e8;font-size:16px;line-height:1.72;max-width:650px;
}
.software-lead strong{color:#fff}
.software-secondary{
  margin:16px 0 0;color:#91a8b8;font-size:13px;line-height:1.72;max-width:650px;
}
.software-tags{display:flex;gap:9px;flex-wrap:wrap;margin:24px 0 26px}
.software-tags span{
  padding:8px 12px;border:1px solid rgba(44,166,245,.20);border-radius:999px;
  background:rgba(6,35,55,.38);color:#a9c3d4;font-size:10px;
}
.software-features{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.software-features article{
  position:relative;min-height:190px;padding:24px;border-radius:18px;overflow:hidden;
  border:1px solid rgba(94,163,213,.18);
  background:
    radial-gradient(240px 150px at 86% 0%,rgba(0,142,255,.12),transparent 67%),
    linear-gradient(145deg,#081722,#050e15);
  box-shadow:0 18px 42px rgba(0,0,0,.18);transition:.25s;
}
.software-features article:after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:2px;
  background:linear-gradient(90deg,#0ca4ff,#6c75ff 58%,transparent 94%);
}
.software-features article:hover{
  transform:translateY(-4px);border-color:rgba(14,166,255,.42);box-shadow:0 24px 50px rgba(0,0,0,.25);
}
.software-feature-icon{
  width:52px;height:52px;border-radius:15px;display:grid;place-items:center;
  border:1px solid rgba(13,163,255,.34);background:linear-gradient(145deg,rgba(8,48,76,.88),rgba(5,20,32,.92));
  box-shadow:0 10px 26px rgba(0,126,255,.12);
}
.software-feature-icon img{width:25px;height:25px;object-fit:contain}
.software-features h3{font-size:19px;line-height:1.18;margin:18px 0 8px;letter-spacing:-.025em}
.software-features p{font-size:12px;line-height:1.65;color:#9eb2c0;margin:0}
@media(max-width:980px){
  .software-shell{grid-template-columns:1fr}
  .software-copy h2{font-size:42px}
}
@media(max-width:640px){
  .software-copy{padding:26px 22px}
  .software-copy h2{font-size:36px}
  .software-lead{font-size:14px}
  .software-features{grid-template-columns:1fr}
  .software-features article{min-height:auto}
}


/* =========================================================
   POWERED BY FOXTECH — PORTADA
   ========================================================= */
.foxtech-powered{
  margin-top:22px;
  width:fit-content;
  max-width:100%;
  display:flex;
  align-items:center;
  gap:16px;
  padding:11px 16px 11px 12px;
  border:1px solid rgba(114,174,218,.18);
  border-radius:14px;
  background:linear-gradient(90deg,rgba(5,17,27,.88),rgba(7,28,44,.62));
  box-shadow:0 14px 30px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03);
  backdrop-filter:blur(10px);
}
.foxtech-powered img{
  width:112px;
  height:auto;
  display:block;
  flex:0 0 auto;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.20));
}
.foxtech-powered-copy{
  display:flex;
  flex-direction:column;
  gap:1px;
  padding-left:14px;
  border-left:1px solid rgba(255,255,255,.10);
}
.foxtech-powered-copy>span{
  color:#7896ab;
  font-size:8px;
  line-height:1.2;
  font-weight:850;
  letter-spacing:.16em;
}
.foxtech-powered-copy>strong{
  color:#f4f8fb;
  font-size:14px;
  line-height:1.25;
  letter-spacing:-.01em;
}
.foxtech-powered-copy>small{
  color:#8ea5b6;
  font-size:9px;
  line-height:1.3;
}
@media(max-width:580px){
  .foxtech-powered{width:100%;gap:12px;padding:10px 12px}
  .foxtech-powered img{width:92px}
  .foxtech-powered-copy{padding-left:11px}
  .foxtech-powered-copy>strong{font-size:13px}
}


/* =========================================================
   POWERED BY FOXTECH — HERO SUPERIOR DERECHA V15
   ========================================================= */
.hero-grid{position:relative!important}
.hero-grid>.foxtech-powered{
  position:absolute!important;
  top:22px!important;
  right:0!important;
  z-index:8!important;
  margin:0!important;
  max-width:310px!important;
  padding:9px 13px 9px 10px!important;
  gap:12px!important;
  border-radius:13px!important;
  background:linear-gradient(90deg,rgba(3,12,20,.86),rgba(6,24,38,.72))!important;
  border:1px solid rgba(112,176,222,.20)!important;
  box-shadow:0 16px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
  backdrop-filter:blur(12px)!important;
}
.hero-grid>.foxtech-powered img{width:92px!important}
.hero-grid>.foxtech-powered .foxtech-powered-copy{padding-left:11px!important}
.hero-grid>.foxtech-powered .foxtech-powered-copy>span{font-size:7px!important;letter-spacing:.14em!important}
.hero-grid>.foxtech-powered .foxtech-powered-copy>strong{font-size:12px!important}
.hero-grid>.foxtech-powered .foxtech-powered-copy>small{font-size:8px!important}
@media(max-width:1100px){
  .hero-grid>.foxtech-powered{top:16px!important;right:0!important;max-width:275px!important}
  .hero-grid>.foxtech-powered img{width:78px!important}
}
@media(max-width:820px){
  .hero-grid>.foxtech-powered{
    position:absolute!important;
    top:14px!important;
    right:14px!important;
    width:auto!important;
    max-width:255px!important;
  }
  .hero-grid>.foxtech-powered img{width:70px!important}
  .hero-grid>.foxtech-powered .foxtech-powered-copy>small{display:none!important}
}
@media(max-width:580px){
  .hero-grid>.foxtech-powered{
    top:10px!important;
    right:0!important;
    max-width:210px!important;
    padding:7px 9px!important;
    gap:8px!important;
  }
  .hero-grid>.foxtech-powered img{width:58px!important}
  .hero-grid>.foxtech-powered .foxtech-powered-copy{padding-left:8px!important}
  .hero-grid>.foxtech-powered .foxtech-powered-copy>span{font-size:6px!important}
  .hero-grid>.foxtech-powered .foxtech-powered-copy>strong{font-size:10px!important}
}


/* =========================================================
   V16 — FOXTECH ARRIBA / DEMO ABAJO
   ========================================================= */
.topbar{height:118px!important}
.navbar{
  height:118px!important;
  grid-template-columns:190px 1fr 250px!important;
  gap:24px!important;
  align-items:center!important;
}
.navbar nav{align-self:center!important}
.navbar nav a{padding:45px 0!important}
.navbar nav a:after{bottom:34px!important}
.nav-right-stack{
  justify-self:end!important;
  width:236px!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  gap:7px!important;
}
.foxtech-top-badge{
  min-height:58px!important;
  display:grid!important;
  grid-template-columns:88px 1fr!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 10px!important;
  border-radius:12px!important;
  border:1px solid rgba(111,176,222,.20)!important;
  background:linear-gradient(90deg,rgba(4,14,23,.94),rgba(6,24,38,.78))!important;
  box-shadow:0 12px 28px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.03)!important;
  backdrop-filter:blur(10px)!important;
}
.foxtech-top-badge img{
  width:82px!important;
  height:auto!important;
  display:block!important;
}
.foxtech-top-badge>div{
  padding-left:10px!important;
  border-left:1px solid rgba(255,255,255,.09)!important;
  display:flex!important;
  flex-direction:column!important;
  gap:1px!important;
}
.foxtech-top-badge span{
  color:#7897ad!important;
  font-size:6.5px!important;
  line-height:1.2!important;
  font-weight:850!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}
.foxtech-top-badge strong{
  color:#f5f8fb!important;
  font-size:10.5px!important;
  line-height:1.2!important;
  white-space:nowrap!important;
}
.nav-cta-small{
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:9px!important;
  font-size:11px!important;
  font-weight:780!important;
  box-shadow:0 8px 18px rgba(0,125,255,.16)!important;
}
/* El sello viejo del hero queda anulado por seguridad */
.hero-grid>.foxtech-powered{display:none!important}

@media(max-width:1100px){
  .navbar{grid-template-columns:170px 1fr 220px!important;gap:18px!important}
  .nav-right-stack{width:210px!important}
  .foxtech-top-badge{grid-template-columns:74px 1fr!important;padding:6px 8px!important}
  .foxtech-top-badge img{width:70px!important}
  .foxtech-top-badge span{font-size:5.8px!important}
  .foxtech-top-badge strong{font-size:9.5px!important}
  .navbar nav{gap:18px!important}
  .navbar nav a{font-size:11.5px!important}
}
@media(max-width:820px){
  .topbar,.navbar{height:72px!important}
  .navbar{grid-template-columns:1fr auto auto!important}
  .navbar nav{top:72px!important}
  .nav-right-stack{display:none!important}
  .nav-cta{display:none!important}
}


/* =========================================================
   V17 — SOLO POWERED BY FOXTECH / HEADER BALANCEADO
   ========================================================= */
.topbar{height:88px!important}
.navbar{
  height:88px!important;
  grid-template-columns:190px minmax(0,1fr) 232px!important;
  gap:28px!important;
  align-items:center!important;
}
.navbar nav{align-self:center!important}
.navbar nav a{padding:30px 0!important}
.navbar nav a:after{bottom:20px!important}
.nav-right-stack{
  justify-self:end!important;
  width:224px!important;
  display:block!important;
}
.foxtech-top-badge{
  min-height:54px!important;
  display:grid!important;
  grid-template-columns:82px 1fr!important;
  align-items:center!important;
  gap:10px!important;
  padding:7px 10px!important;
  border-radius:13px!important;
  border:1px solid rgba(111,176,222,.20)!important;
  background:linear-gradient(90deg,rgba(4,14,23,.92),rgba(6,24,38,.76))!important;
  box-shadow:0 10px 26px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.03)!important;
}
.foxtech-top-badge img{width:78px!important;height:auto!important}
.foxtech-top-badge>div{padding-left:9px!important}
.foxtech-top-badge span{font-size:6.2px!important;letter-spacing:.12em!important}
.foxtech-top-badge strong{font-size:10.2px!important}
.nav-cta-small{display:none!important}
.hero-grid>.foxtech-powered{display:none!important}

@media(max-width:1100px){
  .navbar{grid-template-columns:165px minmax(0,1fr) 202px!important;gap:18px!important}
  .nav-right-stack{width:198px!important}
  .foxtech-top-badge{grid-template-columns:68px 1fr!important;padding:6px 8px!important}
  .foxtech-top-badge img{width:65px!important}
  .foxtech-top-badge span{font-size:5.5px!important}
  .foxtech-top-badge strong{font-size:9px!important}
  .navbar nav{gap:16px!important}
  .navbar nav a{font-size:11px!important;padding:30px 0!important}
}
@media(max-width:820px){
  .topbar,.navbar{height:72px!important}
  .navbar{grid-template-columns:1fr auto!important}
  .navbar nav{top:72px!important}
  .nav-right-stack{display:none!important}
  .menu-button{display:block!important}
}