/* =========================
   RESET
========================= */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:"Manrope",sans-serif;
  background:#020910;
  color:#fff;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img,svg{display:block;max-width:100%}
button,input,textarea,select{font:inherit}
.container{
  width:100%;
  max-width:1240px;
  margin:0 auto;
  padding:0 24px;
}

/* =========================
   HEADER
========================= */
.site-header{
  position: sticky;
  top: 0;
  z-index: 80;
  background: rgba(3, 9, 20, 0.78);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,0.05);
  box-shadow: 0 10px 30px rgba(0,0,0,0.18);
}

.site-header::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(96,165,250,0.5), transparent);
}

.header-container{
  min-height: 96px;
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  align-items: center;
  gap: 24px;
}

.logo{
  display:flex;
  align-items:center;
  flex-shrink:0;
}

.logo-img{
  height: 64px;
  width: auto;
  display: block;
}

.nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 34px;
  margin-left: auto;
}

.nav a{
  position: relative;
  font-size: 15px;
  font-weight: 700;
  color: rgba(255,255,255,0.88);
  transition: color .25s ease, transform .25s ease;
}

.nav a::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-8px;
  width:100%;
  height:2px;
  border-radius:999px;
  background: linear-gradient(90deg,#60a5fa,#2563eb);
  transform: scaleX(0);
  transform-origin: center;
  transition: transform .25s ease;
}

.nav a:hover{
  color:#60a5fa;
  transform: translateY(-1px);
}

.nav a:hover::after{
  transform: scaleX(1);
}

.header-cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height: 50px;
  padding: 0 24px;
  border-radius: 14px;
  background: linear-gradient(135deg,#2563eb 0%, #3b82f6 100%);
  color:#fff;
  font-size:15px;
  font-weight:800;
  white-space:nowrap;
  box-shadow: 0 14px 30px rgba(37,99,235,0.28);
  transition: transform .25s ease, box-shadow .25s ease, filter .25s ease;
}

.header-cta:hover{
  transform: translateY(-2px);
  box-shadow: 0 18px 38px rgba(37,99,235,0.36);
  filter: brightness(1.05);
}

.menu-toggle{
  display:none;
  width:44px;
  height:44px;
  border:0;
  background:transparent;
  cursor:pointer;
  flex-shrink:0;
}

.menu-toggle span{
  display:block;
  width:24px;
  height:2px;
  background:#fff;
  margin:5px auto;
  border-radius:999px;
  transition:.3s ease;
}

/* =========================
   COMMON
========================= */
.section-header{margin-bottom:56px}
.section-header-center{display:flex;flex-direction:column;align-items:center;text-align:center}
.section-tag{
  display:inline-flex;align-items:center;gap:8px;
  min-height:36px;padding:7px 14px;border-radius:999px;
  font-size:12px;font-weight:800;letter-spacing:.08em;
}
.section-tag-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center}
.section-tag-icon svg{width:14px;height:14px}
.section-title{
  max-width:980px;font-size:62px;line-height:1.02;
  letter-spacing:-.045em;font-weight:800;color:#0f172a;
  margin:22px 0;
}
.section-description{
  max-width:690px;font-size:18px;line-height:1.8;color:#64748b;
}
.section-tag-blue{
  color:#60a5fa;border:1px solid rgba(59,130,246,.24);background:rgba(10,26,67,.72)
}
.section-tag-blue-light{
  color:#2563eb;border:1px solid rgba(37,99,235,.16);background:rgba(59,130,246,.08)
}
.section-tag-blue-dark{
  color:#60a5fa;border:1px solid rgba(59,130,246,.24);background:rgba(10,26,67,.72)
}
.section-tag-danger{
  color:#ef4444;border:1px solid rgba(239,68,68,.18);background:rgba(255,239,239,.72)
}
.section-tag-gold{
  color:#f59e0b;border:1px solid rgba(245,158,11,.22);background:rgba(255,247,237,.9)
}

/* reveal */
.reveal{
  opacity:0;
  transform:translateY(28px);
  transition:opacity .65s ease, transform .65s ease;
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}
.delay-1{transition-delay:.08s}
.delay-2{transition-delay:.16s}
.delay-3{transition-delay:.24s}


/* =========================
   HERO COMPLETA
========================= */
.whatsapp-icon{
width:20px;
height:20px;
color:#ffffff;
z-index:2;
}

.hero-section{
  position:relative;
  overflow:hidden;
  min-height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:110px 0 90px;
  background:#020816;
}

.hero-bg-gradient{
  position:absolute;
  inset:-8%;
  z-index:0;
  background:
    radial-gradient(circle at 18% 24%, rgba(37,99,235,0.20), transparent 26%),
    radial-gradient(circle at 82% 22%, rgba(59,130,246,0.16), transparent 24%),
    radial-gradient(circle at 52% 78%, rgba(29,78,216,0.16), transparent 24%),
    linear-gradient(135deg, #01040b 0%, #03132d 30%, #08285c 52%, #04152f 74%, #01050d 100%);
  background-size:140% 140%;
  animation:heroGradientFlow 15s ease-in-out infinite;
  will-change:transform;
}

.hero-bg-gradient::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    90deg,
    rgba(37,99,235,0.10) 0%,
    transparent 16%,
    transparent 84%,
    rgba(37,99,235,0.10) 100%
  );
}

.hero-bg-gradient::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at center, transparent 34%, rgba(0,0,0,0.26) 100%);
}

.hero-section::before,
.hero-section::after{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:1px;
  background:linear-gradient(
    180deg,
    rgba(59,130,246,0.16),
    rgba(59,130,246,0.03),
    rgba(59,130,246,0.16)
  );
  z-index:1;
  pointer-events:none;
}

.hero-section::before{
  left:32px;
}

.hero-section::after{
  right:32px;
}

.hero-decor{
  position:absolute;
  border-radius:999px;
  filter:blur(110px);
  z-index:1;
  pointer-events:none;
}

.hero-decor-1{
  width:360px;
  height:360px;
  left:-80px;
  top:120px;
  background:rgba(37,99,235,0.18);
}

.hero-decor-2{
  width:300px;
  height:300px;
  right:-60px;
  top:160px;
  background:rgba(59,130,246,0.14);
}

.hero-decor-3{
  width:280px;
  height:280px;
  bottom:-80px;
  left:50%;
  transform:translateX(-50%);
  background:rgba(29,78,216,0.14);
}

.hero-container{
  position:relative;
  z-index:3;
  width:100%;
  max-width:1200px;
  margin:auto;
}

.hero-center{
  max-width:860px;
  margin:0 auto;
  text-align:center;
  position:relative;
  z-index:5;
}

.hero-title{
  font-size:84px;
  line-height:.94;
  letter-spacing:-0.065em;
  font-weight:800;
  color:#f8fbff;
  margin-bottom:28px;
  text-shadow:0 10px 30px rgba(0,0,0,0.18);
}

.hero-title span{
  background:linear-gradient(135deg,#8ab6ff 0%, #4f8dfd 45%, #2563eb 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.hero-description{
  max-width:760px;
  margin:0 auto 34px;
  font-size:21px;
  line-height:1.82;
  color:rgba(228,236,248,0.80);
}

.hero-actions{
  display:flex;
  justify-content:center;
  align-items:center;
}

.hero-main-button{
  width:100%;
  max-width:620px;
  text-decoration:none;
}

/* =========================
   ELEMENTOS FLUTUANTES
========================= */
.hero-floating{
  position:absolute;
  z-index:4;
}

/* desktop fiel ao seu layout */
.hero-top-right {
    top: -100px;
    right: -200px;
}

.hero-left-bottom {
    left: -200px;
    bottom: -80px;
}

/* card direita */
.hero-info-card{
  width:100%;
  max-width:340px;
  display:flex;
  align-items:flex-start;
  gap:12px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(90deg, rgba(10,25,55,0.88), rgba(5,18,44,0.88));
  backdrop-filter:blur(14px);
  border:1px solid rgba(84,124,214,0.20);
  box-shadow:0 16px 30px rgba(0,0,0,0.25);
}

.hero-info-icon{
  width:34px;
  height:34px;
  border-radius:10px;
  background:#2563eb;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-shrink:0;
}

.hero-info-icon svg{
  width:16px;
  height:16px;
}

.hero-info-text strong{
  display:block;
  font-size:12px;
  line-height:1.45;
  font-weight:800;
  color:#fff;
}

/* stats */
.hero-stats{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border:1px solid rgba(255,255,255,0.08);
  background:linear-gradient(180deg, rgba(17,27,48,0.76), rgba(10,18,34,0.76));
  border-radius:16px;
  overflow:hidden;
  min-width:320px;
  max-width:320px;
  box-shadow:0 16px 36px rgba(0,0,0,0.25);
  backdrop-filter:blur(12px);
}

.hero-stat-item{
  min-height:74px;
  padding:10px 8px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  text-align:center;
  position:relative;
}

.hero-stat-item:not(:last-child)::after{
  content:"";
  position:absolute;
  top:12px;
  right:0;
  width:1px;
  height:calc(100% - 24px);
  background:rgba(255,255,255,0.08);
}

.hero-stat-icon{
  width:16px;
  height:16px;
  color:#60a5fa;
}

.hero-stat-icon svg{
  width:16px;
  height:16px;
}

.hero-stat-item strong{
  font-size:11px;
  line-height:1.2;
  font-weight:800;
  color:#ffffff;
}

.hero-stat-item span{
  font-size:11px;
  color:rgba(220,228,244,0.55);
}

/* =========================
   BOTÃO
========================= */
.botao{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:1px;
  width:100%;
  border-radius:999px;
  background:linear-gradient(120deg, #6aa3ff 0%, #2563eb 35%, #83b7ff 100%);
  box-shadow:
    0 14px 40px rgba(37,99,235,0.30),
    0 0 36px rgba(37,99,235,0.14);
  overflow:hidden;
}

.botao::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(
    120deg,
    transparent 0%,
    rgba(255,255,255,0.18) 20%,
    transparent 40%
  );
  transform:translateX(-140%);
  transition:transform .8s ease;
}

.botao:hover::before{
  transform:translateX(140%);
}

.container-botao{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:14px 30px 14px 68px;
  width:100%;
  min-height:68px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.08);
  background:linear-gradient(180deg, rgba(10,22,52,0.92), rgba(5,14,35,0.96));
  overflow:hidden;
}

.wrapper-icones{
  display:flex;
  width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:50%;
  left:14px;
  transform:translateY(-50%);
  border-radius:50%;
  z-index:2;
  background:linear-gradient(180deg,#66c8ff 0%, #2563eb 100%);
  box-shadow:
    0 10px 30px rgba(0,20,255,0.22),
    0 0 0 1px rgba(255,255,255,0.14) inset;
}

.icone-1{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:8px;
  height:8px;
  background:#fff;
  border-radius:50%;
  z-index:1;
}

.icone-2{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  font-size:16px;
  line-height:1;
  color:#fff;
  z-index:1;
  opacity:0;
}

.fundo{
  position:absolute;
  left:8px;
  width:0%;
  height:calc(100% - 16px);
  background:#ffffff;
  border-radius:999px;
  box-shadow:
    rgba(255,255,255,0.2) 0px 0px 1px 0px inset,
    rgba(166,173,255,0.14) 0px 4px 30px 0px,
    rgba(149,190,255,0.12) 0px 0px 10px 0px;
  transition:.55s ease;
}

.texto-1,
.texto-2{
  position:relative;
  z-index:2;
  font-size:16px;
  font-weight:800;
  font-family:"Manrope",sans-serif;
  text-align:center;
  transition:.5s ease;
}

.texto-1{
  color:#ffffff;
}

.texto-2{
  position:absolute;
  color:#3b82f6;
  opacity:0;
  transform:translateX(18px);
}

.botao:hover .fundo{
  width:calc(100% - 16px);
}

.botao:hover .wrapper-icones{
  left:calc(100% - 54px);
}

.botao:hover .texto-1,
.botao:hover .icone-1{
  opacity:0;
}

.botao:hover .texto-2{
  opacity:1;
  transform:translateX(0);
}

.botao:hover .icone-2{
  opacity:1;
}

/* =========================
   ANIMAÇÕES
========================= */
.float-3d{
  animation:floatIcon3D 3s ease-in-out infinite;
  transform-style:preserve-3d;
}

@keyframes floatIcon3D{
  0%{
    transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg) rotateZ(0deg);
  }
  25%{
    transform:translate3d(-3px,-6px,4px) rotateX(2deg) rotateY(-2deg);
  }
  50%{
    transform:translate3d(4px,-2px,-3px) rotateX(-2deg) rotateY(2deg);
  }
  75%{
    transform:translate3d(-2px,5px,3px) rotateX(1deg) rotateY(-1deg);
  }
  100%{
    transform:translate3d(0,0,0) rotateX(0deg) rotateY(0deg);
  }
}

@keyframes heroGradientFlow{
  0%{
    background-position:0% 50%;
  }
  50%{
    background-position:100% 50%;
  }
  100%{
    background-position:0% 50%;
  }
}

/* =========================
   RESPONSIVO HERO
========================= */
@media (max-width: 1280px){
  .hero-title{
    font-size:72px;
  }

  .hero-description{
    font-size:19px;
  }

  .hero-top-right{
    top:160px;
    right:20px;
  }

  .hero-left-bottom{
    left:20px;
    bottom:50px;
  }

  .hero-info-card{
    max-width:320px;
  }

  .hero-stats{
    min-width:300px;
    max-width:300px;
  }
}

@media (max-width: 1100px){
  .hero-section{
    padding:110px 0 90px;
    min-height:auto;
  }

  .hero-section::before,
  .hero-section::after{
    display:none;
  }

  .hero-container{
    display:flex;
    flex-direction:column;
    gap:18px;
  }

  .hero-floating{
    position:relative;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    margin-bottom:16px;
    width:100%;
  }

  .hero-center{
    order:1;
  }

  .hero-top-right{
    order:2;
  }

  .hero-left-bottom{
    order:3;
  }

  .hero-info-card{
    max-width:100%;
  }

  .hero-stats{
    width:100%;
    min-width:0;
    max-width:100%;
  }
}

@media (max-width: 860px){
  .hero-section{
    padding:92px 0 70px;
  }

  .hero-title{
    font-size:44px;
    line-height:1;
    margin-bottom:18px;
  }

  .hero-description{
    font-size:16px;
    line-height:1.65;
    margin-bottom:22px;
  }

  .hero-container{
    display:flex;
    flex-direction:column;
    gap:16px;
  }

  .hero-floating{
    position:relative;
    inset:auto;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:100%;
    margin:0;
  }

  .hero-center{
    order:1;
    text-align:left;
    max-width:100%;
  }

  .hero-top-right{
    order:4;
  }

  .hero-left-bottom{
    order:5;
  }

  .hero-actions{
    justify-content:flex-start;
  }

  .hero-main-button{
    max-width:340px;
  }

  .hero-info-card{
    max-width:100%;
  }

  .hero-stats{
    width:100%;
    min-width:0;
    max-width:100%;
    grid-template-columns:repeat(3,1fr);
  }

  .container-botao{
    min-height:58px;
    padding:12px 18px 12px 58px;
  }

  .texto-1,
  .texto-2{
    font-size:13px;
  }
}

@media (max-width: 560px){
  .hero-section{
    min-height:auto;
    padding:88px 0 56px;
  }

  .hero-bg-gradient{
    inset:-12%;
    background-size:180% 180%;
  }

  .hero-decor-1{
    width:180px;
    height:180px;
    left:-70px;
    top:70px;
  }

  .hero-decor-2{
    width:160px;
    height:160px;
    right:-60px;
    top:120px;
  }

  .hero-decor-3{
    width:160px;
    height:160px;
    bottom:-60px;
  }

  .hero-container{
    display:flex;
    flex-direction:column;
    gap:14px;
  }

  .hero-center{
    order:1;
    max-width:100%;
    text-align:left;
  }

  .hero-title{
    font-size:25px;
    line-height:1.02;
    letter-spacing:-0.05em;
    margin-bottom:14px;
    max-width:100%;
  }

  .hero-description{
    max-width:100%;
    margin:0 0 22px;
    font-size:14px;
    line-height:1.55;
    text-align:left;
  }

  .hero-actions{
    justify-content:flex-start;
  }

  .hero-main-button{
    width:100%;
    max-width:260px;
  }

  .botao{
    border-radius:18px;
  }

  .container-botao{
    min-height:52px;
    padding:10px 14px 10px 50px;
    border-radius:18px;
  }

  .wrapper-icones{
    width:30px;
    height:30px;
    left:10px;
  }

  .botao:hover .wrapper-icones{
    left:calc(100% - 40px);
  }

  .texto-1,
  .texto-2{
    font-size:11px;
    line-height:1.2;
  }

  .hero-floating{
    position:relative;
    inset:auto;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:100%;
    margin:0;
  }

  .hero-top-right{
    order:4;
  }

  .hero-left-bottom{
    order:5;
  }

  .hero-info-card{
    max-width:100%;
    padding:12px;
    border-radius:12px;
    gap:10px;
  }

  .hero-info-icon{
    width:30px;
    height:30px;
    border-radius:8px;
  }

  .hero-info-icon svg{
    width:13px;
    height:13px;
  }

  .hero-info-text strong{
    font-size:11px;
    line-height:1.45;
  }

  .hero-stats{
    width:100%;
    min-width:0;
    max-width:100%;
    grid-template-columns:1fr;
    border-radius:12px;
  }

  .hero-stat-item{
    min-height:54px;
    padding:10px 12px;
    flex-direction:row;
    justify-content:flex-start;
    gap:10px;
    text-align:left;
  }

  .hero-stat-item:not(:last-child)::after{
    display:none;
  }

  .hero-stat-item:not(:last-child){
    border-bottom:1px solid rgba(255,255,255,0.08);
  }

  .hero-stat-icon{
    width:14px;
    height:14px;
    flex-shrink:0;
  }

  .hero-stat-icon svg{
    width:14px;
    height:14px;
  }

  .hero-stat-item strong{
    font-size:11px;
    line-height:1.2;
  }

  .hero-stat-item span{
    display:none;
  }

  .float-3d{
    animation:none;
  }
}


/* =========================
   PROBLEMS
========================= */
.problems-section{padding:120px 0;background:#f7f9fc}
.problems-grid{
  display:grid;grid-template-columns:repeat(12,1fr);gap:18px;margin-bottom:42px
}
.problem-card{
  position:relative;background:rgba(255,255,255,.86);
  border:1px solid transparent;border-radius:24px;
  padding:30px 28px;overflow:hidden;min-height:198px;
  transition:.25s ease
}
.problem-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(15,23,42,.06)}
.problem-card h3{font-size:22px;line-height:1.2;font-weight:800;color:#111827;margin-bottom:16px}
.problem-card p{font-size:16px;line-height:1.75;color:#64748b;max-width:95%}
.problem-icon{
  width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;
  margin-bottom:28px
}
.problem-icon svg{width:24px;height:24px}
.problem-card-large{grid-column:span 5}
.problem-card-wide{grid-column:span 7}
.problem-card-pink,.problem-card-purple,.problem-card-cyan{grid-column:span 4}
.problem-card-inline{display:flex;align-items:center;gap:18px;min-height:100%}
.problem-card-inline .problem-icon{margin-bottom:0;flex-shrink:0}
.problem-card-inline .problem-card-content h3{margin-bottom:12px}
.problem-card-yellow{border-color:rgba(245,158,11,.22)}
.problem-card-yellow .problem-icon{background:#fff6e8;color:#f59e0b}
.problem-card-red{border-color:rgba(239,68,68,.18)}
.problem-card-red .problem-icon{background:#fff1f2;color:#ef4444}
.problem-card-pink{border-color:rgba(244,114,182,.18)}
.problem-card-pink .problem-icon{background:#fdf2f8;color:#ec4899}
.problem-card-purple{border-color:rgba(168,85,247,.18)}
.problem-card-purple .problem-icon{background:#f5f3ff;color:#8b5cf6}
.problem-card-cyan{border-color:rgba(6,182,212,.18)}
.problem-card-cyan .problem-icon{background:#ecfeff;color:#06b6d4}
.problem-card-glow{
  position:absolute;right:-18px;bottom:-18px;width:96px;height:96px;border-radius:50%;
  background:rgba(245,158,11,.1)
}
.problems-alert{
  display:flex;align-items:center;gap:22px;padding:34px;
  border-radius:24px;background:linear-gradient(90deg,#07142d 0%, #08224f 100%);
  box-shadow:0 24px 50px rgba(6,18,45,.16)
}
.problems-alert-icon{
  width:62px;height:62px;border-radius:18px;background:rgba(37,99,235,.18);color:#60a5fa;
  display:flex;align-items:center;justify-content:center;flex-shrink:0
}
.problems-alert-icon svg{width:26px;height:26px}
.problems-alert-content strong{
  display:block;font-size:22px;line-height:1.2;font-weight:800;color:#fff;margin-bottom:10px
}
.problems-alert-content p{font-size:17px;line-height:1.8;color:rgba(223,231,248,.72)}

/* =========================
   TECHNICAL
========================= */
.technical-section{
  padding:120px 0;background:linear-gradient(180deg,#020816 0%,#020910 100%);color:#fff
}
.technical-container{
  display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center
}
.technical-title{font-size:48px;line-height:1.1;font-weight:800;margin:24px 0}
.technical-description{color:#94a3b8;font-size:17px;line-height:1.7;margin-bottom:30px;max-width:520px}
.technical-list{display:flex;flex-direction:column;gap:16px;margin-bottom:25px}
.technical-item{
  display:flex;gap:16px;padding:18px;background:rgba(255,255,255,.03);
  border:1px solid rgba(255,255,255,.06);border-radius:14px
}
.technical-item h4{font-size:16px;margin-bottom:4px}
.technical-item p{font-size:14px;color:#94a3b8}
.technical-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0}
.blue{background:#1d4ed8}.purple{background:#7c3aed}.cyan{background:#0891b2}.yellow{background:#f59e0b}.red{background:#ef4444}
.technical-note{margin-top:20px;font-size:14px;color:#94a3b8}
.technical-image{position:relative}
.technical-image img{
  width:100%;border-radius:22px;object-fit:cover;min-height:680px
}
.technical-badge{
  position:absolute;top:30px;left:30px;background:#0f172a;padding:16px 20px;border-radius:14px;
  border:1px solid rgba(255,255,255,.1)
}
.technical-badge span{font-size:11px;color:#94a3b8;display:block}
.technical-badge strong{font-size:18px}
.technical-badge p{font-size:12px;color:#94a3b8}

/* =========================
   ABOUT
========================= */
.beneficios-lista {
  padding-left: 28px;
}

.beneficios-lista li {
  margin-bottom: 22px;
  font-size: 18px;
  line-height: 1.6;
  color: #64748b;
}
.about-section{padding:120px 0;background:#f7f9fc}
.about-container{
  display:grid;grid-template-columns:.96fr 1.04fr;gap:72px;align-items:center
}
.about-media{display:flex;justify-content:flex-start}
.about-image-frame{
  position:relative;width:100%;max-width:560px;border-radius:28px;padding:18px;
  border:1px solid rgba(147,197,253,.28);background:rgba(255,255,255,.45)
}
.about-image-frame img{
  width:100%;height:760px;object-fit:cover;border-radius:24px;display:block
}
.about-floating-card{
  position:absolute;right:-22px;bottom:26px;min-width:230px;padding:18px 18px 16px;border-radius:18px;
  background:rgba(255,255,255,.96);border:1px solid rgba(15,23,42,.06);box-shadow:0 18px 40px rgba(15,23,42,.12)
}
.about-floating-card ul{list-style:none;display:flex;flex-direction:column;gap:14px}
.about-floating-card li{
  display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:#0f172a
}
.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.dot-green{background:#22c55e}.dot-blue{background:#3b82f6}.dot-purple{background:#8b5cf6}
.about-content{max-width:700px}
.about-title{
  font-size:60px;line-height:1.03;letter-spacing:-.045em;font-weight:800;color:#0f172a;
  margin:22px 0 28px;max-width:760px
}
.about-description{font-size:18px;line-height:1.8;color:#64748b;margin-bottom:14px;max-width:680px}
.about-values-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:34px;margin-bottom:28px
}
.about-value-card{
  min-height:174px;padding:22px 20px;border-radius:18px;border:1px solid rgba(15,23,42,.07);
  background:rgba(255,255,255,.72)
}
.about-value-icon{
  width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px
}
.about-value-icon svg{width:18px;height:18px}
.about-value-icon-blue{background:#eef4ff;color:#3b82f6}
.about-value-icon-purple{background:#f5f3ff;color:#8b5cf6}
.about-value-icon-cyan{background:#ecfeff;color:#06b6d4}
.about-value-icon-green{background:#ecfdf5;color:#22c55e}
.about-value-card h3{font-size:16px;line-height:1.35;font-weight:800;color:#111827;margin-bottom:10px}
.about-value-card p{font-size:15px;line-height:1.7;color:#94a3b8}
.about-legal-note{
  display:flex;align-items:flex-start;gap:14px;padding:18px;border-radius:14px;border:1px solid rgba(15,23,42,.07);background:rgba(255,255,255,.72)
}
.about-legal-icon{width:20px;height:20px;color:#94a3b8;flex-shrink:0;margin-top:2px}
.about-legal-icon svg{width:20px;height:20px}
.about-legal-note p{font-size:15px;line-height:1.7;color:#64748b}
.about-legal-note strong{color:#475569;font-weight:800}

/* =========================
   PROCESS
========================= */
.process-section{padding:120px 0 110px;background:#f7f9fc;position:relative}
.process-title{max-width:980px}
.process-description{max-width:700px}
.process-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:22px;position:relative;margin-top:10px;margin-bottom:40px
}
.process-grid::before{
  content:"";position:absolute;top:46px;left:12%;right:12%;height:2px;
  background:linear-gradient(90deg, rgba(96,165,250,.18) 0%, rgba(168,85,247,.18) 35%, rgba(6,182,212,.18) 68%, rgba(34,197,94,.18) 100%);
  z-index:0
}
.process-card{
  position:relative;z-index:1;min-height:330px;padding:34px 28px 30px;border-radius:24px;
  border:1px solid rgba(15,23,42,.06);background:rgba(255,255,255,.86);text-align:center;
  box-shadow:0 10px 30px rgba(15,23,42,.03);transition:.25s ease
}
.process-card:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(15,23,42,.08)}
.process-number{
  position:absolute;top:18px;right:18px;font-size:14px;font-weight:800;letter-spacing:.04em
}
.process-card-blue .process-number{color:#a5b4fc}
.process-card-purple .process-number{color:#c4b5fd}
.process-card-cyan .process-number{color:#67e8f9}
.process-card-green .process-number{color:#86efac}
.process-icon{
  width:64px;height:64px;border-radius:20px;display:flex;align-items:center;justify-content:center;
  margin:0 auto 26px;box-shadow:0 14px 30px rgba(15,23,42,.08)
}
.process-icon svg{width:26px;height:26px}
.process-icon-blue{background:linear-gradient(180deg,#60a5fa 0%,#3b82f6 100%);color:#fff}
.process-icon-purple{background:linear-gradient(180deg,#a78bfa 0%,#8b5cf6 100%);color:#fff}
.process-icon-cyan{background:linear-gradient(180deg,#22d3ee 0%,#06b6d4 100%);color:#fff}
.process-icon-green{background:linear-gradient(180deg,#4ade80 0%,#22c55e 100%);color:#fff}
.process-card h3{font-size:18px;line-height:1.35;font-weight:800;color:#0f172a;margin-bottom:14px}
.process-card p{font-size:16px;line-height:1.85;color:#64748b}
.process-note{text-align:center;font-size:17px;line-height:1.7;color:#94a3b8}

/* =========================
   COVERAGE
========================= */
.coverage-section{
  position:relative;overflow:hidden;padding:120px 0;background:
    radial-gradient(circle at top center, rgba(37,99,235,.14), transparent 34%),
    linear-gradient(180deg,#020816 0%, #020910 100%)
}
.coverage-bg{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg, rgba(37,99,235,.12) 0%, transparent 14%, transparent 86%, rgba(37,99,235,.12) 100%),
    radial-gradient(circle at 50% 0%, rgba(29,78,216,.18), transparent 40%);
  pointer-events:none;
}
.coverage-header{position:relative;z-index:1;margin-bottom:52px}
.coverage-title{
  max-width:980px;font-size:64px;line-height:1.02;letter-spacing:-.045em;
  font-weight:800;color:#f8fafc;margin-bottom:22px
}
.coverage-title span{color:#4f8dfd}
.coverage-description{max-width:640px;font-size:18px;line-height:1.8;color:rgba(226,232,240,.62)}
.coverage-content{
  position:relative;z-index:1;display:grid;grid-template-columns:.96fr 1.04fr;gap:42px;align-items:start
}
.coverage-list-area{display:flex;flex-direction:column;gap:18px}
.coverage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.coverage-card{
  display:flex;align-items:center;gap:14px;min-height:88px;padding:18px;border-radius:16px;
  border:1px solid rgba(148,163,184,.12);
  background:linear-gradient(90deg, rgba(15,23,42,.72), rgba(9,18,35,.72));
  box-shadow:0 12px 28px rgba(0,0,0,.14)
}
.coverage-card-active{
  border-color:rgba(59,130,246,.28);
  background:linear-gradient(90deg, rgba(18,44,95,.88), rgba(15,36,81,.84))
}
.coverage-card-full{grid-column:1 / 2}
.coverage-card-icon{
  width:22px;height:22px;color:rgba(148,163,184,.72);flex-shrink:0;position:relative
}
.coverage-card-icon.icon-pin::before{
  content:"";position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21C16 16.8 19 13.7 19 10.5C19 6.91 15.87 4 12 4C8.13 4 5 6.91 5 10.5C5 13.7 8 16.8 12 21Z' stroke='%2394a3b8' stroke-width='1.8' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10.5' r='2.3' stroke='%2394a3b8' stroke-width='1.8'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:contain
}
.coverage-card-active .coverage-card-icon.icon-pin::before{
  background-image:url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21C16 16.8 19 13.7 19 10.5C19 6.91 15.87 4 12 4C8.13 4 5 6.91 5 10.5C5 13.7 8 16.8 12 21Z' stroke='%2360a5fa' stroke-width='1.8' stroke-linejoin='round'/%3E%3Ccircle cx='12' cy='10.5' r='2.3' stroke='%2360a5fa' stroke-width='1.8'/%3E%3C/svg%3E\")
}
.coverage-card h3{font-size:15px;line-height:1.3;font-weight:700;color:#f8fafc;margin-bottom:4px}
.coverage-card span{display:block;font-size:13px;color:rgba(148,163,184,.72)}
.coverage-online-box{
  display:flex;align-items:center;gap:16px;min-height:92px;padding:20px;border-radius:16px;
  border:1px solid rgba(34,197,94,.2);
  background:linear-gradient(90deg, rgba(6,78,59,.58), rgba(5,46,22,.58));
  box-shadow:0 14px 30px rgba(0,0,0,.14)
}
.coverage-online-icon{width:26px;height:26px;color:#22c55e;flex-shrink:0}
.coverage-online-icon svg{width:26px;height:26px}
.coverage-online-content strong{
  display:block;font-size:16px;font-weight:800;color:#22c55e;margin-bottom:4px
}
.coverage-online-content p{font-size:15px;line-height:1.6;color:rgba(226,232,240,.68)}
.coverage-media{display:flex;justify-content:flex-end}
.coverage-image-card{
  position:relative;width:100%;max-width:760px;border-radius:28px;overflow:hidden;background:#05070b;
  box-shadow:0 24px 70px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.04) inset
}
.coverage-image-card img{width:100%;height:560px;object-fit:cover;display:block;filter:brightness(.88)}
.coverage-image-label{
  position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:10px;
  color:#f8fafc;font-size:15px;font-weight:700;text-shadow:0 2px 12px rgba(0,0,0,.35)
}
.coverage-image-pin{width:18px;height:18px;color:#60a5fa;display:inline-flex;align-items:center;justify-content:center}
.coverage-image-pin svg{width:18px;height:18px}

/* =========================
   HIGHLIGHTS
========================= */
/* =========================
   HIGHLIGHTS SECTION
========================= */
.highlights-section{
  padding:120px 0;
  background:#f7f9fc;
}

.highlights-top{
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:40px;
  align-items:start;
  margin-bottom:42px;
}

.section-tag-gold{
  color:#f59e0b;
  border:1px solid rgba(245,158,11,0.22);
  background:rgba(255,247,237,0.9);
}

.highlights-title{
  font-size:62px;
  line-height:1.02;
  letter-spacing:-0.045em;
  font-weight:800;
  color:#0f172a;
  margin-top:22px;
  max-width:980px;
}

.highlights-intro{
  padding-top:24px;
  max-width:460px;
  justify-self:end;
}

.highlights-intro p{
  font-size:18px;
  line-height:1.8;
  color:#64748b;
}

.highlights-grid{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:18px;
}

.highlight-card{
  min-height:220px;
  padding:28px 28px 24px;
  border-radius:24px;
  border:1px solid rgba(15,23,42,0.06);
  background:rgba(255,255,255,0.78);
  box-shadow:0 10px 28px rgba(15,23,42,0.04);
}

.highlight-card-featured{
  grid-column:span 6;
  min-height:250px;
  border:none;
  background:
    radial-gradient(circle at 90% 24%, rgba(245,158,11,0.12), transparent 18%),
    linear-gradient(90deg, #020816 0%, #04163d 100%);
  box-shadow:0 24px 60px rgba(2,8,23,0.18);
}

.highlights-grid > .highlight-card:nth-child(2),
.highlights-grid > .highlight-card:nth-child(3),
.highlights-grid > .highlight-card:nth-child(4),
.highlights-grid > .highlight-card:nth-child(5){
  grid-column:span 3;
}

.highlight-icon{
  width:56px;
  height:56px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:24px;
  box-shadow:0 14px 30px rgba(15,23,42,0.08);
}

.highlight-icon svg{
  width:24px;
  height:24px;
}

.highlight-icon-gold{
  background:linear-gradient(180deg, #fbbf24 0%, #f59e0b 100%);
  color:#ffffff;
}

.highlight-icon-blue{
  background:linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);
  color:#ffffff;
}

.highlight-icon-purple{
  background:linear-gradient(180deg, #a78bfa 0%, #8b5cf6 100%);
  color:#ffffff;
}

.highlight-icon-cyan{
  background:linear-gradient(180deg, #22d3ee 0%, #06b6d4 100%);
  color:#ffffff;
}

.highlight-icon-green{
  background:linear-gradient(180deg, #4ade80 0%, #22c55e 100%);
  color:#ffffff;
}

.highlight-card h3{
  font-size:18px;
  line-height:1.35;
  font-weight:800;
  color:#111827;
  margin-bottom:12px;
  max-width:300px;
}

.highlight-card p{
  font-size:15px;
  line-height:1.75;
  color:#64748b;
  max-width:340px;
}

.highlight-card-featured h3{
  font-size:20px;
  color:#ffffff;
  max-width:420px;
}

.highlight-card-featured p{
  color:rgba(226,232,240,0.72);
  max-width:520px;
}

/* =========================
   RESPONSIVO HIGHLIGHTS
========================= */
@media (max-width:1280px){
  .highlights-title{
    font-size:54px;
  }

  .highlights-top{
    gap:30px;
  }
}

@media (max-width:1100px){
  .highlights-top{
    grid-template-columns:1fr;
    gap:18px;
    margin-bottom:34px;
  }

  .highlights-intro{
    max-width:100%;
    justify-self:start;
    padding-top:0;
  }

  .highlight-card-featured,
  .highlights-grid > .highlight-card:nth-child(2),
  .highlights-grid > .highlight-card:nth-child(3),
  .highlights-grid > .highlight-card:nth-child(4),
  .highlights-grid > .highlight-card:nth-child(5){
    grid-column:span 6;
  }
}

@media (max-width:860px){
  .highlights-section{
    padding:90px 0 84px;
  }

  .highlights-title{
    font-size:40px;
    line-height:1.05;
    margin-top:18px;
  }

  .highlights-intro p{
    font-size:16px;
    line-height:1.75;
  }

  .highlights-grid{
    gap:16px;
  }

  .highlight-card{
    min-height:auto;
    padding:24px 20px 20px;
    border-radius:20px;
  }

  .highlight-card-featured,
  .highlights-grid > .highlight-card:nth-child(2),
  .highlights-grid > .highlight-card:nth-child(3),
  .highlights-grid > .highlight-card:nth-child(4),
  .highlights-grid > .highlight-card:nth-child(5){
    grid-column:span 12;
  }

  .highlight-icon{
    width:52px;
    height:52px;
    border-radius:16px;
    margin-bottom:20px;
  }

  .highlight-icon svg{
    width:22px;
    height:22px;
  }

  .highlight-card h3,
  .highlight-card-featured h3{
    font-size:17px;
    max-width:100%;
  }

  .highlight-card p,
  .highlight-card-featured p{
    font-size:14px;
    line-height:1.7;
    max-width:100%;
  }
}

@media (max-width:560px){
  .highlights-section{
    padding:72px 0 68px;
  }

  .highlights-title{
    font-size:31px;
    line-height:1.08;
  }

  .highlights-intro p{
    font-size:15px;
    line-height:1.65;
  }

  .highlights-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .highlight-card{
    padding:20px 16px 18px;
    border-radius:18px;
  }

  .highlight-card-featured{
    min-height:auto;
  }

  .highlight-icon{
    width:48px;
    height:48px;
    border-radius:14px;
    margin-bottom:16px;
  }

  .highlight-icon svg{
    width:20px;
    height:20px;
  }

  .highlight-card h3,
  .highlight-card-featured h3{
    font-size:15px;
    line-height:1.35;
    margin-bottom:10px;
  }

  .highlight-card p,
  .highlight-card-featured p{
    font-size:13px;
    line-height:1.6;
  }
}
/* =========================
   FAQ
========================= */
.faq-section{padding:120px 0;background:#f7f9fc}
.faq-container{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}
.faq-left{max-width:560px}
.faq-title{
  font-size:62px;line-height:1.02;letter-spacing:-.045em;font-weight:800;color:#0f172a;margin:22px 0 24px;max-width:620px
}
.faq-description{
  font-size:18px;line-height:1.8;color:#64748b;max-width:560px;margin-bottom:42px
}
.faq-help-card{
  padding:30px 32px;border-radius:24px;
  background:radial-gradient(circle at 15% 18%, rgba(37,99,235,.1), transparent 18%),linear-gradient(90deg,#020816 0%,#04163d 100%);
  box-shadow:0 24px 60px rgba(2,8,23,.16)
}
.faq-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.faq-tags span{
  display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;
  border-radius:999px;border:1px solid rgba(59,130,246,.22);background:rgba(13,45,107,.42);
  color:#60a5fa;font-size:15px;font-weight:700
}
.faq-help-card p{font-size:16px;line-height:1.75;color:rgba(226,232,240,.68);max-width:500px}
.faq-accordion{display:flex;flex-direction:column;gap:14px}
.faq-item{
  border-radius:22px;border:1px solid rgba(15,23,42,.06);background:rgba(255,255,255,.78);
  box-shadow:0 10px 28px rgba(15,23,42,.04);overflow:hidden;transition:.25s ease
}
.faq-item.active{border-color:rgba(96,165,250,.4)}
.faq-question{
  width:100%;border:none;background:transparent;padding:22px 20px 22px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;cursor:pointer
}
.faq-question span:first-child{font-size:18px;line-height:1.45;font-weight:800;color:#0f172a}
.faq-item.active .faq-question span:first-child{color:#2563eb}
.faq-icon{
  width:30px;height:30px;border-radius:10px;background:rgba(15,23,42,.04);color:#94a3b8;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:.25s ease
}
.faq-icon svg{width:18px;height:18px}
.faq-item.active .faq-icon{background:rgba(37,99,235,.08);color:#2563eb}
.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease}
.faq-item.active .faq-answer{grid-template-rows:1fr}
.faq-answer p{
  overflow:hidden;padding:20px 22px 22px;font-size:16px;line-height:1.8;color:#64748b;
  border-top:1px solid rgba(15,23,42,.06)
}

/* =========================
   FINAL CTA
========================= */
.final-cta{
  padding:140px 0;
  background:
    radial-gradient(circle at 20% 20%, rgba(37,99,235,.15), transparent 30%),
    radial-gradient(circle at 80% 70%, rgba(37,99,235,.12), transparent 40%),
    linear-gradient(180deg, #020617 0%, #020617 100%);
  text-align:center;
}
.final-cta-container{max-width:880px;margin:auto}
.final-cta-title{
  font-size:64px;line-height:1.05;font-weight:800;color:#fff;letter-spacing:-.03em;margin:28px 0
}
.final-cta-title span{color:#3b82f6}
.final-cta-description{
  font-size:18px;color:#94a3b8;line-height:1.8;max-width:640px;margin:auto auto 40px
}
.final-cta-badges{
  display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:50px
}
.cta-badge{
  display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;
  background:rgba(15,23,42,.6);border:1px solid rgba(148,163,184,.15);
  color:#cbd5f5;font-size:15px;font-weight:700
}
.badge-icon{color:#22c55e}
.cta-button-large{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;height:64px;padding:0 38px;
  border-radius:14px;background:linear-gradient(90deg,#2563eb,#3b82f6);
  color:#fff;font-weight:800;font-size:18px;
  box-shadow:0 10px 30px rgba(37,99,235,.35);transition:.25s ease
}
.cta-button-large:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(37,99,235,.45)}
.cta-arrow{font-size:20px}

/* =========================
   FOOTER
========================= */
.site-footer{
  background:
    radial-gradient(circle at 20% 20%, rgba(37,99,235,.12), transparent 40%),
    linear-gradient(180deg,#020617 0%,#020617 100%);
  padding-top:80px;color:#94a3b8;
}
.footer-container{display:grid;grid-template-columns:2fr 1fr 1fr;gap:80px;padding-bottom:60px}
.footer-logo{
  display:flex;align-items:center;gap:10px;font-weight:600;font-size:18px;color:#e2e8f0;margin-bottom:18px
}
.footer-logo .logo-icon{box-shadow:none}
.footer-brand p{max-width:320px;line-height:1.8;font-size:15px}
.footer-nav h4,.footer-contact h4{font-size:13px;letter-spacing:.08em;color:#cbd5f5;margin-bottom:16px}
.footer-nav ul,.footer-contact ul{list-style:none}
.footer-nav li,.footer-contact li{margin-bottom:10px}
.footer-nav a{color:#94a3b8;font-size:15px;transition:.2s}
.footer-nav a:hover{color:#3b82f6}
.footer-contact li{font-size:15px}
.footer-legal-box{
  border-top:1px solid rgba(148,163,184,.1);border-bottom:1px solid rgba(148,163,184,.1);
  padding:24px 0;margin-bottom:24px
}
.footer-legal-box p{
  font-size:14px;line-height:1.8;color:#facc15;background:rgba(251,191,36,.06);
  border:1px solid rgba(251,191,36,.15);padding:18px 22px;border-radius:10px
}
.footer-bottom{padding:18px 0}
.footer-bottom-container{
  display:flex;justify-content:space-between;align-items:center;font-size:13px
}

/* =========================
   RESPONSIVE
========================= */
@media (max-width:1280px){
  .hero-title,.coverage-title,.final-cta-title{font-size:58px}
  .section-title,.highlights-title,.faq-title{font-size:54px}
  .about-title{font-size:52px}
  .hero-container{gap:42px;min-height:auto}
  .hero-card{max-width:520px;min-height:640px}
  .hero-card-image img{height:640px}
  .technical-image img{min-height:620px}
  .coverage-image-card img{height:520px}
}
@media (max-width:1100px){
  .hero-container,.technical-container,.about-container,.coverage-content,.faq-container{grid-template-columns:1fr}
  .hero-visual,.coverage-media{justify-content:flex-start}
  .hero-content,.about-content,.faq-left{max-width:100%}
  .hero-card,.coverage-image-card{max-width:100%}
  .about-image-frame{max-width:700px}
  .about-image-frame img{height:620px}
  .about-floating-card{right:20px;bottom:20px}
  .highlights-top{grid-template-columns:1fr;gap:18px;margin-bottom:34px}
  .highlights-intro{max-width:100%;justify-self:start;padding-top:0}
  .process-grid{grid-template-columns:repeat(2,1fr)}
  .process-grid::before{display:none}
  .problem-card-large,.problem-card-wide,.problem-card-pink,.problem-card-purple,.problem-card-cyan,
  .highlight-card-featured,
  .highlights-grid>.highlight-card:nth-child(2),
  .highlights-grid>.highlight-card:nth-child(3),
  .highlights-grid>.highlight-card:nth-child(4),
  .highlights-grid>.highlight-card:nth-child(5){grid-column:span 6}
  .problem-card-wide .problem-card-inline{align-items:flex-start}
  .footer-container{grid-template-columns:1fr;gap:40px}
}
@media (max-width:860px){
  .header-container{
    min-height:80px;
    position:relative;
    grid-template-columns: 1fr auto;
  }

  .logo-img{
    height:52px;
  }

  .menu-toggle{
    display:block;
  }

  .header-cta{
    display:none;
  }

  .nav{
    position:absolute;
    top:calc(100% + 12px);
    left:24px;
    right:24px;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
    gap:18px;
    padding:22px;
    background: rgba(8,14,26,0.96);
    border:1px solid rgba(255,255,255,0.08);
    border-radius:18px;
    opacity:0;
    visibility:hidden;
    transform:translateY(-10px);
    pointer-events:none;
    transition:.3s ease;
    margin:0;
    box-shadow:0 16px 40px rgba(0,0,0,0.28);
  }

  .nav.active{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }

  .nav a::after{
    bottom:-4px;
  }
}
@media (max-width:768px){
  .hero-section,.coverage-section,.about-section,.problems-section,.process-section,.faq-section,.highlights-section{padding:90px 0}
  .final-cta{padding:100px 0}
  .hero-section::before,.hero-section::after,.coverage-section::before,.coverage-section::after{display:none}
  .hero-title,.coverage-title,.section-title,.about-title,.highlights-title,.faq-title,.final-cta-title{
    font-size:40px;line-height:1.05
  }
  .technical-title{font-size:38px}
  .hero-description,.coverage-description,.about-description,.highlights-intro p,.faq-description,.final-cta-description{font-size:16px;line-height:1.75}
  .hero-primary-btn,.cta-button-large{width:100%;min-height:58px;padding:14px 20px;font-size:16px;text-align:center}
  .hero-stats,.about-values-grid,.coverage-grid{grid-template-columns:1fr}
  .hero-stat-item:not(:last-child)::after{display:none}
  .hero-stat-item:not(:last-child){border-bottom:1px solid rgba(255,255,255,.08)}
  .hero-card,.technical-image img{min-height:auto}
  .hero-card-image img{height:540px}
  .hero-floating-card{position:relative;left:auto;right:auto;bottom:auto;margin:-22px 16px 16px}
  .section-header{margin-bottom:40px}
  .problems-grid{grid-template-columns:1fr;gap:16px;margin-bottom:28px}
  .problem-card-large,.problem-card-wide,.problem-card-pink,.problem-card-purple,.problem-card-cyan,
  .highlight-card-featured,
  .highlights-grid>.highlight-card:nth-child(2),
  .highlights-grid>.highlight-card:nth-child(3),
  .highlights-grid>.highlight-card:nth-child(4),
  .highlights-grid>.highlight-card:nth-child(5){grid-column:auto}
  .problem-card,.highlight-card,.faq-help-card,.process-card{min-height:auto;padding:24px 22px;border-radius:20px}
  .problem-card h3,.problems-alert-content strong,.process-card h3,.highlight-card h3,.highlight-card-featured h3{font-size:20px}
  .problem-card p,.process-card p,.highlight-card p,.highlight-card-featured p,.faq-answer p,.faq-help-card p{font-size:15px;line-height:1.75}
  .problem-icon{width:52px;height:52px;margin-bottom:22px}
  .problem-card-inline,.problems-alert{flex-direction:column;align-items:flex-start}
  .about-image-frame{padding:12px;border-radius:22px}
  .about-image-frame img{height:520px;border-radius:18px}
  .about-floating-card{position:relative;right:auto;bottom:auto;margin:-28px 14px 0 auto;max-width:240px}
  .process-grid{gap:16px;margin-bottom:28px}
  .coverage-card-full{grid-column:auto}
  .coverage-card{min-height:82px}
  .coverage-online-box{align-items:flex-start}
  .coverage-image-card{border-radius:22px}
  .coverage-image-card img{height:420px}
  .faq-question{padding:18px}
  .faq-question span:first-child{font-size:16px}
  .faq-answer p{padding:18px}
  .footer-bottom-container{flex-direction:column;gap:10px;text-align:center}
}

@media (max-width:560px){
  .container{padding:0 16px}
  .header-container{min-height:74px;gap:14px}
  .logo-img{height:46px}
  .nav{left:16px;right:16px}
  .hero-section,.coverage-section,.about-section,.problems-section,.process-section,.faq-section,.highlights-section,.technical-section{padding:72px 0}
  .final-cta{padding:80px 0}
  .hero-badge,.section-tag{font-size:11px;padding:7px 12px;gap:8px}
  .hero-title,.coverage-title,.section-title,.about-title,.highlights-title,.faq-title,.final-cta-title{font-size:32px;line-height:1.08}
  .hero-description,.section-description,.coverage-description,.about-description,.highlights-intro p,.faq-description,.final-cta-description{font-size:15px}
  .hero-benefits{gap:14px;margin-bottom:30px}
  .hero-benefits li{align-items:flex-start;font-size:15px;line-height:1.45}
  .hero-actions{margin-bottom:28px}
  .hero-primary-btn,.cta-button-large{font-size:15px}
  .hero-card{border-radius:22px}
  .hero-card-badge{top:14px;right:14px;height:36px;padding:0 12px;font-size:12px;border-radius:10px}
  .hero-card-image img{height:460px}
  .hero-floating-card{flex-direction:column;gap:12px;padding:16px;border-radius:16px}
  .hero-floating-icon{width:40px;height:40px}
  .hero-floating-text strong{font-size:16px}
  .hero-floating-text p{font-size:13px}
  .problem-card,.highlight-card,.process-card,.faq-help-card{padding:20px 18px;border-radius:18px}
  .problem-card h3,.process-card h3,.highlight-card h3,.highlight-card-featured h3{font-size:17px}
  .problem-card p,.process-card p,.highlight-card p,.highlight-card-featured p,.faq-answer p,.faq-help-card p{font-size:14px}
  .problem-icon,.highlight-icon{width:48px;height:48px;border-radius:14px}
  .problem-icon svg,.highlight-icon svg{width:22px;height:22px}
  .problems-alert{padding:26px 22px;border-radius:20px}
  .problems-alert-content strong{font-size:18px}
  .problems-alert-content p,.process-note{font-size:14px}
  .technical-title{font-size:30px}
  .technical-image img{min-height:0}
  .about-image-frame{padding:10px;border-radius:20px}
  .about-image-frame img{height:420px}
  .about-floating-card{margin:-24px 10px 0 auto;min-width:0;width:calc(100% - 20px);max-width:250px;padding:16px;border-radius:16px}
  .about-floating-card li{font-size:14px}
  .about-value-card{padding:18px 16px;border-radius:16px}
  .about-value-card h3{font-size:15px}
  .about-value-card p,.about-legal-note p{font-size:14px}
  .about-legal-note{padding:16px;border-radius:12px}
  .process-grid{grid-template-columns:1fr}
  .process-icon{width:58px;height:58px;border-radius:18px;margin-bottom:22px}
  .process-icon svg{width:24px;height:24px}
  .coverage-card{padding:16px;border-radius:14px}
  .coverage-card h3{font-size:14px}
  .coverage-card span{font-size:12px}
  .coverage-online-box{padding:16px;border-radius:14px}
  .coverage-online-content strong{font-size:15px}
  .coverage-online-content p{font-size:14px}
  .coverage-image-card img{height:320px}
  .coverage-image-label{left:14px;bottom:14px;font-size:14px}
  .faq-tags{gap:8px;margin-bottom:20px}
  .faq-tags span{font-size:13px;min-height:34px;padding:7px 12px}
  .faq-item{border-radius:18px}
  .faq-question span:first-child{font-size:15px}
  .footer-legal-box p{padding:16px}
}


/* =========================
   PROCESS SECTION
========================= */
.process-section{
  padding:120px 0 110px;
  background:#f7f9fc;
  position:relative;
}

.process-title{
  max-width:980px;
}

.process-description{
  max-width:760px;
}

.process-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:22px;
  position:relative;
  margin-top:10px;
  margin-bottom:34px;
}

.process-grid::before{
  content:"";
  position:absolute;
  top:46px;
  left:12%;
  right:12%;
  height:2px;
  background:linear-gradient(
    90deg,
    rgba(96,165,250,.18) 0%,
    rgba(168,85,247,.18) 35%,
    rgba(6,182,212,.18) 68%,
    rgba(34,197,94,.18) 100%
  );
  z-index:0;
}

.process-card{
  position:relative;
  z-index:1;
  min-height:320px;
  padding:30px 24px 26px;
  border-radius:22px;
  border:1px solid rgba(15,23,42,.06);
  background:rgba(255,255,255,.88);
  text-align:center;
  box-shadow:0 10px 30px rgba(15,23,42,.03);
  transition:transform .25s ease, box-shadow .25s ease;
}

.process-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 36px rgba(15,23,42,.08);
}

.process-number{
  position:absolute;
  top:16px;
  right:16px;
  font-size:13px;
  font-weight:800;
  letter-spacing:.04em;
}

.process-card-blue .process-number{color:#a5b4fc;}
.process-card-purple .process-number{color:#c4b5fd;}
.process-card-cyan .process-number{color:#67e8f9;}
.process-card-green .process-number{color:#86efac;}

.process-icon{
  width:62px;
  height:62px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 22px;
  box-shadow:0 14px 30px rgba(15,23,42,.08);
}

.process-icon svg{
  width:24px;
  height:24px;
}

.process-icon-blue{
  background:linear-gradient(180deg, #60a5fa 0%, #3b82f6 100%);
  color:#fff;
}

.process-icon-purple{
  background:linear-gradient(180deg, #a78bfa 0%, #8b5cf6 100%);
  color:#fff;
}

.process-icon-cyan{
  background:linear-gradient(180deg, #22d3ee 0%, #06b6d4 100%);
  color:#fff;
}

.process-icon-green{
  background:linear-gradient(180deg, #4ade80 0%, #22c55e 100%);
  color:#fff;
}

.process-card h3{
  font-size:18px;
  line-height:1.3;
  font-weight:800;
  color:#0f172a;
  margin-bottom:12px;
}

.process-card p{
  font-size:15px;
  line-height:1.75;
  color:#64748b;
}

.process-note{
  text-align:center;
  font-size:16px;
  line-height:1.7;
  color:#94a3b8;
  max-width:760px;
  margin:0 auto;
}

/* =========================
   RESPONSIVO PROCESS
========================= */
@media (max-width: 1200px){
  .process-grid{
    grid-template-columns:repeat(2, 1fr);
  }

  .process-grid::before{
    display:none;
  }

  .process-card{
    min-height:280px;
  }
}

@media (max-width: 860px){
  .process-section{
    padding:90px 0 82px;
  }

  .process-title{
    max-width:100%;
  }

  .process-description{
    max-width:100%;
    font-size:16px;
    line-height:1.7;
  }

  .process-grid{
    gap:16px;
    margin-bottom:24px;
  }

  .process-card{
    min-height:auto;
    padding:24px 18px 22px;
    border-radius:18px;
  }

  .process-icon{
    width:56px;
    height:56px;
    border-radius:16px;
    margin-bottom:18px;
  }

  .process-icon svg{
    width:22px;
    height:22px;
  }

  .process-card h3{
    font-size:16px;
    margin-bottom:10px;
  }

  .process-card p{
    font-size:14px;
    line-height:1.65;
  }

  .process-note{
    font-size:14px;
    line-height:1.65;
  }
}

@media (max-width: 560px){
  .process-section{
    padding:72px 0 68px;
  }

  .process-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .process-card{
    text-align:left;
    padding:20px 16px 18px;
    border-radius:16px;
  }

  .process-number{
    top:14px;
    right:14px;
    font-size:12px;
  }

  .process-icon{
    width:50px;
    height:50px;
    border-radius:14px;
    margin:0 0 16px;
  }

  .process-icon svg{
    width:20px;
    height:20px;
  }

  .process-card h3{
    font-size:15px;
    line-height:1.3;
  }

  .process-card p{
    font-size:13px;
    line-height:1.55;
  }

  .process-note{
    font-size:13px;
    line-height:1.55;
    text-align:left;
  }
}