:root{
  --vc-red:#E30613;
  --vc-black:#111111;
  --vc-white:#FFFFFF;
  --vc-border:#E8E8E8;
  --vc-shadow:0 10px 28px rgba(0,0,0,.06);
  --vc-max:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#111}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%;height:auto}
.site-container{width:min(var(--vc-max), calc(100% - 48px));margin:0 auto}
.site-header{position:sticky;top:0;z-index:90;background:#fff;border-bottom:1px solid var(--vc-border)}
.site-navbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}
.site-logo{display:flex;align-items:center;gap:8px;font-weight:800;white-space:nowrap}
.site-logo img{height:88px;width:auto;display:block}
.site-nav-menu{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center;font-size:.95rem;font-weight:600}
.site-nav-menu a{position:relative;padding:8px 0}
.site-nav-menu a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:999px;transform:scaleX(0);transform-origin:left;transition:.22s ease;background:var(--vc-red)}
.site-nav-menu a.is-active::after,.site-nav-menu a:hover::after{transform:scaleX(1)}
.site-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--vc-red);color:#fff;padding:13px 20px;border-radius:12px;font-weight:700;font-size:.95rem;box-shadow:0 10px 22px rgba(227,6,19,.14)}
@media (max-width:760px){
  .site-container{width:min(var(--vc-max), calc(100% - 28px))}
  .site-navbar{flex-wrap:wrap}
  .site-nav-menu{gap:18px;justify-content:flex-start}
}


/* index.html */
body.page-home {--red:#E30613; --green:#00B56B; --blue:#1F5EFF; --yellow:#D4A514;
      --text:#111111; --muted:#5f5f5f; --muted2:#7a7a7a; --border:#E8E8E8; --soft:#F5F5F5;
      --radius:16px; --shadow:0 10px 28px rgba(0,0,0,.06); --max:1200px;}
body.page-home * {box-sizing:border-box}
html {scroll-behavior:smooth}
body.page-home {margin:0;font-family:"Inter",Arial,sans-serif;color:var(--text);background:#fff}
body.page-home a {color:inherit;text-decoration:none}
body.page-home img {display:block;max-width:100%;height:auto}
body.page-home .container {width:min(var(--max), calc(100% - 48px)); margin:0 auto}
body.page-home header {position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border)}
body.page-home .navbar {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}
body.page-home .logo {display:flex;align-items:center;gap:8px;font-weight:800;white-space:nowrap}
body.page-home .logo img {height:88px;width:auto;display:block}
body.page-home .logo .vc {color:var(--red);font-size:2rem;letter-spacing:-.04em}
body.page-home .logo .name {font-size:1rem;letter-spacing:-.01em}
body.page-home .nav-menu {display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center;font-size:.95rem;font-weight:600}
body.page-home .nav-menu a {position:relative;padding:8px 0}
body.page-home .nav-menu a::after {content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:999px;transform:scaleX(0);transform-origin:left;transition:.22s ease;background:var(--red)}
body.page-home .nav-menu a.active::after, body.page-home .nav-menu a:hover::after {transform:scaleX(1)}
body.page-home .nav-menu a.tech::after {background:var(--blue)}
body.page-home .nav-menu a.consult::after {background:var(--green)}
body.page-home .nav-menu a.us::after {background:var(--yellow)}
body.page-home .nav-menu a.contact::after {background:var(--red)}
body.page-home .btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;
      padding:13px 20px;border-radius:12px;font-weight:700;font-size:.95rem;box-shadow:0 10px 22px rgba(227,6,19,.14)}
body.page-home .hero {padding:36px 0 22px}
body.page-home .hero-grid {display:grid;grid-template-columns:1fr 1.03fr;gap:34px;align-items:center}
body.page-home .hero h1 {margin:0 0 16px;font-size:4rem;line-height:1.02;letter-spacing:-.05em;font-weight:800}
body.page-home .hero .blue {color:var(--blue)}
body.page-home .hero .green {color:var(--green)}
body.page-home .hero .lead {margin:0 0 12px;max-width:520px;color:var(--muted);font-size:1.2rem;line-height:1.38}
body.page-home .hero .support {margin:0 0 22px;max-width:540px;color:var(--muted2);font-size:1rem;line-height:1.58}
body.page-home .hero .actions {display:flex;align-items:center;gap:24px;flex-wrap:wrap}
body.page-home .contact-links {display:flex;align-items:center;gap:18px;flex-wrap:wrap}
body.page-home .contact-link {display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.95rem}
body.page-home .contact-link span.txt {font-weight:600;color:#333;transition:.18s ease}
body.page-home .contact-link:hover span.txt {color:var(--red)}
body.page-home .contact-link .ico {width:34px;height:34px;border-radius:50%;background:#F1F1F1;display:grid;place-items:center;color:var(--red)}
body.page-home .contact-link .ico svg {width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-home .hero-visual img {width:100%;border-radius:18px;box-shadow:var(--shadow)}
body.page-home section {padding:28px 0}
body.page-home #beneficios {padding:64px 0 72px}
body.page-home .benefits-stage {min-height:560px;display:flex;flex-direction:column;justify-content:center}
body.page-home .benefits-head {max-width:920px;margin:0 auto 30px;text-align:center}
body.page-home .benefits-head .section-title {margin-bottom:14px}
body.page-home .benefits-subtitle {margin:0 auto;color:var(--muted);font-size:1.05rem;line-height:1.55;max-width:860px}
body.page-home .benefits-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
body.page-home .benefit-card {background:var(--soft);border:1px solid var(--border);border-radius:18px;padding:24px 20px;min-height:180px;display:flex;flex-direction:column;justify-content:flex-start}
body.page-home .benefit-card strong {display:block;font-size:1.12rem;line-height:1.3;font-weight:800;color:var(--text)}
body.page-home .benefit-copy {margin:12px 0 0;color:var(--muted2);font-size:.95rem;line-height:1.5;font-weight:400}
body.page-home .benefit-card .benefit-line {width:52px;height:3px;border-radius:999px;background:var(--red);margin-top:16px}
body.page-home .section-divider {width:72px;height:2px;background:var(--red);opacity:.8;border-radius:999px;margin:6px auto 26px}
body.page-home .section-title {text-align:center;font-size:2.1rem;line-height:1.08;letter-spacing:-.04em;font-weight:800;margin:0 0 24px}
body.page-home .section-title .red {color:var(--red)}
body.page-home .benefit-icon {width:44px;height:44px;border-radius:12px;background:#fff;color:var(--red);display:grid;place-items:center;
      box-shadow:0 6px 16px rgba(0,0,0,.04);margin-bottom:18px}
body.page-home .benefit-icon svg {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-home .benefit-card h3 {margin:0 0 8px;font-size:1.05rem;line-height:1.28;font-weight:800}
body.page-home .benefit-card p {margin:0;color:var(--muted2);font-size:.9rem;line-height:1.5}
body.page-home .carousel-wrap {position:relative}
body.page-home .carousel-shell {display:grid;grid-template-columns:48px 1fr 48px;gap:14px;align-items:center}
body.page-home .carousel-arrow {width:42px;height:42px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;
      background:#fff;color:#777;cursor:pointer;user-select:none}
body.page-home .logo-viewport {overflow:hidden}
body.page-home .logo-track {display:flex;gap:16px;transition:transform .3s ease}
body.page-home .logo-card {flex:0 0 calc((100% - 80px)/6);height:120px;border-radius:14px;background:linear-gradient(180deg,#f1f1f1 0%,#e6e6e6 100%);
      border:1px solid #dedede;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8a8a8a;
      font-weight:700;font-size:.95rem;letter-spacing:.01em}
body.page-home .logo-card svg {width:34px;height:34px;stroke:#9a9a9a;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.page-home .logo-card span {display:block}
body.page-home .carousel-dots {display:flex;justify-content:center;gap:8px;margin-top:14px}
body.page-home .carousel-dot {width:9px;height:9px;border-radius:50%;background:#D0D0D0;cursor:pointer}
body.page-home .carousel-dot.active {background:var(--red)}
body.page-home .sector-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
body.page-home .sector-card {background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
body.page-home .sector-image {position:relative;height:240px;overflow:hidden}
body.page-home .sector-card img {width:100%;height:100%;object-fit:cover;display:block;filter:brightness(1.08) contrast(1.02)}
body.page-home .sector-image::after {content:"";position:absolute;inset:auto 0 0 0;height:56%;background:linear-gradient(to top, rgba(0,0,0,.58), rgba(0,0,0,0))}
body.page-home .sector-name {position:absolute;left:16px;bottom:16px;color:#fff;font-size:1.05rem;font-weight:800;line-height:1.12;text-shadow:0 2px 8px rgba(0,0,0,.22)}
body.page-home .sector-name::after {content:"";display:block;width:42px;height:3px;background:var(--red);border-radius:999px;margin-top:8px}
body.page-home .solutions-wrap {display:grid;grid-template-columns:250px 1fr 250px;gap:16px;align-items:stretch}
body.page-home .solutions-col {display:grid;gap:16px}
body.page-home .solution-box {background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px 18px;min-height:154px}
body.page-home .solution-box .icon {width:42px;height:42px;border-radius:12px;background:#FFF5F5;border:1px solid rgba(227,6,19,.16);color:var(--red);
      display:grid;place-items:center;margin-bottom:14px}
body.page-home .solution-box .icon svg {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-home .solution-box h3 {margin:0 0 8px;font-size:1.05rem;line-height:1.28;font-weight:800}
body.page-home .solution-box p {margin:0;color:var(--muted2);font-size:.9rem;line-height:1.5}
body.page-home .solutions-center {background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
body.page-home .solutions-center .image-wrap {position:relative}
body.page-home .solutions-center .image-wrap img {width:100%;display:block}
body.page-home .overlay-card {position:absolute;background:rgba(255,255,255,.96);border-radius:14px;box-shadow:0 12px 26px rgba(0,0,0,.10);padding:14px 14px}
body.page-home .overlay-card.activity {left:18px;top:18px;width:185px}
body.page-home .overlay-card.person {right:18px;top:120px;width:205px}
body.page-home .overlay-card h4 {margin:0 0 10px;font-size:.95rem;font-weight:800}
body.page-home .overlay-card ul {list-style:none;margin:0;padding:0}
body.page-home .overlay-card li {display:flex;justify-content:space-between;gap:8px;padding:5px 0;color:#444;font-size:.88rem}
body.page-home .pill {display:inline-block;background:#DDF7EA;color:#119860;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700;margin-top:10px}
body.page-home .solutions-bottom {border-top:1px solid var(--border);padding:18px;display:flex;gap:12px;align-items:flex-start;background:#FAFAFA}
body.page-home .solutions-bottom .icon {width:42px;height:42px;border-radius:12px;background:#FFF5F5;border:1px solid rgba(227,6,19,.16);display:grid;place-items:center;color:var(--red)}
body.page-home .solutions-bottom .icon svg {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-home .solutions-bottom h3 {margin:0 0 6px;font-size:1.2rem;font-weight:800}
body.page-home .solutions-bottom p {margin:0;color:var(--muted2);font-size:.92rem;line-height:1.5}
body.page-home .productivity {padding-top:20px;padding-bottom:12px;text-align:center}
body.page-home .productivity-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 auto 20px;max-width:1060px}
body.page-home .prod-item {padding:0 20px;position:relative}
body.page-home .prod-item:not(:last-child)::after {content:"";position:absolute;right:0;top:4px;width:1px;height:122px;background:#E6E6E6}
body.page-home .prod-icon {width:48px;height:48px;border-radius:14px;background:#FFF5F5;border:1px solid rgba(227,6,19,.16);color:var(--red);
      display:grid;place-items:center;margin:0 auto 14px}
body.page-home .prod-icon svg {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-home .prod-item h3 {margin:0 0 8px;font-size:1.05rem;font-weight:800}
body.page-home .prod-item p {margin:0 auto;color:var(--muted2);font-size:.92rem;line-height:1.5;max-width:290px}
body.page-home footer {margin-top:28px;border-top:none;padding:34px 0 28px;background:var(--red)}
body.page-home .footer-grid {display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:28px}
body.page-home .footer-logo {font-weight:800;font-size:1.2rem;margin-bottom:14px;color:#fff;letter-spacing:0;line-height:1.2;text-transform:none}
body.page-home .footer-logo .red {color:#fff;font:inherit;letter-spacing:inherit}
body.page-home .footer-col h4 {margin:0 0 12px;font-size:.95rem;font-weight:800;color:#fff}
body.page-home .footer-col p, body.page-home .footer-col li, body.page-home .footer-col span {color:rgba(255,255,255,.92);font-size:.9rem;line-height:1.55}
body.page-home .footer-col ul {list-style:none;margin:0;padding:0}
body.page-home .footer-col li {margin:0 0 8px}
body.page-home .footer-col a {color:rgba(255,255,255,.92)}
body.page-home .footer-col a:hover {color:#fff}
body.page-home .contact-stack {display:grid;gap:10px}
body.page-home .contact-stack a svg {width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-home .contact-stack a {display:flex;align-items:center;gap:10px}
body.page-home .contact-stack a:hover {color:#fff}
body.page-home .copyright {margin-top:16px;color:rgba(255,255,255,.78)!important;font-size:.78rem!important}
body.page-home .side-nav {position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:45;width:62px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;transition:width .25s ease,box-shadow .25s ease}
body.page-home .side-nav:hover {width:236px;box-shadow:0 14px 34px rgba(0,0,0,.09)}
body.page-home .side-nav ul {list-style:none;margin:0;padding:10px}
body.page-home .side-nav li+li {margin-top:6px}
body.page-home .side-nav a {display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:14px;color:var(--text);font-size:.92rem;font-weight:700;white-space:nowrap;position:relative;transition:background .2s ease,color .2s ease}
body.page-home .side-nav a::before {content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:transparent;transition:background .2s ease}
body.page-home .side-nav a:hover {background:#FFF5F5;color:var(--red)}
body.page-home .side-nav a.active {background:#FFF5F5;color:var(--red)}
body.page-home .side-nav a.active::before {background:var(--red)}
body.page-home .side-nav svg {width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
body.page-home .side-nav .label {opacity:0;transition:opacity .18s ease}
body.page-home .side-nav:hover .label {opacity:1}
body.page-home .section-anchor {scroll-margin-top:110px}
@media (max-width:1100px) {body.page-home .hero-grid {grid-template-columns:1fr}
body.page-home .benefits-grid {grid-template-columns:repeat(2,1fr)}
body.page-home .benefits-stage {min-height:auto}
body.page-home .carousel-shell {grid-template-columns:40px 1fr 40px}
body.page-home .logo-card {flex:0 0 calc((100% - 32px)/3)}
body.page-home .sector-grid {grid-template-columns:repeat(2,1fr)}
body.page-home .solutions-wrap {grid-template-columns:1fr}
body.page-home .solutions-col {grid-template-columns:repeat(2,1fr)}
body.page-home .footer-grid {grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px) {body.page-home .side-nav {display:none}
body.page-home .container {width:min(var(--max), calc(100% - 28px))}
body.page-home .navbar {flex-wrap:wrap}
body.page-home .nav-menu {gap:18px;justify-content:flex-start}
body.page-home .hero h1 {font-size:2.6rem}
body.page-home .hero .lead {font-size:1.05rem}
body.page-home .benefits-grid {grid-template-columns:1fr}
body.page-home .benefits-subtitle {font-size:1rem}
body.page-home .logo-card {flex:0 0 100%}
body.page-home .sector-grid {grid-template-columns:1fr}
body.page-home .solutions-col {grid-template-columns:1fr}
body.page-home .productivity-grid {grid-template-columns:1fr}
body.page-home .prod-item:not(:last-child)::after {display:none}
body.page-home .footer-grid {grid-template-columns:1fr}}

/* index-2.html */
body.page-tech {--blue:#174EA6;
      --blue-dark:#0D2B5C;
      --blue-soft:#EAF2FF;
      --blue-line:#D5E4FF;
      --black:#111111;
      --white:#FFFFFF;
      --red:#F20D0D;
      --green:#00B56B;
      --orange:#F59E0B;
      --gray-1:#F7F9FC;
      --gray-2:#E6ECF5;
      --gray-3:#CBD5E1;
      --text:#1F2937;
      --text-soft:#5F6B7A;
      --shadow:0 18px 50px rgba(10,20,40,.08);
      --shadow-soft:0 10px 28px rgba(23,78,166,.08);
      --container:1240px;}
body.page-tech * {box-sizing:border-box}
html {scroll-behavior:smooth}
body.page-tech {margin:0;
      font-family:"Poppins",sans-serif;
      background:var(--white);
      color:var(--text);
      line-height:1.6;
      overflow-x:hidden;}
body.page-tech img {max-width:100%;display:block}
body.page-tech a {text-decoration:none;color:inherit}
body.page-tech .container {width:min(var(--container), calc(100% - 40px));
      margin:auto;}
body.page-tech .section {padding:88px 0;
      position:relative;
      overflow:hidden;
      scroll-margin-top:110px;}
body.page-tech .eyebrow {display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:.88rem;
      font-weight:700;
      letter-spacing:.08em;
      text-transform:uppercase;
      color:var(--blue);
      margin-bottom:14px;}
body.page-tech .eyebrow::before {content:"";
      width:34px;
      height:2px;
      background:var(--blue);
      display:inline-block;}
body.page-tech h1, body.page-tech h2, body.page-tech h3, body.page-tech h4, body.page-tech p {margin:0}
body.page-tech h1 {font-size:clamp(2.6rem, 5vw, 4.35rem);
      line-height:1.02;
      letter-spacing:-.03em;}
body.page-tech h2 {font-size:clamp(1.9rem, 3vw, 3rem);
      line-height:1.12;
      letter-spacing:-.025em;
      margin-bottom:16px;}
body.page-tech .section-intro {max-width:820px;
      margin-bottom:42px;}
body.page-tech .section-intro p {font-size:1.02rem;
      color:var(--text-soft);}
body.page-tech .topbar {position:sticky;
      top:0;
      z-index:50;
      background:rgba(255,255,255,.96);
      backdrop-filter:blur(10px);
      border-bottom:1px solid rgba(0,0,0,.08);}
body.page-tech .nav-wrap {display:grid;
      grid-template-columns:260px 1fr 180px;
      align-items:center;
      gap:20px;
      width:100%;
      min-height:88px;}
body.page-tech .brand {display:flex;
      align-items:center;
      justify-content:flex-start;
      min-width:0;}
body.page-tech .brand img {height:74px;
      width:auto;
      max-width:100%;
      object-fit:contain;
      display:block;}
body.page-tech .nav {display:flex;
      align-items:center;
      justify-content:center;
      gap:28px;
      min-width:0;}
body.page-tech .nav a {position:relative;
      font-size:1rem;
      font-weight:600;
      color:#222;
      padding:8px 0;
      transition:.2s ease;
      white-space:nowrap;}
body.page-tech .nav a:hover {color:var(--black);}
body.page-tech .nav a.active {color:var(--black);}
body.page-tech .nav a.active::after {content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:-17px;
      margin:auto;
      width:40px;
      height:3px;
      background:var(--red);
      border-radius:999px;}
body.page-tech .nav-cta-wrap {display:flex;
      justify-content:flex-end;}
body.page-tech .nav-cta {display:inline-flex;
      align-items:center;
      justify-content:center;
      height:50px;
      min-width:154px;
      padding:0 20px;
      border-radius:16px;
      background:var(--red);
      color:var(--white);
      font-weight:700;
      font-size:1rem;
      white-space:nowrap;
      transition:.2s ease;}
body.page-tech .nav-cta:hover {transform:translateY(-1px);
      background:#d90c0c;}
body.page-tech .hero {background:
        radial-gradient(circle at 10% 10%, rgba(23,78,166,.11), transparent 26%),
        radial-gradient(circle at 92% 12%, rgba(23,78,166,.10), transparent 22%),
        linear-gradient(180deg, #ffffff 0%, #f5f9ff 100%);
      padding:70px 0 92px;}
body.page-tech .hero-grid {display:grid;
      grid-template-columns:minmax(0, 1fr) minmax(0, 560px);
      gap:40px;
      align-items:center;}
body.page-tech .hero-copy {min-width:0;
      padding-right:10px;}
body.page-tech .hero-copy p {font-size:1.06rem;
      color:var(--text-soft);
      max-width:720px;
      margin:22px 0 30px;}
body.page-tech .hero-actions {display:flex;
      flex-wrap:wrap;
      gap:14px;
      margin-top:10px;}
body.page-tech .btn {display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:52px;
      padding:0 24px;
      border-radius:999px;
      font-weight:600;
      font-size:.98rem;
      transition:.25s ease;
      border:1px solid transparent;}
body.page-tech .btn-primary {background:var(--blue);
      color:var(--white);
      box-shadow:var(--shadow-soft);}
body.page-tech .btn-primary:hover {background:var(--blue-dark);
      transform:translateY(-2px);}
body.page-tech .btn-secondary {background:var(--white);
      color:var(--black);
      border-color:var(--gray-2);}
body.page-tech .btn-secondary:hover {border-color:var(--blue);
      color:var(--blue);
      transform:translateY(-2px);}
body.page-tech .hero-visual {width:100%;
      max-width:560px;
      margin-left:auto;
      position:relative;}
body.page-tech .laptop-wrap {position:relative;}
body.page-tech .laptop-screen {background:linear-gradient(180deg,#F8FBFF 0%,#EFF5FE 100%);
      border:1px solid #D8E3F4;
      border-radius:24px;
      padding:14px;
      box-shadow:0 22px 50px rgba(16,16,16,.14);
      position:relative;
      z-index:2;}
body.page-tech .screen-inner {background:#FFFFFF;
      border:1px solid #E6ECF5;
      border-radius:18px;
      overflow:hidden;}
body.page-tech .screen-top {height:46px;
      background:#FFFFFF;
      border-bottom:1px solid #E8EEF6;
      display:flex;
      align-items:center;
      justify-content:space-between;
      padding:0 14px;}
body.page-tech .screen-dots {display:flex;
      gap:7px;}
body.page-tech .screen-dots span {width:9px;
      height:9px;
      border-radius:999px;
      background:#D7DFED;}
body.page-tech .screen-label {font-size:.74rem;
      font-weight:700;
      color:var(--blue);
      background:var(--blue-soft);
      border-radius:999px;
      padding:6px 10px;
      white-space:nowrap;}
body.page-tech .screen-content {padding:14px;
      display:grid;
      gap:12px;
      background:linear-gradient(180deg,#FBFDFF 0%, #F4F8FD 100%);}
body.page-tech .metrics-row {display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:10px;}
body.page-tech .metric-card {background:#FFFFFF;
      border:1px solid #E6ECF5;
      border-radius:14px;
      padding:12px;
      box-shadow:var(--shadow-soft);}
body.page-tech .metric-label {font-size:.72rem;
      color:var(--text-soft);
      margin-bottom:6px;}
body.page-tech .metric-value {font-size:1.1rem;
      font-weight:800;
      color:var(--blue-dark);
      line-height:1;
      margin-bottom:6px;}
body.page-tech .metric-sub {font-size:.68rem;
      color:var(--blue);
      font-weight:700;}
body.page-tech .visual-grid {display:grid;
      grid-template-columns:1.18fr .82fr;
      gap:12px;
      align-items:stretch;}
body.page-tech .chart-panel, body.page-tech .side-panel, body.page-tech .bottom-panel {background:#FFFFFF;
      border:1px solid #E6ECF5;
      border-radius:16px;
      padding:14px;
      box-shadow:var(--shadow-soft);}
body.page-tech .panel-title {font-size:.84rem;
      font-weight:700;
      color:#111;
      margin-bottom:10px;}
body.page-tech .trend-chart {height:150px;
      border-radius:12px;
      overflow:hidden;
      background:
        linear-gradient(to top, rgba(23,78,166,.06) 1px, transparent 1px) 0 0 / 100% 28px,
        linear-gradient(to right, rgba(23,78,166,.04) 1px, transparent 1px) 0 0 / 18% 100%;}
body.page-tech .trend-chart svg {width:100%;
      height:100%;
      display:block;}
body.page-tech .side-panel {display:grid;
      gap:12px;}
body.page-tech .mini-donut-wrap {display:flex;
      align-items:center;
      gap:12px;}
body.page-tech .mini-donut {width:76px;
      height:76px;
      border-radius:50%;
      background:conic-gradient(var(--blue) 0 72%, #E8EEF7 72% 100%);
      position:relative;
      flex:0 0 auto;}
body.page-tech .mini-donut::after {content:"";
      position:absolute;
      inset:16px;
      border-radius:50%;
      background:#fff;}
body.page-tech .mini-donut.green {background:conic-gradient(var(--green) 0 64%, #E8EEF7 64% 100%);}
body.page-tech .mini-donut.red {background:conic-gradient(var(--red) 0 81%, #E8EEF7 81% 100%);}
body.page-tech .mini-donut-text h4 {font-size:1rem;
      line-height:1;
      margin:0 0 4px;
      color:#111;}
body.page-tech .mini-donut-text p {font-size:.72rem;
      line-height:1.3;
      color:var(--text-soft);
      margin:0;}
body.page-tech .modules-row {display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:10px;}
body.page-tech .module-pill {background:#FBFCFE;
      border:1px solid #E6ECF5;
      border-radius:12px;
      padding:10px 12px;
      font-size:.74rem;
      font-weight:700;
      color:#243042;
      text-align:center;}
body.page-tech .laptop-base {width:92%;
      height:18px;
      margin:0 auto;
      background:linear-gradient(180deg,#D7E2F2 0%, #C1CFDF 100%);
      border-radius:0 0 30px 30px;
      position:relative;
      top:-2px;
      z-index:1;
      box-shadow:0 10px 18px rgba(20,30,50,.12);}
body.page-tech .laptop-base::before {content:"";
      position:absolute;
      left:50%;
      transform:translateX(-50%);
      top:0;
      width:120px;
      height:7px;
      border-radius:0 0 12px 12px;
      background:#AEBED2;}
body.page-tech .float-tag {position:absolute;
      background:#FFFFFF;
      border:1px solid #E6ECF5;
      border-radius:16px;
      padding:10px 14px;
      box-shadow:var(--shadow-soft);
      font-size:.78rem;
      font-weight:700;
      color:var(--blue);
      z-index:3;}
body.page-tech .tag-one {top:18px; right:8px;}
body.page-tech .tag-two {bottom:48px; left:0;}
body.page-tech .two-col {display:grid;
      grid-template-columns:1.02fr .98fr;
      gap:28px;
      align-items:start;}
body.page-tech .pillars {display:grid;
      gap:18px;}
body.page-tech .pillar {background:var(--white);
      border:1px solid var(--gray-2);
      border-radius:24px;
      padding:26px;
      box-shadow:var(--shadow-soft);}
body.page-tech .pillar-head {display:flex;
      align-items:center;
      gap:16px;
      margin-bottom:12px;}
body.page-tech .card-icon {width:56px;
      height:56px;
      border-radius:16px;
      background:var(--blue-soft);
      color:var(--blue);
      display:grid;
      place-items:center;
      flex:0 0 auto;}
body.page-tech .card-icon svg {width:22px;
      height:22px;
      stroke:currentColor;
      fill:none;
      stroke-width:1.9;
      stroke-linecap:round;
      stroke-linejoin:round;}
body.page-tech .pillar h3 {font-size:1.14rem;
      color:var(--black);
      margin-bottom:4px;}
body.page-tech .pillar p {color:var(--text-soft);
      font-size:.95rem;
      margin-bottom:14px;}
body.page-tech .mini-list {display:grid;
      gap:8px;}
body.page-tech .mini-list div {font-size:.9rem;
      color:var(--text);
      padding-left:18px;
      position:relative;}
body.page-tech .mini-list div::before {content:"";
      width:8px;
      height:8px;
      border-radius:50%;
      background:var(--blue);
      position:absolute;
      left:0;
      top:9px;}
body.page-tech .overview-box {background:linear-gradient(180deg, #ffffff 0%, #f4f8ff 100%);
      border:1px solid var(--blue-line);
      border-radius:28px;
      padding:30px;
      box-shadow:var(--shadow-soft);}
body.page-tech .overview-box h3 {font-size:1.4rem;
      line-height:1.2;
      margin-bottom:14px;
      color:var(--black);}
body.page-tech .overview-box p {color:var(--text-soft);
      margin-bottom:18px;}
body.page-tech .cycle-grid {display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:12px;
      margin-top:18px;}
body.page-tech .cycle-step {background:var(--white);
      border:1px solid var(--gray-2);
      border-radius:18px;
      padding:18px 14px;
      text-align:center;
      box-shadow:var(--shadow-soft);}
body.page-tech .cycle-step .num {width:36px;
      height:36px;
      border-radius:999px;
      background:var(--blue-soft);
      color:var(--blue);
      display:grid;
      place-items:center;
      font-weight:700;
      margin:0 auto 12px;}
body.page-tech .cycle-step h4 {font-size:.92rem;
      line-height:1.2;
      color:var(--black);
      margin-bottom:6px;}
body.page-tech .cycle-step p {font-size:.78rem;
      color:var(--text-soft);
      line-height:1.45;}
body.page-tech .modules {background:var(--gray-1);}
body.page-tech .modules-grid {display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:22px;}
body.page-tech .module-card {background:var(--white);
      border:1px solid var(--gray-2);
      border-radius:26px;
      padding:26px;
      box-shadow:var(--shadow-soft);
      min-height:260px;}
body.page-tech .module-top {display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
      margin-bottom:16px;}
body.page-tech .module-num {font-size:.82rem;
      font-weight:700;
      color:var(--blue);
      background:var(--blue-soft);
      padding:8px 12px;
      border-radius:999px;}
body.page-tech .module-card h3 {font-size:1.12rem;
      line-height:1.28;
      margin-bottom:10px;
      color:var(--black);}
body.page-tech .module-card p {font-size:.94rem;
      color:var(--text-soft);}
body.page-tech .benefits-grid {display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:18px;}
body.page-tech .benefit-card {background:#fbfcfe;
      border:1px solid var(--gray-2);
      border-radius:24px;
      padding:24px;
      box-shadow:var(--shadow-soft);}
body.page-tech .benefit-card h3 {font-size:1.02rem;
      margin:14px 0 8px;
      color:var(--black);}
body.page-tech .benefit-card p {font-size:.92rem;
      color:var(--text-soft);}
body.page-tech .lifecycle {background:linear-gradient(135deg, #0D2B5C 0%, #08172F 100%);
      color:var(--white);}
body.page-tech .lifecycle .eyebrow, body.page-tech .lifecycle h2, body.page-tech .lifecycle .section-intro p {color:var(--white);}
body.page-tech .lifecycle .eyebrow::before {background:var(--white);}
body.page-tech .timeline {display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:16px;
      margin-top:8px;}
body.page-tech .timeline-item {background:rgba(255,255,255,.08);
      border:1px solid rgba(255,255,255,.12);
      border-radius:24px;
      padding:24px 18px;
      backdrop-filter:blur(8px);}
body.page-tech .timeline-item .n {width:40px;
      height:40px;
      border-radius:14px;
      background:rgba(255,255,255,.14);
      display:grid;
      place-items:center;
      font-weight:700;
      margin-bottom:14px;}
body.page-tech .timeline-item h3 {font-size:1rem;
      margin-bottom:8px;}
body.page-tech .timeline-item p {font-size:.86rem;
      color:rgba(255,255,255,.82);
      line-height:1.55;}
body.page-tech .ecosystem {background:#ffffff;}
body.page-tech .ecosystem-grid {display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:24px;}
body.page-tech .eco-card {border:1px solid var(--gray-2);
      border-radius:28px;
      background:var(--white);
      box-shadow:var(--shadow-soft);
      overflow:hidden;}
body.page-tech .eco-head {padding:26px 26px 0;
      display:flex;
      align-items:center;
      gap:14px;}
body.page-tech .eco-body {padding:18px 26px 26px;}
body.page-tech .eco-body h3 {font-size:1.2rem;
      color:var(--black);
      margin-bottom:10px;}
body.page-tech .eco-body p {font-size:.95rem;
      color:var(--text-soft);
      margin-bottom:16px;}
body.page-tech .tag-list {display:flex;
      flex-wrap:wrap;
      gap:10px;}
body.page-tech .tag {font-size:.82rem;
      font-weight:600;
      color:var(--blue);
      background:var(--blue-soft);
      border:1px solid var(--blue-line);
      padding:9px 12px;
      border-radius:999px;}
body.page-tech .cta {background:
        linear-gradient(135deg, #0d0d0d 0%, #111827 42%, #0D2B5C 100%);
      color:var(--white);
      text-align:center;}
body.page-tech .cta h2 {color:var(--white);
      max-width:820px;
      margin:0 auto 18px;}
body.page-tech .cta p {color:rgba(255,255,255,.82);
      max-width:760px;
      margin:0 auto 28px;
      font-size:1rem;}
body.page-tech .cta .hero-actions {justify-content:center;}
body.page-tech .cta .btn-secondary {background:transparent;
      color:var(--white);
      border-color:rgba(255,255,255,.22);}
body.page-tech .cta .btn-secondary:hover {background:rgba(255,255,255,.08);
      color:var(--white);
      border-color:rgba(255,255,255,.38);}
body.page-tech .side-nav {position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:45;width:62px;background:#fff;border:1px solid var(--gray-2);border-radius:18px;box-shadow:var(--shadow-soft);overflow:hidden;transition:width .25s ease,box-shadow .25s ease}
body.page-tech .side-nav:hover {width:250px;box-shadow:0 14px 34px rgba(0,0,0,.10)}
body.page-tech .side-nav ul {list-style:none;margin:0;padding:10px}
body.page-tech .side-nav li+li {margin-top:6px}
body.page-tech .side-nav a {display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:14px;color:var(--black);font-size:.92rem;font-weight:700;white-space:nowrap;position:relative;transition:background .2s ease,color .2s ease}
body.page-tech .side-nav a::before {content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:transparent;transition:background .2s ease}
body.page-tech .side-nav a:hover {background:var(--blue-soft);color:var(--blue)}
body.page-tech .side-nav a.active {background:var(--blue-soft);color:var(--blue)}
body.page-tech .side-nav a.active::before {background:var(--blue)}
body.page-tech .side-nav svg {width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
body.page-tech .side-nav .label {opacity:0;transition:opacity .18s ease}
body.page-tech .side-nav:hover .label {opacity:1}
body.page-tech .section-anchor {scroll-margin-top:110px}
@media (max-width: 1180px) {body.page-tech .nav-wrap {grid-template-columns:220px 1fr 154px;
        gap:16px;}
body.page-tech .nav {gap:18px;}
body.page-tech .nav a {font-size:.95rem;}
body.page-tech .brand img {height:66px;}}
@media (max-width: 1100px) {body.page-tech .hero-grid, body.page-tech .two-col, body.page-tech .modules-grid, body.page-tech .ecosystem-grid {grid-template-columns:1fr;}
body.page-tech .benefits-grid {grid-template-columns:repeat(2,1fr);}
body.page-tech .cycle-grid, body.page-tech .timeline {grid-template-columns:repeat(3,1fr);}
body.page-tech .hero-visual {margin:24px auto 0;
        max-width:560px;}}
@media (max-width: 980px) {body.page-tech .side-nav {display:none}
body.page-tech .nav-wrap {display:flex;
        flex-direction:column;
        align-items:flex-start;
        padding:16px 0;}
body.page-tech .nav {justify-content:flex-start;
        gap:18px;
        flex-wrap:wrap;}
body.page-tech .nav a.active::after {bottom:-8px;}
body.page-tech .nav-cta-wrap {width:100%;}
body.page-tech .nav-cta {width:100%;}}
@media (max-width: 860px) {body.page-tech .visual-grid {grid-template-columns:1fr;}
body.page-tech .modules-row {grid-template-columns:repeat(2,1fr);}
body.page-tech .modules-grid, body.page-tech .benefits-grid, body.page-tech .cycle-grid, body.page-tech .timeline {grid-template-columns:1fr;}
body.page-tech .tag-one, body.page-tech .tag-two {display:none;}}
@media (max-width: 640px) {body.page-tech .section {padding:68px 0}
body.page-tech .container {width:min(var(--container), calc(100% - 24px))}
body.page-tech .hero-actions {flex-direction:column}
body.page-tech .btn {width:100%}
body.page-tech .metrics-row, body.page-tech .modules-row {grid-template-columns:1fr;}
body.page-tech .screen-top {padding:0 12px}
body.page-tech .screen-content {padding:12px}
body.page-tech .overview-box, body.page-tech .pillar, body.page-tech .module-card, body.page-tech .benefit-card, body.page-tech .eco-body {padding:22px}
body.page-tech .eco-head {padding:22px 22px 0}
body.page-tech .brand img {height:58px}
body.page-tech .nav {gap:14px}
body.page-tech .nav a {font-size:.92rem}}

/* index-3.html */
body.page-about {--red:#E30613; --green:#00B56B; --blue:#1F5EFF; --yellow:#D4A514;
      --text:#111111; --muted:#5f5f5f; --muted2:#7a7a7a; --border:#E8E8E8; --soft:#F5F5F5;
      --radius:16px; --shadow:0 10px 28px rgba(0,0,0,.06); --max:1200px;}
body.page-about * {box-sizing:border-box}
html {scroll-behavior:smooth}
body.page-about {margin:0;font-family:"Inter",Arial,sans-serif;color:var(--text);background:#fff}
body.page-about a {color:inherit;text-decoration:none}
body.page-about img {display:block;max-width:100%;height:auto}
body.page-about .container {width:min(var(--max), calc(100% - 48px)); margin:0 auto}
body.page-about header {position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--border)}
body.page-about .navbar {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}
body.page-about .logo {display:flex;align-items:center;gap:8px;font-weight:800;white-space:nowrap}
body.page-about .logo img {height:88px;width:auto;display:block}
body.page-about .logo .vc {color:var(--red);font-size:2rem;letter-spacing:-.04em}
body.page-about .logo .name {font-size:1rem;letter-spacing:-.01em}
body.page-about .nav-menu {display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center;font-size:.95rem;font-weight:600}
body.page-about .nav-menu a {position:relative;padding:8px 0}
body.page-about .nav-menu a::after {content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:999px;transform:scaleX(0);transform-origin:left;transition:.22s ease;background:var(--red)}
body.page-about .nav-menu a.active::after, body.page-about .nav-menu a:hover::after {transform:scaleX(1)}
body.page-about .nav-menu a.tech::after {background:var(--blue)}
body.page-about .nav-menu a.consult::after {background:var(--green)}
body.page-about .nav-menu a.us::after {background:var(--yellow)}
body.page-about .nav-menu a.contact::after {background:var(--red)}
body.page-about .btn {display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--red);color:#fff;
      padding:13px 20px;border-radius:12px;font-weight:700;font-size:.95rem;box-shadow:0 10px 22px rgba(227,6,19,.14)}
body.page-about .hero {padding:36px 0 22px}
body.page-about .hero-grid {display:grid;grid-template-columns:1fr 1.03fr;gap:34px;align-items:center}
body.page-about .hero h1 {margin:0 0 16px;font-size:4rem;line-height:1.02;letter-spacing:-.05em;font-weight:800}
body.page-about .hero .blue {color:var(--blue)}
body.page-about .hero .green {color:var(--green)}
body.page-about .hero .lead {margin:0 0 12px;max-width:520px;color:var(--muted);font-size:1.2rem;line-height:1.38}
body.page-about .hero .support {margin:0 0 22px;max-width:540px;color:var(--muted2);font-size:1rem;line-height:1.58}
body.page-about .hero .actions {display:flex;align-items:center;gap:24px;flex-wrap:wrap}
body.page-about .contact-links {display:flex;align-items:center;gap:18px;flex-wrap:wrap}
body.page-about .contact-link {display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.95rem}
body.page-about .contact-link span.txt {font-weight:600;color:#333;transition:.18s ease}
body.page-about .contact-link:hover span.txt {color:var(--red)}
body.page-about .contact-link .ico {width:34px;height:34px;border-radius:50%;background:#F1F1F1;display:grid;place-items:center;color:var(--red)}
body.page-about .contact-link .ico svg {width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-about .hero-visual img {width:100%;border-radius:18px;box-shadow:var(--shadow)}
body.page-about section {padding:28px 0}
body.page-about #beneficios {padding:64px 0 72px}
body.page-about .benefits-stage {min-height:560px;display:flex;flex-direction:column;justify-content:center}
body.page-about .benefits-head {max-width:920px;margin:0 auto 30px;text-align:center}
body.page-about .benefits-head .section-title {margin-bottom:14px}
body.page-about .benefits-subtitle {margin:0 auto;color:var(--muted);font-size:1.05rem;line-height:1.55;max-width:860px}
body.page-about .benefits-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
body.page-about .benefit-card {background:var(--soft);border:1px solid var(--border);border-radius:18px;padding:24px 20px;min-height:180px;display:flex;flex-direction:column;justify-content:flex-start}
body.page-about .benefit-card strong {display:block;font-size:1.12rem;line-height:1.3;font-weight:800;color:var(--text)}
body.page-about .benefit-copy {margin:12px 0 0;color:var(--muted2);font-size:.95rem;line-height:1.5;font-weight:400}
body.page-about .benefit-card .benefit-line {width:52px;height:3px;border-radius:999px;background:var(--red);margin-top:16px}
body.page-about .section-divider {width:72px;height:2px;background:var(--red);opacity:.8;border-radius:999px;margin:6px auto 26px}
body.page-about .section-title {text-align:center;font-size:2.1rem;line-height:1.08;letter-spacing:-.04em;font-weight:800;margin:0 0 24px}
body.page-about .section-title .red {color:var(--red)}
body.page-about .benefit-icon {width:44px;height:44px;border-radius:12px;background:#fff;color:var(--red);display:grid;place-items:center;
      box-shadow:0 6px 16px rgba(0,0,0,.04);margin-bottom:18px}
body.page-about .benefit-icon svg {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-about .benefit-card h3 {margin:0 0 8px;font-size:1.05rem;line-height:1.28;font-weight:800}
body.page-about .benefit-card p {margin:0;color:var(--muted2);font-size:.9rem;line-height:1.5}
body.page-about .carousel-wrap {position:relative}
body.page-about .carousel-shell {display:grid;grid-template-columns:48px 1fr 48px;gap:14px;align-items:center}
body.page-about .carousel-arrow {width:42px;height:42px;border-radius:50%;border:1px solid var(--border);display:grid;place-items:center;
      background:#fff;color:#777;cursor:pointer;user-select:none}
body.page-about .logo-viewport {overflow:hidden}
body.page-about .logo-track {display:flex;gap:16px;transition:transform .3s ease}
body.page-about .logo-card {flex:0 0 calc((100% - 80px)/6);height:120px;border-radius:14px;background:linear-gradient(180deg,#f1f1f1 0%,#e6e6e6 100%);
      border:1px solid #dedede;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#8a8a8a;
      font-weight:700;font-size:.95rem;letter-spacing:.01em}
body.page-about .logo-card svg {width:34px;height:34px;stroke:#9a9a9a;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
body.page-about .logo-card span {display:block}
body.page-about .carousel-dots {display:flex;justify-content:center;gap:8px;margin-top:14px}
body.page-about .carousel-dot {width:9px;height:9px;border-radius:50%;background:#D0D0D0;cursor:pointer}
body.page-about .carousel-dot.active {background:var(--red)}
body.page-about .sector-grid {display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
body.page-about .sector-card {background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
body.page-about .sector-image {position:relative;height:240px;overflow:hidden}
body.page-about .sector-card img {width:100%;height:100%;object-fit:cover;display:block;filter:brightness(1.08) contrast(1.02)}
body.page-about .sector-image::after {content:"";position:absolute;inset:auto 0 0 0;height:56%;background:linear-gradient(to top, rgba(0,0,0,.58), rgba(0,0,0,0))}
body.page-about .sector-name {position:absolute;left:16px;bottom:16px;color:#fff;font-size:1.05rem;font-weight:800;line-height:1.12;text-shadow:0 2px 8px rgba(0,0,0,.22)}
body.page-about .sector-name::after {content:"";display:block;width:42px;height:3px;background:var(--red);border-radius:999px;margin-top:8px}
body.page-about .solutions-wrap {display:grid;grid-template-columns:250px 1fr 250px;gap:16px;align-items:stretch}
body.page-about .solutions-col {display:grid;gap:16px}
body.page-about .solution-box {background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px 18px;min-height:154px}
body.page-about .solution-box .icon {width:42px;height:42px;border-radius:12px;background:#FFF5F5;border:1px solid rgba(227,6,19,.16);color:var(--red);
      display:grid;place-items:center;margin-bottom:14px}
body.page-about .solution-box .icon svg {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-about .solution-box h3 {margin:0 0 8px;font-size:1.05rem;line-height:1.28;font-weight:800}
body.page-about .solution-box p {margin:0;color:var(--muted2);font-size:.9rem;line-height:1.5}
body.page-about .solutions-center {background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column}
body.page-about .solutions-center .image-wrap {position:relative}
body.page-about .solutions-center .image-wrap img {width:100%;display:block}
body.page-about .overlay-card {position:absolute;background:rgba(255,255,255,.96);border-radius:14px;box-shadow:0 12px 26px rgba(0,0,0,.10);padding:14px 14px}
body.page-about .overlay-card.activity {left:18px;top:18px;width:185px}
body.page-about .overlay-card.person {right:18px;top:120px;width:205px}
body.page-about .overlay-card h4 {margin:0 0 10px;font-size:.95rem;font-weight:800}
body.page-about .overlay-card ul {list-style:none;margin:0;padding:0}
body.page-about .overlay-card li {display:flex;justify-content:space-between;gap:8px;padding:5px 0;color:#444;font-size:.88rem}
body.page-about .pill {display:inline-block;background:#DDF7EA;color:#119860;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:700;margin-top:10px}
body.page-about .solutions-bottom {border-top:1px solid var(--border);padding:18px;display:flex;gap:12px;align-items:flex-start;background:#FAFAFA}
body.page-about .solutions-bottom .icon {width:42px;height:42px;border-radius:12px;background:#FFF5F5;border:1px solid rgba(227,6,19,.16);display:grid;place-items:center;color:var(--red)}
body.page-about .solutions-bottom .icon svg {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-about .solutions-bottom h3 {margin:0 0 6px;font-size:1.2rem;font-weight:800}
body.page-about .solutions-bottom p {margin:0;color:var(--muted2);font-size:.92rem;line-height:1.5}
body.page-about .productivity {padding-top:20px;padding-bottom:12px;text-align:center}
body.page-about .productivity-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0 auto 20px;max-width:1060px}
body.page-about .prod-item {padding:0 20px;position:relative}
body.page-about .prod-item:not(:last-child)::after {content:"";position:absolute;right:0;top:4px;width:1px;height:122px;background:#E6E6E6}
body.page-about .prod-icon {width:48px;height:48px;border-radius:14px;background:#FFF5F5;border:1px solid rgba(227,6,19,.16);color:var(--red);
      display:grid;place-items:center;margin:0 auto 14px}
body.page-about .prod-icon svg {width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-about .prod-item h3 {margin:0 0 8px;font-size:1.05rem;font-weight:800}
body.page-about .prod-item p {margin:0 auto;color:var(--muted2);font-size:.92rem;line-height:1.5;max-width:290px}
body.page-about footer {margin-top:28px;border-top:none;padding:34px 0 28px;background:var(--red)}
body.page-about .footer-grid {display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:28px}
body.page-about .footer-logo {font-weight:800;font-size:1.2rem;margin-bottom:14px;color:#fff;letter-spacing:0;line-height:1.2;text-transform:none}
body.page-about .footer-logo .red {color:#fff;font:inherit;letter-spacing:inherit}
body.page-about .footer-col h4 {margin:0 0 12px;font-size:.95rem;font-weight:800;color:#fff}
body.page-about .footer-col p, body.page-about .footer-col li, body.page-about .footer-col span {color:rgba(255,255,255,.92);font-size:.9rem;line-height:1.55}
body.page-about .footer-col ul {list-style:none;margin:0;padding:0}
body.page-about .footer-col li {margin:0 0 8px}
body.page-about .footer-col a {color:rgba(255,255,255,.92)}
body.page-about .footer-col a:hover {color:#fff}
body.page-about .contact-stack {display:grid;gap:10px}
body.page-about .contact-stack a svg {width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
body.page-about .contact-stack a {display:flex;align-items:center;gap:10px}
body.page-about .contact-stack a:hover {color:#fff}
body.page-about .copyright {margin-top:16px;color:rgba(255,255,255,.78)!important;font-size:.78rem!important}
body.page-about .side-nav {position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:45;width:62px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow);overflow:hidden;transition:width .25s ease,box-shadow .25s ease}
body.page-about .side-nav:hover {width:236px;box-shadow:0 14px 34px rgba(0,0,0,.09)}
body.page-about .side-nav ul {list-style:none;margin:0;padding:10px}
body.page-about .side-nav li+li {margin-top:6px}
body.page-about .side-nav a {display:flex;align-items:center;gap:12px;padding:12px 12px;border-radius:14px;color:var(--text);font-size:.92rem;font-weight:700;white-space:nowrap;position:relative;transition:background .2s ease,color .2s ease}
body.page-about .side-nav a::before {content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:999px;background:transparent;transition:background .2s ease}
body.page-about .side-nav a:hover {background:#FFF5F5;color:var(--red)}
body.page-about .side-nav a.active {background:#FFF5F5;color:var(--red)}
body.page-about .side-nav a.active::before {background:var(--red)}
body.page-about .side-nav svg {width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
body.page-about .side-nav .label {opacity:0;transition:opacity .18s ease}
body.page-about .side-nav:hover .label {opacity:1}
body.page-about .section-anchor {scroll-margin-top:110px}
@media (max-width:1100px) {body.page-about .hero-grid {grid-template-columns:1fr}
body.page-about .benefits-grid {grid-template-columns:repeat(2,1fr)}
body.page-about .benefits-stage {min-height:auto}
body.page-about .carousel-shell {grid-template-columns:40px 1fr 40px}
body.page-about .logo-card {flex:0 0 calc((100% - 32px)/3)}
body.page-about .sector-grid {grid-template-columns:repeat(2,1fr)}
body.page-about .solutions-wrap {grid-template-columns:1fr}
body.page-about .solutions-col {grid-template-columns:repeat(2,1fr)}
body.page-about .footer-grid {grid-template-columns:repeat(2,1fr)}}
@media (max-width:760px) {body.page-about .side-nav {display:none}
body.page-about .container {width:min(var(--max), calc(100% - 28px))}
body.page-about .navbar {flex-wrap:wrap}
body.page-about .nav-menu {gap:18px;justify-content:flex-start}
body.page-about .hero h1 {font-size:2.6rem}
body.page-about .hero .lead {font-size:1.05rem}
body.page-about .benefits-grid {grid-template-columns:1fr}
body.page-about .benefits-subtitle {font-size:1rem}
body.page-about .logo-card {flex:0 0 100%}
body.page-about .sector-grid {grid-template-columns:1fr}
body.page-about .solutions-col {grid-template-columns:1fr}
body.page-about .productivity-grid {grid-template-columns:1fr}
body.page-about .prod-item:not(:last-child)::after {display:none}
body.page-about .footer-grid {grid-template-columns:1fr}}

/* index-4.html */
body.page-contact {--red:#F20D0D;
      --red-dark:#C70B0B;
      --black:#111111;
      --white:#FFFFFF;
      --gray-1:#F7F7F7;
      --gray-2:#E8E8E8;
      --gray-3:#666666;
      --shadow:0 18px 50px rgba(0,0,0,.08);
      --shadow-soft:0 10px 28px rgba(0,0,0,.06);
      --container:1200px;}
body.page-contact * {box-sizing:border-box}
html {scroll-behavior:smooth}
body.page-contact {margin:0;
      font-family:"Poppins",sans-serif;
      background:var(--white);
      color:var(--black);
      line-height:1.6;
      overflow-x:hidden;}
body.page-contact a {text-decoration:none;color:inherit}
body.page-contact img {max-width:100%;display:block}
body.page-contact .container {width:min(var(--container), calc(100% - 40px));
      margin:auto;}
body.page-contact .section {padding:84px 0;}
body.page-contact .eyebrow {display:inline-flex;
      align-items:center;
      gap:10px;
      font-size:.86rem;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.08em;
      color:var(--red);
      margin-bottom:14px;}
body.page-contact .eyebrow::before {content:"";
      width:34px;
      height:2px;
      background:var(--red);
      display:inline-block;}
body.page-contact h1, body.page-contact h2, body.page-contact h3, body.page-contact h4, body.page-contact p {margin:0}
body.page-contact h1 {font-size:clamp(2.5rem, 5vw, 4.1rem);
      line-height:1.02;
      letter-spacing:-.03em;}
body.page-contact h2 {font-size:clamp(1.8rem, 3vw, 2.8rem);
      line-height:1.1;
      letter-spacing:-.02em;
      margin-bottom:14px;}
body.page-contact .topbar {position:sticky;
      top:0;
      z-index:50;
      background:rgba(255,255,255,.96);
      backdrop-filter:blur(10px);
      border-bottom:1px solid var(--gray-2);}
body.page-contact .nav-wrap {display:grid;
      grid-template-columns:260px 1fr 180px;
      align-items:center;
      gap:20px;
      min-height:88px;}
body.page-contact .brand img {height:74px;
      width:auto;
      object-fit:contain;}
body.page-contact .nav {display:flex;
      align-items:center;
      justify-content:center;
      gap:28px;
      min-width:0;}
body.page-contact .nav a {position:relative;
      font-size:1rem;
      font-weight:600;
      color:#222;
      padding:8px 0;
      white-space:nowrap;
      transition:.2s ease;}
body.page-contact .nav a:hover {color:var(--black);}
body.page-contact .nav a.active {color:var(--black);}
body.page-contact .nav a.active::after {content:"";
      position:absolute;
      left:0;
      right:0;
      bottom:-17px;
      margin:auto;
      width:40px;
      height:3px;
      background:var(--red);
      border-radius:999px;}
body.page-contact .nav-cta-wrap {display:flex;
      justify-content:flex-end;}
body.page-contact .nav-cta {display:inline-flex;
      align-items:center;
      justify-content:center;
      min-width:154px;
      height:50px;
      padding:0 20px;
      border-radius:16px;
      background:var(--red);
      color:var(--white);
      font-weight:700;
      transition:.2s ease;}
body.page-contact .nav-cta:hover {background:var(--red-dark);
      transform:translateY(-1px);}
body.page-contact .hero {background:
        radial-gradient(circle at 8% 10%, rgba(242,13,13,.08), transparent 22%),
        radial-gradient(circle at 90% 15%, rgba(17,17,17,.06), transparent 24%),
        linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
      padding:72px 0 90px;}
body.page-contact .hero-grid {display:grid;
      grid-template-columns:minmax(0, 1fr) minmax(0, 540px);
      gap:42px;
      align-items:center;}
body.page-contact .hero-copy p {font-size:1.04rem;
      color:var(--gray-3);
      max-width:700px;
      margin:20px 0 28px;}
body.page-contact .hero-actions {display:flex;
      flex-wrap:wrap;
      gap:14px;}
body.page-contact .btn {display:inline-flex;
      align-items:center;
      justify-content:center;
      min-height:52px;
      padding:0 24px;
      border-radius:999px;
      font-weight:600;
      border:1px solid transparent;
      transition:.25s ease;}
body.page-contact .btn-primary {background:var(--red);
      color:var(--white);
      box-shadow:var(--shadow-soft);}
body.page-contact .btn-primary:hover {background:var(--red-dark);
      transform:translateY(-2px);}
body.page-contact .btn-secondary {background:var(--white);
      color:var(--black);
      border-color:var(--gray-2);}
body.page-contact .btn-secondary:hover {border-color:var(--red);
      color:var(--red);}
body.page-contact .hero-visual {width:100%;
      max-width:540px;
      margin-left:auto;}
body.page-contact .contact-visual {position:relative;
      background:linear-gradient(145deg, #161616 0%, #0F0F0F 100%);
      border-radius:30px;
      padding:26px;
      box-shadow:0 26px 60px rgba(0,0,0,.22);
      overflow:hidden;
      min-height:460px;}
body.page-contact .contact-visual::before {content:"";
      position:absolute;
      inset:auto -40px -40px auto;
      width:220px;
      height:220px;
      background:radial-gradient(circle, rgba(242,13,13,.25) 0%, rgba(242,13,13,0) 70%);
      pointer-events:none;}
body.page-contact .contact-visual::after {content:"";
      position:absolute;
      inset:20px auto auto -40px;
      width:180px;
      height:180px;
      background:radial-gradient(circle, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 70%);
      pointer-events:none;}
body.page-contact .visual-head {position:relative;
      z-index:1;
      display:flex;
      justify-content:space-between;
      align-items:center;
      margin-bottom:22px;}
body.page-contact .visual-chip {display:inline-flex;
      align-items:center;
      gap:8px;
      padding:8px 12px;
      border-radius:999px;
      background:rgba(255,255,255,.08);
      color:#fff;
      font-size:.76rem;
      font-weight:700;
      border:1px solid rgba(255,255,255,.08);}
body.page-contact .visual-chip.red {background:rgba(242,13,13,.14);
      color:#fff;
      border-color:rgba(242,13,13,.24);}
body.page-contact .contact-cards {position:relative;
      z-index:1;
      display:grid;
      gap:14px;}
body.page-contact .contact-card {background:rgba(255,255,255,.05);
      border:1px solid rgba(255,255,255,.08);
      border-radius:20px;
      padding:18px;
      color:#fff;
      backdrop-filter:blur(8px);}
body.page-contact .contact-card h4 {font-size:1rem;
      margin-bottom:6px;}
body.page-contact .contact-card p {font-size:.9rem;
      color:rgba(255,255,255,.78);}
body.page-contact .contact-grid-mini {display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:14px;}
body.page-contact .mini-box {background:#fff;
      border-radius:18px;
      padding:16px;
      box-shadow:var(--shadow-soft);}
body.page-contact .mini-box strong {display:block;
      font-size:.84rem;
      color:var(--red);
      margin-bottom:6px;}
body.page-contact .mini-box span {display:block;
      font-size:.95rem;
      font-weight:700;
      color:var(--black);
      line-height:1.35;}
body.page-contact .split-grid {display:grid;
      grid-template-columns:minmax(0, .95fr) minmax(0, 1.05fr);
      gap:28px;
      align-items:start;}
body.page-contact .info-column {display:grid;
      gap:18px;}
body.page-contact .info-card, body.page-contact .form-card, body.page-contact .faq-card {background:#fff;
      border:1px solid var(--gray-2);
      border-radius:24px;
      box-shadow:var(--shadow-soft);}
body.page-contact .info-card {padding:24px;}
body.page-contact .info-card h3 {font-size:1.12rem;
      margin-bottom:8px;}
body.page-contact .info-card p {color:var(--gray-3);
      font-size:.94rem;}
body.page-contact .info-list {display:grid;
      gap:14px;
      margin-top:16px;}
body.page-contact .info-item {display:flex;
      gap:14px;
      align-items:flex-start;
      padding:14px 0;
      border-top:1px solid var(--gray-2);}
body.page-contact .info-item:first-child {border-top:none;
      padding-top:0;}
body.page-contact .icon-wrap {width:48px;
      height:48px;
      border-radius:14px;
      background:#FFF1F1;
      color:var(--red);
      display:grid;
      place-items:center;
      flex:0 0 auto;}
body.page-contact .icon-wrap svg {width:22px;
      height:22px;
      stroke:currentColor;
      fill:none;
      stroke-width:1.9;
      stroke-linecap:round;
      stroke-linejoin:round;}
body.page-contact .info-item strong {display:block;
      font-size:.96rem;
      margin-bottom:4px;
      color:var(--black);}
body.page-contact .info-item span, body.page-contact .info-item a {font-size:.92rem;
      color:var(--gray-3);
      line-height:1.45;}
body.page-contact .form-card {padding:28px;
      background:linear-gradient(180deg, #FFFFFF 0%, #FCFCFC 100%);}
body.page-contact .form-card h3 {font-size:1.3rem;
      margin-bottom:8px;}
body.page-contact .form-card p {color:var(--gray-3);
      margin-bottom:22px;
      font-size:.95rem;}
body.page-contact .form-grid {display:grid;
      grid-template-columns:1fr 1fr;
      gap:14px;}
body.page-contact .field {display:flex;
      flex-direction:column;
      gap:8px;}
body.page-contact .field.full {grid-column:1 / -1;}
body.page-contact .field label {font-size:.88rem;
      font-weight:600;
      color:var(--black);}
body.page-contact .field input, body.page-contact .field select, body.page-contact .field textarea {width:100%;
      border:1px solid var(--gray-2);
      border-radius:14px;
      padding:14px 14px;
      font:inherit;
      color:var(--black);
      background:#fff;
      outline:none;
      transition:border-color .2s ease, box-shadow .2s ease;}
body.page-contact .field input:focus, body.page-contact .field select:focus, body.page-contact .field textarea:focus {border-color:var(--red);
      box-shadow:0 0 0 4px rgba(242,13,13,.08);}
body.page-contact .field textarea {min-height:140px;
      resize:vertical;}
body.page-contact .submit-row {margin-top:18px;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:16px;
      flex-wrap:wrap;}
body.page-contact .submit-row small {color:var(--gray-3);
      font-size:.82rem;}
body.page-contact .section-intro {max-width:760px;
      margin-bottom:38px;}
body.page-contact .section-intro p {color:var(--gray-3);
      font-size:1rem;}
body.page-contact .faq-grid {display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:18px;}
body.page-contact .faq-card {padding:22px;}
body.page-contact .faq-card h4 {font-size:1rem;
      margin-bottom:8px;}
body.page-contact .faq-card p {font-size:.92rem;
      color:var(--gray-3);}
body.page-contact .cta-band {background:linear-gradient(135deg, #111111 0%, #1B1B1B 45%, #2A0909 100%);
      color:#fff;
      border-radius:30px;
      padding:54px 30px;
      text-align:center;
      box-shadow:0 24px 55px rgba(0,0,0,.16);}
body.page-contact .cta-band h2 {color:#fff;
      margin-bottom:16px;}
body.page-contact .cta-band p {max-width:760px;
      margin:0 auto 24px;
      color:rgba(255,255,255,.8);}
body.page-contact .cta-band .hero-actions {justify-content:center;}
body.page-contact .cta-band .btn-secondary {background:transparent;
      color:#fff;
      border-color:rgba(255,255,255,.18);}
body.page-contact .cta-band .btn-secondary:hover {background:rgba(255,255,255,.08);
      color:#fff;
      border-color:rgba(255,255,255,.32);}
body.page-contact footer {padding:40px 0 34px;
      border-top:1px solid var(--gray-2);
      background:#fff;}
body.page-contact .footer-wrap {display:flex;
      align-items:center;
      justify-content:space-between;
      gap:20px;
      flex-wrap:wrap;}
body.page-contact .footer-wrap p {color:var(--gray-3);
      font-size:.9rem;}
body.page-contact .footer-links {display:flex;
      gap:18px;
      flex-wrap:wrap;}
body.page-contact .footer-links a {color:var(--black);
      font-weight:500;
      font-size:.92rem;}
body.page-contact .footer-links a:hover {color:var(--red);}
@media (max-width: 1180px) {body.page-contact .nav-wrap {grid-template-columns:220px 1fr 154px;
        gap:16px;}
body.page-contact .nav {gap:18px;}
body.page-contact .brand img {height:66px;}}
@media (max-width: 1024px) {body.page-contact .hero-grid, body.page-contact .split-grid, body.page-contact .faq-grid {grid-template-columns:1fr;}
body.page-contact .hero-visual {margin:24px auto 0;}}
@media (max-width: 980px) {body.page-contact .nav-wrap {display:flex;
        flex-direction:column;
        align-items:flex-start;
        padding:16px 0;}
body.page-contact .nav {justify-content:flex-start;
        gap:18px;
        flex-wrap:wrap;}
body.page-contact .nav a.active::after {bottom:-8px;}
body.page-contact .nav-cta-wrap {width:100%;}
body.page-contact .nav-cta {width:100%;}}
@media (max-width: 680px) {body.page-contact .form-grid, body.page-contact .contact-grid-mini {grid-template-columns:1fr;}
body.page-contact .container {width:min(var(--container), calc(100% - 24px));}
body.page-contact .section {padding:68px 0;}
body.page-contact .hero-actions {flex-direction:column;}
body.page-contact .btn {width:100%;}
body.page-contact .brand img {height:58px;}
body.page-contact .nav {gap:14px;}
body.page-contact .nav a {font-size:.92rem;}
body.page-contact .form-card, body.page-contact .info-card, body.page-contact .faq-card {padding:22px;}
body.page-contact .cta-band {padding:40px 22px;}}

/* shared header normalization */
body.page-home .site-header,
body.page-tech .site-header,
body.page-about .site-header,
body.page-contact .site-header{font-family:Inter,Arial,sans-serif;background:#fff;border-bottom:1px solid #E8E8E8;position:sticky;top:0;z-index:90}
body.page-home .site-navbar,
body.page-tech .site-navbar,
body.page-about .site-navbar,
body.page-contact .site-navbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0}
body.page-home .site-logo img,
body.page-tech .site-logo img,
body.page-about .site-logo img,
body.page-contact .site-logo img{height:88px;width:auto;display:block}
body.page-home .site-nav-menu,
body.page-tech .site-nav-menu,
body.page-about .site-nav-menu,
body.page-contact .site-nav-menu{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center;font-size:.95rem;font-weight:600}
body.page-home .site-nav-menu a,
body.page-tech .site-nav-menu a,
body.page-about .site-nav-menu a,
body.page-contact .site-nav-menu a{position:relative;padding:8px 0;color:#111}
body.page-home .site-nav-menu a::after,
body.page-tech .site-nav-menu a::after,
body.page-about .site-nav-menu a::after,
body.page-contact .site-nav-menu a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:999px;transform:scaleX(0);transform-origin:left;transition:.22s ease;background:#E30613}
body.page-home .site-nav-menu a.is-active::after,
body.page-home .site-nav-menu a:hover::after,
body.page-tech .site-nav-menu a.is-active::after,
body.page-tech .site-nav-menu a:hover::after,
body.page-about .site-nav-menu a.is-active::after,
body.page-about .site-nav-menu a:hover::after,
body.page-contact .site-nav-menu a.is-active::after,
body.page-contact .site-nav-menu a:hover::after{transform:scaleX(1)}
body.page-home .site-btn,
body.page-tech .site-btn,
body.page-about .site-btn,
body.page-contact .site-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#E30613;color:#fff;padding:13px 20px;border-radius:12px;font-weight:700;font-size:.95rem;box-shadow:0 10px 22px rgba(227,6,19,.14)}
@media (max-width:760px){
  body.page-home .site-container,
  body.page-tech .site-container,
  body.page-about .site-container,
  body.page-contact .site-container{width:min(1200px, calc(100% - 28px))}
  body.page-home .site-navbar,
  body.page-tech .site-navbar,
  body.page-about .site-navbar,
  body.page-contact .site-navbar{flex-wrap:wrap}
  body.page-home .site-nav-menu,
  body.page-tech .site-nav-menu,
  body.page-about .site-nav-menu,
  body.page-contact .site-nav-menu{gap:18px;justify-content:flex-start}
}


/* ===== AJUSTE FINAL HEADER VYC ===== */
body.page-home .site-header,
body.page-tech .site-header,
body.page-about .site-header,
body.page-contact .site-header{
  position: sticky;
  top: 0;
  z-index: 90;
  background: #fff;
  border-bottom: 1px solid var(--vc-border);
}

body.page-home .site-navbar,
body.page-tech .site-navbar,
body.page-about .site-navbar,
body.page-contact .site-navbar{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 18px !important;
  padding: 8px 0 !important;
  min-height: 112px !important;
  flex-wrap: nowrap !important;
}

body.page-home .site-logo,
body.page-tech .site-logo,
body.page-about .site-logo,
body.page-contact .site-logo{
  display: flex !important;
  align-items: center !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
  margin-right: 6px !important;
}

body.page-home .site-logo a,
body.page-tech .site-logo a,
body.page-about .site-logo a,
body.page-contact .site-logo a{
  display: flex !important;
  align-items: center !important;
}

body.page-home .site-logo img,
body.page-tech .site-logo img,
body.page-about .site-logo img,
body.page-contact .site-logo img{
  width: 300px !important;
  height: auto !important;
  max-width: none !important;
  display: block !important;
}

body.page-home .site-nav-menu,
body.page-tech .site-nav-menu,
body.page-about .site-nav-menu,
body.page-contact .site-nav-menu{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 32px !important;
  flex: 0 0 auto !important;
  flex-wrap: nowrap !important;
  margin-left: 0 !important;
}

body.page-home .site-nav-menu a,
body.page-tech .site-nav-menu a,
body.page-about .site-nav-menu a,
body.page-contact .site-nav-menu a{
  white-space: nowrap;
}

body.page-home .site-btn,
body.page-tech .site-btn,
body.page-about .site-btn,
body.page-contact .site-btn{
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

@media (max-width: 1100px){
  body.page-home .site-navbar,
  body.page-tech .site-navbar,
  body.page-about .site-navbar,
  body.page-contact .site-navbar{
    gap: 14px !important;
    min-height: 98px !important;
  }

  body.page-home .site-logo img,
  body.page-tech .site-logo img,
  body.page-about .site-logo img,
  body.page-contact .site-logo img{
    width: 250px !important;
  }

  body.page-home .site-nav-menu,
  body.page-tech .site-nav-menu,
  body.page-about .site-nav-menu,
  body.page-contact .site-nav-menu{
    gap: 22px !important;
  }
}

@media (max-width: 860px){
  body.page-home .site-navbar,
  body.page-tech .site-navbar,
  body.page-about .site-navbar,
  body.page-contact .site-navbar{
    flex-wrap: wrap !important;
    justify-content: space-between !important;
    min-height: auto !important;
  }

  body.page-home .site-logo img,
  body.page-tech .site-logo img,
  body.page-about .site-logo img,
  body.page-contact .site-logo img{
    width: 210px !important;
  }

  body.page-home .site-nav-menu,
  body.page-tech .site-nav-menu,
  body.page-about .site-nav-menu,
  body.page-contact .site-nav-menu{
    order: 3;
    width: 100%;
    gap: 16px !important;
    margin-top: 6px;
    flex-wrap: wrap !important;
  }
}

/* ===== MENU SUPERIOR: COLOR ACTIVO POR PÁGINA ===== */
body.page-home .site-nav-menu a.is-active::after{background:#E30613;}
body.page-tech .site-nav-menu a.is-active::after{background:#174EA6;}
body.page-smcp .site-nav-menu a.is-active::after{background:#00B56B;}
body.page-about .site-nav-menu a.is-active::after{background:#D4A514;}
body.page-contact .site-nav-menu a.is-active::after{background:#E30613;}