:root{
  --ink:#1e2a2a;--muted:#66716f;--forest:#476353;--forest-dark:#2f463b;--sage:#8ea592;
  --blue:#416f86;--sand:#d9c8aa;--cream:#f6f3ec;--paper:#fffdfa;--line:#dfe4df;--white:#fff;
  --shadow:0 22px 60px rgba(31,52,47,.11);--shadow-sm:0 12px 30px rgba(31,52,47,.08);
  --radius:10px;--radius-lg:28px;--max:1220px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(calc(100% - 38px),var(--max));margin-inline:auto}.section{padding:112px 0;position:relative}.section-soft{background:var(--cream)}.section-dark{background:var(--forest-dark);color:#fff;overflow:hidden}.section-dark::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.05),transparent 38%),radial-gradient(circle at 85% 20%,rgba(217,200,170,.16),transparent 28%)}
.eyebrow{display:inline-flex;align-items:center;gap:.75rem;color:var(--forest);font-size:.74rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.eyebrow::before{content:"";width:44px;height:1px;background:currentColor}.section-title{max-width:820px;margin:0 auto 58px;text-align:center;position:relative;z-index:1}.section-title h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.35rem,4vw,4.5rem);line-height:1.02;margin:.8rem 0 1rem;letter-spacing:-.035em}.section-title p{color:var(--muted);font-size:1.05rem;line-height:1.8}.section-dark .section-title p{color:#d5ddd8}.accent{color:var(--forest);font-style:italic}.section-dark .accent{color:#e5d5b9}
.site-header{position:fixed;z-index:100;inset:0 0 auto;background:rgba(255,253,250,.9);backdrop-filter:blur(16px);border-bottom:1px solid rgba(46,70,59,.08);transition:.3s}.site-header.scrolled{box-shadow:0 10px 30px rgba(31,52,47,.08)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand img{width:232px}.nav-links{display:flex;align-items:center;gap:30px;font-size:.88rem;font-weight:750}.nav-links a{position:relative;color:var(--ink)}.nav-links a:not(.btn)::after{content:"";position:absolute;left:0;right:100%;bottom:-9px;height:1px;background:var(--forest);transition:.25s}.nav-links a:hover::after,.nav-links a.active::after{right:0}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);font-size:1.7rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;padding:1rem 1.35rem;border-radius:4px;font-weight:800;border:1px solid transparent;transition:.28s;cursor:pointer}.btn-primary{background:var(--forest);color:#fff;box-shadow:none}.btn-primary:hover{background:var(--forest-dark);transform:translateY(-2px)}.btn-ghost,.btn-outline{border-color:rgba(46,70,59,.26);color:var(--ink);background:transparent}.btn-ghost:hover,.btn-outline:hover{border-color:var(--forest);background:#fff;transform:translateY(-2px)}
.hero{min-height:100svh;padding:150px 0 92px;display:grid;align-items:center;position:relative;background:var(--paper);overflow:hidden}.hero::before{content:"";position:absolute;width:540px;height:540px;border-radius:50%;right:-170px;top:120px;border:1px solid rgba(71,99,83,.12)}.hero::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;left:-110px;bottom:40px;background:rgba(217,200,170,.22)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:80px;align-items:center;position:relative;z-index:2}.hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(3.5rem,6.4vw,7rem);line-height:.93;letter-spacing:-.055em;margin:1.1rem 0 1.35rem;max-width:760px}.hero p{font-size:1.08rem;color:var(--muted);max-width:650px;line-height:1.8}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 42px}.hero-visual{position:relative;min-height:580px}.hero-visual::before{content:"";position:absolute;inset:40px 0 0 90px;background:linear-gradient(145deg,#dde5df,#f1ede4);border-radius:2px 90px 2px 2px}.hero-visual::after{content:"";position:absolute;left:25px;bottom:28px;width:58%;height:42%;background:var(--forest);opacity:.94}.hero-visual img{position:absolute;z-index:2;inset:72px 15px auto 58px;width:82%;filter:none;animation:float 8s ease-in-out infinite}.hero-badge{position:absolute;z-index:3;background:rgba(255,253,250,.92);border:1px solid rgba(46,70,59,.12);box-shadow:var(--shadow-sm);padding:16px 18px;min-width:190px}.hero-badge b{display:block;font-family:Georgia,"Times New Roman",serif;font-size:1rem}.hero-badge span{color:var(--muted);font-size:.78rem}.badge-a{left:0;top:20%}.badge-b{right:-8%;bottom:12%}.hero-orbit{display:none}.trust-row{display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px;max-width:650px}.trust{padding:14px 0;border-top:1px solid var(--line)}.trust strong{display:block;font-size:.9rem}.trust span{font-size:.78rem;color:var(--muted)}
.stats{position:relative;z-index:4}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stat{padding:30px 20px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{font-family:Georgia,"Times New Roman",serif;font-size:2rem;font-weight:500;color:var(--forest)}.stat span{display:block;color:var(--muted);font-size:.87rem;margin-top:.35rem}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.service-card{position:relative;padding:34px;background:var(--paper);min-height:280px;transition:.35s;overflow:hidden}.service-card::before{content:"";position:absolute;left:0;bottom:0;width:100%;height:4px;background:var(--forest);transform:scaleX(0);transform-origin:left;transition:.35s}.service-card:hover{background:#fff;transform:translateY(-6px);box-shadow:var(--shadow);z-index:2}.service-card:hover::before{transform:scaleX(1)}.service-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);font-size:1.35rem;margin-bottom:24px;background:#fff}.service-card h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:1.45rem;margin:.2rem 0 .8rem}.service-card p{color:var(--muted);font-size:.94rem;line-height:1.7}.mini{display:inline-flex;margin-top:18px;color:var(--forest);font-weight:800;font-size:.84rem}
.split{display:grid;grid-template-columns:1fr 1fr;gap:78px;align-items:center}.visual-panel{min-height:560px;background:linear-gradient(145deg,#dfe6df,#f4efe6);position:relative;overflow:hidden}.visual-panel::before{content:"";position:absolute;inset:34px;border:1px solid rgba(46,70,59,.18)}.visual-panel::after{content:"";position:absolute;width:52%;height:45%;right:0;bottom:0;background:var(--forest)}.visual-panel img{position:absolute;z-index:2;inset:90px 35px auto auto;width:82%;animation:float 8s ease-in-out infinite}.feature-list{display:grid;gap:8px;margin-top:30px}.feature{display:flex;gap:16px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line);transition:.25s}.feature:hover{transform:translateX(6px)}.feature i{font-style:normal;width:30px;height:30px;border-radius:50%;background:var(--forest);color:#fff;display:grid;place-items:center;flex:0 0 auto;font-weight:800;font-size:.8rem}.feature p{margin:.2rem 0 0;color:var(--muted)}
.process{display:grid;grid-template-columns:repeat(4,1fr);counter-reset:steps;position:relative;z-index:1}.step{counter-increment:steps;padding:34px 28px;border-right:1px solid rgba(255,255,255,.18);transition:.3s}.step:last-child{border:0}.step:hover{background:rgba(255,255,255,.055)}.step::before{content:"0" counter(steps);display:block;font-family:Georgia,"Times New Roman",serif;font-size:2.35rem;color:#e5d5b9}.step h3{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:1.45rem}.step p{color:#d2ddd6;font-size:.9rem;line-height:1.7}
.showcase{display:grid;grid-template-columns:1.15fr .85fr;gap:28px}.showcase-card{min-height:430px;position:relative;overflow:hidden}.showcase-main{background:#fff;border:1px solid var(--line);padding:48px}.showcase-side{background:var(--forest);color:#fff;padding:42px}.floating-chip{display:inline-flex;align-items:center;padding:.55rem .8rem;border:1px solid var(--line);font-size:.78rem;font-weight:800}.showcase-lines{margin-top:36px;display:grid;gap:13px}.showcase-line{height:8px;background:#edf0ec}.showcase-line:nth-child(2){width:82%}.showcase-line:nth-child(3){width:64%}.mini-dashboard{margin-top:30px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.dash-box{padding:20px;background:#fff}.dash-box b{font-family:Georgia,"Times New Roman",serif;font-size:1.55rem;color:var(--forest)}.showcase-side .feature{border-color:rgba(255,255,255,.18)}.showcase-side .feature:hover{background:transparent}.showcase-side .feature i{background:#e5d5b9;color:var(--forest-dark)}.showcase-side .feature p{color:#d9e1dc}
.cta{padding:58px 60px;background:var(--cream);border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.cta::before{content:"";position:absolute;right:-100px;top:-170px;width:350px;height:350px;border:1px solid rgba(71,99,83,.18);border-radius:50%}.cta h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(2.4rem,4vw,4.4rem);line-height:1;margin:.3rem 0}.cta p{color:var(--muted);max-width:650px;line-height:1.7}.cta-logo{width:190px;position:relative;z-index:1;animation:float 7s ease-in-out infinite}
footer{padding:68px 0 26px;background:#22312b;color:#fff}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:44px}.footer-grid img{width:240px}.footer-grid p,.footer-grid li{color:#c1cec7;font-size:.91rem;line-height:1.7}.footer-grid ul{list-style:none;padding:0}.footer-grid li{margin:.55rem 0}.copyright{border-top:1px solid rgba(255,255,255,.13);margin-top:38px;padding-top:20px;color:#91a49a;font-size:.84rem;display:flex;justify-content:space-between;gap:20px}.whatsapp-float{position:fixed;right:22px;bottom:22px;z-index:60;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#356b4b;color:#fff;font-size:1.45rem;box-shadow:0 15px 35px rgba(33,81,55,.3);animation:breathe 3s infinite}.reveal,.reveal-left,.reveal-right{opacity:0;transition:.85s cubic-bezier(.2,.7,.2,1)}.reveal{transform:translateY(24px)}.reveal-left{transform:translateX(-32px)}.reveal-right{transform:translateX(32px)}.reveal.visible,.reveal-left.visible,.reveal-right.visible{opacity:1;transform:none}.page-hero{padding:165px 0 105px;text-align:center;background:var(--cream);position:relative;overflow:hidden}.page-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:500;font-size:clamp(3rem,6vw,5.7rem);line-height:1;letter-spacing:-.05em;margin:.8rem 0 1.2rem}.page-hero p{max-width:760px;margin:auto;color:var(--muted);font-size:1.08rem;line-height:1.8}.content-shell{max-width:940px;margin:auto;padding:80px 0 100px}.content-shell h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;margin-top:2.2rem}.content-shell p,.content-shell li{color:var(--muted);line-height:1.8}
@keyframes float{50%{transform:translateY(-12px)}}@keyframes breathe{50%{transform:scale(1.06)}}
@media(max-width:1000px){.nav-links{position:fixed;top:80px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;padding:22px;border:1px solid var(--line);background:rgba(255,253,250,.98);box-shadow:var(--shadow)}.nav-links.open{display:flex}.menu-toggle{display:block}.hero-grid,.split,.showcase{grid-template-columns:1fr}.hero-visual{min-height:500px}.trust-row,.stats-grid,.process{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step{border-bottom:1px solid rgba(255,255,255,.18)}}
@media(max-width:650px){.brand img{width:190px}.nav{height:76px}.hero{padding-top:125px}.hero h1{font-size:3.35rem}.hero-actions .btn{width:100%}.hero-visual{min-height:390px}.hero-visual::before{inset:24px 0 0 42px}.hero-visual img{inset:58px 10px auto 28px;width:90%}.hero-badge{display:none}.trust-row,.stats-grid,.services-grid,.process,.footer-grid{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.section{padding:80px 0}.cta{padding:34px 24px;flex-direction:column;text-align:center}.cta-logo{width:145px}.copyright{flex-direction:column}.visual-panel{min-height:390px}.showcase-main,.showcase-side{padding:30px}.mini-dashboard{grid-template-columns:1fr}.step{border-right:0}.services-grid{gap:1px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal,.reveal-left,.reveal-right{opacity:1;transform:none}}


/* ===== CompuTec ST v6 · identidad corporativa azul ===== */
:root{
  --ink:#102437;--muted:#617487;--forest:#0e92d0;--forest-dark:#073c67;--sage:#5cc7f2;
  --blue:#0e92d0;--blue-dark:#075da1;--blue-deep:#082f50;--blue-soft:#eaf6fc;
  --sand:#dcebf4;--cream:#f5f9fc;--paper:#ffffff;--line:#d9e7f0;--white:#fff;
  --shadow:0 24px 70px rgba(7,60,103,.12);--shadow-sm:0 12px 32px rgba(7,60,103,.09);
  --radius:14px;--radius-lg:30px;--max:1220px
}
body{background:#fff;color:var(--ink)}
.section-soft{background:linear-gradient(180deg,#f7fbfe 0%,#eef7fc 100%)}
.section-dark{background:linear-gradient(135deg,#073c67 0%,#0a4f82 52%,#0e92d0 150%)}
.section-dark::before{background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 40%),radial-gradient(circle at 88% 18%,rgba(92,199,242,.22),transparent 30%)}
.eyebrow{color:var(--blue-dark)}
.section-dark .eyebrow{color:#95dcf8}.section-dark .accent{color:#9fe4ff}.accent{color:var(--blue-dark);font-style:normal}
.section-title h2,.hero h1,.service-card h3,.step h3,.cta h2,.page-hero h1,.content-shell h2{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.section-title h2,.hero h1,.cta h2,.page-hero h1{font-weight:750;letter-spacing:-.045em}
.site-header{background:rgba(255,255,255,.92);border-bottom:1px solid rgba(7,93,161,.1)}
.site-header.scrolled{box-shadow:0 10px 30px rgba(7,60,103,.09)}
.nav-links a:not(.btn)::after{height:2px;background:linear-gradient(90deg,var(--blue),#59c7ef)}
.btn{border-radius:9px;padding:1rem 1.45rem}
.btn-primary{background:linear-gradient(135deg,var(--blue-dark),var(--blue));box-shadow:0 12px 28px rgba(14,146,208,.22)}
.btn-primary:hover{background:linear-gradient(135deg,#064c82,#0a84bf);box-shadow:0 16px 35px rgba(14,146,208,.28)}
.btn-ghost,.btn-outline{border-color:rgba(7,93,161,.24)}
.btn-ghost:hover,.btn-outline:hover{border-color:var(--blue);background:var(--blue-soft)}
.hero{background:linear-gradient(120deg,#fff 0%,#fff 48%,#eff8fd 100%)}
.hero::before{width:620px;height:620px;right:-240px;top:72px;border:1px solid rgba(14,146,208,.15);box-shadow:0 0 0 80px rgba(14,146,208,.025),0 0 0 160px rgba(14,146,208,.018)}
.hero::after{width:300px;height:300px;left:-150px;bottom:40px;background:rgba(92,199,242,.12)}
.hero h1{line-height:.98}.hero p{font-size:1.1rem}
.hero-visual::before{background:linear-gradient(145deg,#e5f4fb,#ffffff);border-radius:28px 100px 28px 28px;box-shadow:var(--shadow)}
.hero-visual::after{background:linear-gradient(145deg,var(--blue-dark),var(--blue));border-radius:22px 70px 22px 22px;opacity:.96}
.hero-visual img{filter:drop-shadow(0 24px 36px rgba(7,60,103,.22))}
.hero-badge{border:1px solid rgba(14,146,208,.18);border-radius:14px;box-shadow:0 18px 45px rgba(7,60,103,.12)}
.hero-badge::before{content:"";display:block;width:34px;height:3px;background:linear-gradient(90deg,var(--blue),#68d1f5);margin-bottom:10px;border-radius:999px}
.trust{border-top-color:#cfe4ef}.trust strong{color:#0b4f7e}
.stats-grid{border-color:#d6e7f0}.stat{border-color:#d6e7f0}.stat b{color:var(--blue-dark)}
.services-grid{background:#d7e8f2;border-color:#d7e8f2;border-radius:18px;overflow:hidden;box-shadow:0 18px 60px rgba(7,60,103,.07)}
.service-card{background:#fff;min-height:290px}
.service-card::before{height:5px;background:linear-gradient(90deg,var(--blue-dark),var(--blue),#65c9ef)}
.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 52px rgba(7,60,103,.16)}
.service-icon{border-color:#d7e8f2;background:linear-gradient(145deg,#fff,#eef8fd);color:var(--blue-dark);border-radius:14px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.9)}
.service-card h3{font-weight:720}.mini{color:var(--blue-dark)}
.visual-panel{background:linear-gradient(145deg,#e8f6fc,#fff);border-radius:24px;box-shadow:var(--shadow)}
.visual-panel::before{border-color:rgba(14,146,208,.22);border-radius:18px}.visual-panel::after{background:linear-gradient(145deg,var(--blue-dark),var(--blue));border-radius:90px 0 0 0}
.feature i{background:linear-gradient(135deg,var(--blue-dark),var(--blue));box-shadow:0 8px 18px rgba(14,146,208,.2)}
.process{border:1px solid rgba(255,255,255,.12);border-radius:18px;overflow:hidden}.step::before{color:#8fdafa}.step:hover{background:rgba(255,255,255,.075)}
.showcase-main{border-radius:18px;border-color:#d5e7f1;box-shadow:var(--shadow-sm)}
.showcase-side{background:linear-gradient(155deg,var(--blue-deep),var(--blue-dark));border-radius:18px}
.floating-chip{border-color:#cfe3ee;background:#f5fbfe;color:var(--blue-dark);border-radius:999px}
.showcase-line{background:#e8f2f8;border-radius:999px}.dash-box b{color:var(--blue-dark)}
.cta{background:linear-gradient(135deg,#f6fbfe,#e8f5fb);border-color:#d1e5f0;border-radius:24px;box-shadow:var(--shadow-sm)}
.cta::before{border-color:rgba(14,146,208,.22);box-shadow:0 0 0 70px rgba(14,146,208,.035)}
footer{background:linear-gradient(135deg,#062f51,#073c67 55%,#0b5f99)}
.footer-grid p,.footer-grid li{color:#c9e1ef}.copyright{color:#9fc4d8}
.whatsapp-float{background:#25d366;box-shadow:0 15px 35px rgba(37,211,102,.3)}
.page-hero{background:linear-gradient(135deg,#f7fbfe,#eaf5fb)}
.page-hero::after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-210px;top:-160px;border:1px solid rgba(14,146,208,.16);box-shadow:0 0 0 80px rgba(14,146,208,.03)}
@media(max-width:1000px){.nav-links{background:rgba(255,255,255,.98);border-color:#d5e7f1}}

/* Equipo: avatares discretos sin fotografías ni perfiles públicos */
.team-section{background:linear-gradient(180deg,#fff 0%,#f4f9fc 100%)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;max-width:1040px;margin:0 auto}
.team-member{text-align:center;padding:30px 18px 26px;background:rgba(255,255,255,.82);border:1px solid #d7e8f2;border-radius:18px;box-shadow:0 16px 42px rgba(7,60,103,.08);transition:transform .32s ease,box-shadow .32s ease,border-color .32s ease}
.team-member:hover{transform:translateY(-7px);box-shadow:0 24px 54px rgba(7,60,103,.14);border-color:rgba(14,146,208,.42)}
.team-avatar{width:122px;height:122px;margin:0 auto 20px;border-radius:50%;display:grid;place-items:center;position:relative;background:linear-gradient(145deg,#f7fcff,#dcedf7);border:1px solid rgba(14,146,208,.22);box-shadow:inset 0 0 0 8px rgba(255,255,255,.74),0 14px 30px rgba(7,60,103,.14);overflow:hidden}
.team-avatar::before{content:"";position:absolute;width:50px;height:50px;border-radius:50%;top:23px;background:linear-gradient(145deg,#0e92d0,#075da1)}
.team-avatar::after{content:"";position:absolute;width:82px;height:48px;border-radius:48px 48px 24px 24px;bottom:15px;background:linear-gradient(145deg,#0e92d0,#073c67)}
.team-avatar span{position:absolute;z-index:2;right:5px;bottom:4px;width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#075da1;border:2px solid #d9edf7;font-size:.68rem;font-weight:850;letter-spacing:.03em;box-shadow:0 5px 12px rgba(7,60,103,.12)}
.team-member h3{margin:0;font-size:1.05rem;font-weight:760;color:var(--ink)}
@media(max-width:900px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.team-grid{grid-template-columns:1fr;max-width:310px}.team-avatar{width:112px;height:112px}}