:root{
  --blue:#163f70;
  --blue-2:#0b2c52;
  --blue-3:#eaf2fb;
  --orange:#d9782d;
  --orange-2:#f2b077;
  --slate:#1f2937;
  --muted:#64748b;
  --line:#dbe4ef;
  --soft:#f6f9fd;
  --white:#fff;
  --shadow:0 24px 70px rgba(12,44,82,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--slate);background:#fff;line-height:1.6}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1180px,calc(100% - 40px));margin:0 auto}.narrow{width:min(860px,calc(100% - 40px))}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(219,228,239,.75)}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:205px;height:auto}.main-nav{display:flex;gap:26px;font-size:14px;font-weight:700;color:#475569}.main-nav a:hover{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:14px 22px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.25s ease;white-space:nowrap}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 30px rgba(22,63,112,.2)}.btn-primary:hover{background:var(--blue-2);transform:translateY(-2px)}.btn-secondary{background:#fff;color:var(--blue-2);border-color:#d3dde9}.btn-secondary:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}.section-soft{background:linear-gradient(180deg,#fff 0%,var(--soft) 100%)}.hero{position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(217,120,45,.14),transparent 30%),radial-gradient(circle at 15% 15%,rgba(22,63,112,.10),transparent 34%);pointer-events:none}.hero-grid{position:relative;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:70px;padding:86px 0 92px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:900;color:var(--orange);margin-bottom:18px}.eyebrow.light{color:#f8c89e}.hero h1,.section-heading h2,.manifesto h2,.pain-grid h2,.history h2,.final-cta h2{margin:0;color:#0f172a;letter-spacing:-.045em;line-height:1.04}.hero h1{font-size:clamp(42px,5.2vw,72px);max-width:650px}.hero-subtitle{font-size:clamp(22px,2.4vw,34px);font-weight:800;color:var(--blue);line-height:1.16;margin:22px 0 0;max-width:610px}.hero-text{font-size:18px;color:#526174;max-width:590px;margin:22px 0 0}.signature{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-weight:600;font-size:clamp(27px,3vw,42px);line-height:1.15;color:var(--orange);margin:28px 0 0}.signature.small{font-size:30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.hero-actions.center{justify-content:center}.hero-visual{position:relative;min-height:560px;display:flex;align-items:center;justify-content:center}.industry-bg{position:absolute;inset:35px 0 20px 35px;border-radius:38px;background:linear-gradient(135deg,rgba(22,63,112,.10),rgba(217,120,45,.10));overflow:hidden}.tool-line{position:absolute;height:14px;border-radius:20px;background:rgba(22,63,112,.12);transform:rotate(-28deg)}.t1{width:240px;right:65px;top:88px}.t2{width:160px;left:50px;bottom:92px}.tool-line:after{content:"";position:absolute;right:-28px;top:-10px;width:35px;height:35px;border:10px solid rgba(217,120,45,.16);border-radius:50%}.tool-circle{position:absolute;width:170px;height:170px;border:34px solid rgba(22,63,112,.08);border-radius:50%;right:10px;bottom:30px}.tool-box{position:absolute;width:230px;height:120px;border:22px solid rgba(217,120,45,.10);border-radius:25px;left:44px;top:60px;transform:rotate(12deg)}.dashboard-card{position:relative;width:min(610px,100%);background:#fff;border:1px solid #d8e2ef;border-radius:28px;box-shadow:var(--shadow);padding:18px;z-index:2}.window-bar{height:42px;display:flex;align-items:center;gap:8px;border-bottom:1px solid #e5edf5;margin:-4px -4px 20px;padding:0 10px;color:#64748b;font-size:13px}.window-bar span{width:10px;height:10px;background:#cbd5e1;border-radius:50%}.window-bar strong{margin-left:10px}.dash-header{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.dash-header small,.metric-card small{color:#64748b;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.dash-header h3{font-size:26px;line-height:1.1;margin:5px 0 0;color:#0f172a}.status-pill{background:#edf5ff;color:var(--blue);font-size:12px;font-weight:900;padding:8px 12px;border-radius:999px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric-card{border-radius:18px;padding:16px;min-height:118px}.metric-card strong{display:block;font-size:22px;color:#0f172a;margin-top:8px}.metric-card em{font-style:normal;font-size:12px;color:#64748b}.accent-blue{background:#eef6ff}.accent-orange{background:#fff4ea}.accent-slate{background:#f1f5f9}.dash-body{display:grid;grid-template-columns:1.25fr .9fr;gap:14px;margin-top:14px}.chart-panel,.task-list{border:1px solid #e2e8f0;border-radius:20px;background:#f8fafc;min-height:180px}.chart-panel{display:flex;gap:15px;align-items:end;padding:24px}.bar{width:34px;background:linear-gradient(180deg,var(--orange),var(--blue));border-radius:12px 12px 3px 3px}.b1{height:62%}.b2{height:45%}.b3{height:82%}.b4{height:58%}.b5{height:72%}.task-list{padding:20px;display:flex;flex-direction:column;justify-content:center;gap:14px;font-size:13px;font-weight:700;color:#475569}.task-list span{display:inline-block;width:9px;height:9px;background:var(--orange);border-radius:50%;margin-right:8px}.floating-note{position:absolute;right:10px;bottom:45px;z-index:3;background:var(--blue-2);color:#fff;border-radius:999px;padding:12px 18px;font-weight:900;font-size:13px;box-shadow:0 18px 38px rgba(11,44,82,.22)}.authority-bar{background:var(--blue-2);color:#fff}.authority-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1px}.authority-grid div{padding:24px 20px;border-left:1px solid rgba(255,255,255,.10)}.authority-grid strong{display:block;font-size:17px}.authority-grid span{display:block;color:#c5d4e4;font-size:13px;margin-top:4px}.manifesto{padding:100px 0;text-align:center}.manifesto h2{font-size:clamp(38px,4.6vw,66px)}.manifesto p:not(.signature){font-size:20px;color:#526174;max-width:780px;margin:28px auto 0}.section-heading{text-align:center;max-width:790px;margin:0 auto 50px}.section-heading h2,.pain-grid h2,.history h2,.final-cta h2{font-size:clamp(34px,4vw,56px)}.section-heading p{font-size:18px;color:#64748b;margin:18px auto 0}.segments,.technology{padding:95px 0}.segment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.segment-card{background:#fff;border:1px solid #dbe4ef;border-radius:28px;padding:34px;box-shadow:0 18px 50px rgba(15,23,42,.05);transition:.25s}.segment-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.segment-card.featured{border-color:rgba(217,120,45,.35);background:linear-gradient(180deg,#fff,#fff7f0)}.segment-icon{font-size:34px;margin-bottom:18px}.segment-card h3{font-size:24px;margin:0 0 12px;color:#0f172a}.segment-card p{color:#64748b;margin:0}.pain-points{padding:95px 0}.pain-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.pain-grid p{font-size:18px;color:#64748b}.pain-list{display:grid;gap:14px}.pain-list div{background:#fff;border:1px solid #dbe4ef;border-radius:18px;padding:18px 22px;font-weight:800;box-shadow:0 12px 34px rgba(15,23,42,.05)}.screens-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:20px}.screen-card{background:#fff;border:1px solid #dbe4ef;border-radius:26px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.06)}.screen-card.large{grid-row:span 2}.screen-card img{width:100%;height:210px;object-fit:cover;object-position:top left;background:#f8fafc}.screen-card.large img{height:445px}.screen-card div{padding:22px}.screen-card h3{font-size:20px;margin:0 0 6px;color:#0f172a}.screen-card p{color:#64748b;margin:0;font-size:14px}.testimonials{padding:100px 0;background:#fff}.testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.testimonial-card{border:1px solid #dbe4ef;border-radius:26px;padding:26px;background:#fff;box-shadow:0 14px 42px rgba(15,23,42,.05);display:flex;flex-direction:column;min-height:330px}.testimonial-card.highlight{background:var(--blue-2);color:#fff;border-color:var(--blue-2)}.testimonial-card p{font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:21px;line-height:1.35;margin:0 0 auto}.testimonial-card strong{display:block;margin-top:24px;color:inherit}.testimonial-card span{color:#8191a7;font-size:14px}.testimonial-card.highlight span{color:#c7d5e8}.history{padding:92px 0;background:linear-gradient(135deg,var(--blue-2),var(--blue));color:#fff}.history-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.history h2{color:#fff}.history p:not(.signature){font-size:20px;color:#d4e1ef}.light-signature{color:#f8c89e}.final-cta{padding:100px 0;text-align:center}.final-cta p:not(.signature){font-size:19px;color:#64748b;max-width:760px;margin:20px auto 0}.site-footer{background:#081c34;color:#d4e1ef;padding:55px 0}.footer-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:start}.footer-logo{width:220px;filter:brightness(1.05)}.footer-signature{font-size:28px;color:#f8c89e}.footer-info{display:grid;gap:7px;font-size:14px}.footer-info strong{font-size:17px;color:#fff;margin-bottom:8px}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:999;display:flex;align-items:center;gap:10px;background:var(--orange);color:#fff;padding:14px 20px;border-radius:999px;font-weight:900;box-shadow:0 16px 38px rgba(217,120,45,.35);transition:.25s}.whatsapp-float:hover{transform:translateY(-3px);background:#c8661d}.wa-icon{width:24px;height:24px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:2px solid rgba(255,255,255,.7);font-weight:900}
@media(max-width:1020px){.header-cta{display:none}.main-nav{display:none}.hero-grid,.pain-grid,.history-grid,.footer-grid{grid-template-columns:1fr}.hero-grid{padding:60px 0}.hero-visual{min-height:500px}.authority-grid{grid-template-columns:repeat(2,1fr)}.segment-grid,.screens-grid,.testimonial-grid{grid-template-columns:1fr 1fr}.screen-card.large{grid-row:auto}.screen-card.large img{height:260px}}
@media(max-width:680px){.container,.narrow{width:min(100% - 28px,1180px)}.header-inner{height:76px}.brand img{width:160px}.hero h1{font-size:40px}.hero-subtitle{font-size:23px}.signature{font-size:30px}.hero-visual{min-height:auto;margin-top:10px}.dashboard-card{border-radius:22px}.metric-grid,.dash-body,.segment-grid,.screens-grid,.testimonial-grid,.authority-grid{grid-template-columns:1fr}.chart-panel{min-height:130px}.floating-note{display:none}.manifesto,.segments,.technology,.testimonials,.pain-points,.final-cta,.history{padding:68px 0}.testimonial-card{min-height:auto}.whatsapp-float{right:14px;bottom:14px;padding:12px 16px}.whatsapp-float span:last-child{display:none}}
/* ==========================
   CLIENTES
========================== */

.clients-section{
    padding:100px 0;
    background:#ffffff;
}

.clients-logos{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:40px 50px;
    margin-top:60px;
    align-items:center;
}

.clients-logos img{
    max-height:55px;
    width:auto;
    max-width:180px;
    margin:auto;

    filter:grayscale(100%);
    opacity:.50;

    transition:all .35s ease;
}

.clients-logos img:hover{
    filter:none;
    opacity:1;
    transform:scale(1.08);
}

@media(max-width:900px){

    .clients-logos{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:600px){

    .clients-logos{
        grid-template-columns:repeat(2,1fr);
        gap:30px;
    }

}

.client-group-title{
  margin:50px 0 20px;
  text-align:center;
  font-size:13px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--blue);
}

.clientes-home{
    padding:100px 0;
    background:#fff;
}

.logos-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:35px;
    margin-top:50px;
    align-items:center;
}

.logos-grid img{
    max-width:180px;
    max-height:60px;
    margin:auto;

    opacity:.55;

    transition:all .35s ease;
}

.logos-grid img:hover{
    opacity:1;
    transform:scale(1.05);
}

@media(max-width:992px){

    .logos-grid{
        grid-template-columns:repeat(3,1fr);
    }

}

@media(max-width:768px){

    .logos-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:480px){

    .logos-grid{
        grid-template-columns:1fr;
    }

}
.faq-section{
  padding:100px 0;
}

.faq-list{
  max-width:900px;
  margin:50px auto 0;
  display:grid;
  gap:14px;
}

.faq-list details{
  background:#fff;
  border:1px solid var(--line);
  border-radius:20px;
  padding:0;
  box-shadow:0 12px 35px rgba(15,23,42,.04);
  overflow:hidden;
}

.faq-list summary{
  cursor:pointer;
  list-style:none;
  padding:22px 26px;
  font-weight:900;
  color:#0f172a;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.faq-list summary::-webkit-details-marker{
  display:none;
}

.faq-list summary::after{
  content:"+";
  width:32px;
  height:32px;
  border-radius:50%;
  background:var(--blue-3);
  color:var(--blue);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:800;
  flex-shrink:0;
}

.faq-list details[open] summary::after{
  content:"–";
  background:var(--orange);
  color:#fff;
}

.faq-list p{
  margin:0;
  padding:0 26px 24px;
  color:var(--muted);
  font-size:16px;
}

.clients-section{
  padding:100px 0;
  background:linear-gradient(180deg,#fff 0%,#f6f9fd 100%);
}

.clients-wall-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  margin-top:50px;
}

.client-logo-card{
  height:115px;
  background:#fff;
  border:1px solid #e3ebf5;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px;
  transition:.3s ease;
}

.client-logo-card img{
  max-width:160px;
  max-height:65px;
  opacity:.55;
  filter:grayscale(100%);
  transition:.3s ease;
}

.client-logo-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 45px rgba(12,44,82,.09);
  border-color:#cbd9ea;
}

.client-logo-card:hover img{
  opacity:1;
  filter:none;
}

@media(max-width:1020px){
  .clients-wall-grid{
    grid-template-columns:repeat(3,1fr);
  }
}

@media(max-width:680px){
  .clients-wall-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:480px){
  .clients-wall-grid{
    grid-template-columns:1fr;
  }
}