:root{
  --azul:#03045e;
  --azul-2:#07046f;
  --rosado:#ffafcc;
  --rosado-suave:#ffafcc;
  --celeste:#b9e4f5;
  --celeste-2:#edfaff;
  --dorado:#ffd166;
  --verde:#22c55e;
  --texto:#3b4472;
  --muted:#687096;
  --linea:#dfeaf6;
  --blanco:#ffffff;
  --fondo:#fbfdff;
  --shadow:0 22px 70px rgba(3,4,94,.10);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:hidden}
body{
  margin:0;
  font-family:Poppins,system-ui,-apple-system,Segoe UI,sans-serif;
  color:var(--azul);
  background:#fff;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.88);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(223,234,246,.65);
}
.header-inner{
  max-width:1240px;
  margin:0 auto;
  height:84px;
  padding:0 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  line-height:1.05;
}
.brand img{width:92px;height:64px;object-fit:contain}
.brand small{display:block;color:var(--azul);font-size:12px;font-weight:700}
.main-nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:800}
.main-nav a{position:relative;padding:30px 0;color:var(--azul)}
.main-nav a.active:after,.main-nav a:hover:after{
  content:"";position:absolute;left:0;right:0;bottom:18px;height:3px;border-radius:999px;background:var(--rosado-suave)
}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:48px;padding:0 22px;border-radius:12px;
  font-size:13px;font-weight:800;border:0;cursor:pointer;
  transition:.2s ease;white-space:nowrap;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:var(--rosado-suave);color:#fff;box-shadow:0 14px 26px rgba(255,175,204,.38)}
.btn-whatsapp{background:#20c663;color:#fff;box-shadow:0 14px 26px rgba(32,198,99,.22)}
.btn-whatsapp .wa-icon{width:24px;height:24px;fill:currentColor;stroke:none}
.btn-outline{border:1px solid var(--linea);background:#fff;color:var(--azul)}
main{overflow:hidden}
.hero,.district-hero{
  max-width:1240px;
  margin:0 auto;
  padding:0 26px 36px;
  min-height:590px;
  display:grid;
  grid-template-columns:48% 52%;
  align-items:start;
  gap:22px;
  position:relative;
}
.hero:after,.district-hero:after{
  content:"";
  position:absolute;left:50%;bottom:10px;transform:translateX(-50%);
  width:90vw;height:130px;z-index:-1;
  background:linear-gradient(120deg,rgba(185,228,245,.55),rgba(255,175,204,.38));
  border-radius:50% 50% 0 0/90% 90% 0 0;
  filter:blur(.2px);
}
.hero-copy{padding-top:46px}
.eyebrow,.section-kicker{
  display:inline-flex;align-items:center;gap:8px;
  color:var(--rosado);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.03em;
}
.hero h1,.district-hero h1{
  margin:16px 0 16px;
  font-size:clamp(44px,4.7vw,72px);
  line-height:1.05;
  letter-spacing:-.055em;
  max-width:620px;
}
.hero-subtitle{
  color:var(--texto);
  font-size:18px;
  line-height:1.7;
  max-width:560px;
  margin:0 0 26px;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}
.trust-row{
  margin-top:30px;
  display:flex;
  align-items:center;
  gap:24px;
  flex-wrap:wrap;
  font-size:13px;
  font-weight:700;
  color:var(--azul);
}
.trust-row span{display:inline-flex;align-items:center;gap:9px}
.trust-row svg{width:28px;height:28px;padding:6px;border-radius:999px;background:#fff;border:1px solid var(--linea);color:var(--azul)}
.hero-media{
  position:relative;
  align-self:stretch;
  min-height:420px;
  border-radius:0 0 0 140px;
  overflow:hidden;
  box-shadow:var(--shadow);
}
.hero-media img{width:100%;height:100%;object-fit:cover}
.hero-media:after{display:none}
.district-badge{
  position:absolute;right:44px;bottom:64px;
  display:flex;align-items:center;gap:12px;
  background:#fff;border:1px solid var(--linea);border-radius:999px;padding:16px 22px;
  box-shadow:var(--shadow);font-weight:800;color:var(--rosado);z-index:5;
}
.section{
  max-width:1240px;
  margin:0 auto;
  padding:58px 26px;
}
.soft-blue,.services-section{max-width:none;background:linear-gradient(180deg,#eefdff 0%,#eefaff 45%,#fff 100%)}
.soft-inner{max-width:1240px;margin:0 auto;padding:58px 26px}
.section-heading{text-align:center;margin:0 auto 34px;max-width:720px}
.section-heading h2{
  margin:8px 0 8px;
  font-size:clamp(28px,3vw,42px);
  letter-spacing:-.04em;
  line-height:1.15;
}
.section-heading p{margin:0;color:var(--texto);font-size:16px;line-height:1.6}
.service-grid{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:16px;
  max-width:1160px;
  margin:0 auto;
}
.service-card,.local-card,.metric-card,.feature-card,.process-card,.faq-item,.testimonial-card{
  background:#fff;
  border:1px solid var(--linea);
  border-radius:20px;
  box-shadow:0 16px 45px rgba(3,4,94,.06);
}
.service-card{
  min-height:198px;
  padding:26px 18px;
  text-align:center;
}
.service-card .icon,.feature-card .icon{
  width:64px;height:64px;margin:0 auto 14px;
  display:grid;place-items:center;border-radius:20px;
  background:linear-gradient(180deg,#fff,#f6fbff);
}
.service-card:nth-child(1) .icon,.feature-card:nth-child(1) .icon{color:var(--rosado)}
.service-card:nth-child(2) .icon,.feature-card:nth-child(2) .icon{color:#2f80ed}
.service-card:nth-child(3) .icon,.feature-card:nth-child(3) .icon{color:#ff9f1c}
.service-card:nth-child(4) .icon,.feature-card:nth-child(4) .icon{color:#4aaee8}
.service-card:nth-child(5) .icon,.feature-card:nth-child(5) .icon{color:var(--rosado)}
.service-card:nth-child(6) .icon,.feature-card:nth-child(6) .icon{color:#ff9f1c}
.service-card h3,.local-card h3,.feature-card h3,.process-card h3{margin:0 0 8px;font-size:16px}
.service-card p,.local-card p,.feature-card p,.process-card p{margin:0;color:var(--texto);font-size:13px;line-height:1.55}
.districts-section{position:relative;background:#fff}
.district-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
  max-width:820px;
  margin:0 auto 20px;
}
.district-grid a,.zone-chip{
  min-height:72px;
  border:1px solid var(--linea);
  border-radius:12px;
  background:#fff;
  display:flex;align-items:center;justify-content:center;flex-direction:column;
  gap:6px;
  font-weight:800;font-size:14px;
  color:var(--azul);
  box-shadow:0 10px 24px rgba(3,4,94,.04);
}
.district-grid svg{color:var(--azul);width:28px;height:28px}
.district-grid span{font-size:11px;color:var(--muted);font-weight:600}
.center{text-align:center}
.process-wrap{
  max-width:none;
  width:100%;
  margin:0;
  padding:118px 26px 92px;
  position:relative;
  overflow:hidden;
  background:#ffd166;
}
.process-wrap:before{display:none;}
.process-wrap:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:112px;
  height:44px;
  background:#ffd166;
  z-index:0;
  pointer-events:none;
}
.process-wrap .section-heading,
.process-wrap .process-grid{
  position:relative;
  z-index:1;
  max-width:1240px;
  margin-left:auto;
  margin-right:auto;
}
.process-wrap .section-heading h2{
  color:var(--azul);
  text-shadow:none;
}
.process-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:16px;
}
.process-card{
  text-align:center;
  padding:30px 16px 28px;
  position:relative;
  background:rgba(255,255,255,.98);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 18px 45px rgba(3,4,94,.08);
}
.process-card span{
  width:38px;height:38px;border-radius:50%;
  display:grid;place-items:center;margin:-49px auto 16px;
  color:var(--azul);font-weight:800;background:#ffd166;
  border:4px solid #fff;
  box-shadow:0 10px 20px rgba(3,4,94,.08);
}
.process-card:nth-child(2) span,
.process-card:nth-child(3) span,
.process-card:nth-child(4) span,
.process-card:nth-child(5) span{background:#ffd166;color:var(--azul);}

.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.faq-list{display:grid;gap:12px}
.faq-item{overflow:hidden}
.faq-item button{
  width:100%;display:flex;justify-content:space-between;align-items:center;
  background:#fff;border:0;color:var(--azul);font-weight:800;
  padding:18px 20px;text-align:left;cursor:pointer;
}
.faq-panel{display:none;padding:0 20px 18px;color:var(--texto);line-height:1.6;font-size:14px}
.faq-item.open .faq-panel{display:block}
.cta-band{
  max-width:1240px;margin:40px auto 0;
  display:flex;justify-content:space-between;align-items:center;gap:28px;
  padding:42px 56px;
  background:
    radial-gradient(circle at 10% 10%,rgba(255,255,255,.25),transparent 20%),
    linear-gradient(135deg,#ffd166,#ffd873);
  border-radius:24px 24px 0 0;
}
.cta-band h2{margin:6px 0 6px;font-size:30px;line-height:1.15;letter-spacing:-.035em}
.cta-band p{margin:0;color:var(--azul);font-weight:500}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.site-footer{
  background:linear-gradient(145deg,#02054b,#03045e 65%,#06117b);
  color:#fff;
  max-width:1240px;
  margin:0 auto 18px;
  border-radius:0 0 26px 26px;
  padding:48px 56px 22px;
}
.footer-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr 1.1fr;gap:42px}
.footer-brand img{width:96px;margin-bottom:12px}
.site-footer h2{font-size:16px;margin:0 0 14px}
.site-footer a,.site-footer p{display:block;color:rgba(255,255,255,.82);font-size:13px;line-height:1.8;margin:0 0 4px}
.copyright{text-align:center;margin-top:28px!important;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;color:rgba(255,255,255,.68)!important}

/* District pages */
.district-hero{min-height:530px}
.coverage-band{
  max-width:1240px;margin:0 auto;
  padding:26px;
  background:linear-gradient(180deg,#eefaff,#fff);
}
.zone-list{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.zone-chip{min-height:auto;padding:12px 22px;display:inline-flex;flex-direction:row}
.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1240px;margin:0 auto;padding:0 26px 42px}
.metric-card{padding:24px;display:flex;align-items:center;gap:16px}
.metric-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:#fff1f7;color:var(--rosado)}
.metric-card:nth-child(2) .metric-icon{background:#edf8ff;color:#2f80ed}
.metric-card:nth-child(3) .metric-icon{background:#fff8df;color:#ff9f1c}
.metric-card:nth-child(4) .metric-icon{background:#f3efff;color:#8a5cf6}
.metric-card strong{font-size:30px}
.metric-card span{display:block;font-size:13px;color:var(--texto);font-weight:600}
.local-grid,.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.local-card,.feature-card{padding:24px;text-align:center}
.feature-grid{grid-template-columns:repeat(6,1fr)}
.feature-card{padding:22px 14px}
.selection-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
.selection-panel{
  border-radius:24px;background:linear-gradient(180deg,#f3fbff,#fff);border:1px solid var(--linea);padding:26px
}
.selection-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:18px}
.selection-steps article{text-align:center;background:#fff;border:1px solid var(--linea);border-radius:16px;padding:16px 10px}
.selection-steps svg{color:var(--rosado);margin-bottom:8px}
.selection-steps h3{font-size:13px;margin:0 0 5px}
.selection-steps p{font-size:11px;line-height:1.4;margin:0;color:var(--texto)}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.why-grid article{background:#fff;border:1px solid var(--linea);border-radius:16px;padding:18px;text-align:center}
.why-grid h3{font-size:14px;margin:6px 0 0}
.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.testimonial-card{padding:22px}
.stars{color:#f5b900;letter-spacing:2px;font-weight:800}
.testimonial-card p{color:var(--texto);line-height:1.6;font-size:14px}
.testimonial-card strong{font-size:13px}

/* mobile app footer */
.bottom-nav{display:none}

.reveal{opacity:1;transform:none}

@media (max-width:1180px){
  .header-inner{height:76px}
  .main-nav{gap:20px}
  .hero,.district-hero{grid-template-columns:50% 50%;min-height:500px}
  .hero h1,.district-hero h1{font-size:clamp(38px,4.5vw,58px)}
  .hero-media{min-height:360px}
  .service-grid{grid-template-columns:repeat(3,1fr)}
  .feature-grid{grid-template-columns:repeat(3,1fr)}
  .process-grid{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:1023px){
  .site-header{display:none}
  body{padding-bottom:88px}
  .hero,.district-hero{
    display:flex;
    flex-direction:column;
    min-height:auto;
    padding:0 0 32px;
    gap:0;
  }
  .hero-copy{order:2;width:100%;padding:26px 20px 0;text-align:center}
  .hero-media{order:1;width:100%;height:420px;min-height:420px;border-radius:0 0 38px 38px;box-shadow:0 18px 50px rgba(3,4,94,.12)}
  .hero-media:after{display:none}
  .district-badge{position:static;margin:16px auto 0;width:max-content;max-width:calc(100% - 40px)}
  .hero h1,.district-hero h1{font-size:clamp(32px,7vw,48px);max-width:760px;margin-left:auto;margin-right:auto}
  .hero-subtitle{font-size:15px;margin-left:auto;margin-right:auto}
  .hero-actions{justify-content:center}
  .trust-row{justify-content:center;gap:12px}
  .trust-row span{font-size:11px;flex-direction:column;max-width:120px;text-align:center}
  .section,.soft-inner{padding:44px 18px}
  .process-wrap{padding:78px 18px 76px}
  .service-grid{grid-template-columns:repeat(2,1fr)}
  .district-grid{grid-template-columns:repeat(3,1fr)}
  .process-grid{grid-template-columns:repeat(5,160px);overflow-x:auto;padding-top:18px;padding-bottom:8px}
  .faq-layout,.selection-grid{grid-template-columns:1fr}
  .metrics-grid{grid-template-columns:repeat(2,1fr);padding:0 18px 34px}
  .local-grid{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .selection-steps{grid-template-columns:repeat(5,150px);overflow-x:auto}
  .why-grid,.testimonial-grid{grid-template-columns:1fr}
  .cta-band{margin:24px 0 0;border-radius:0;padding:36px 22px;flex-direction:column;text-align:center}
  .cta-actions{justify-content:center}
  .site-footer{max-width:none;margin:0;border-radius:0;padding:38px 24px 120px}
  .footer-grid{grid-template-columns:1fr 1fr;gap:28px}
  .bottom-nav{
    position:fixed;left:12px;right:12px;bottom:10px;z-index:90;
    height:72px;
    display:grid;grid-template-columns:repeat(5,1fr);
    align-items:center;
    background:rgba(255,255,255,.96);
    border:1px solid var(--linea);
    border-radius:24px;
    box-shadow:0 16px 50px rgba(3,4,94,.22);
    backdrop-filter:blur(18px);
  }
  .bottom-nav a{
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:4px;font-size:10px;font-weight:800;color:var(--azul);
  }
  .bottom-nav svg{width:23px;height:23px}
  .bottom-nav .bottom-main{
    width:58px;height:58px;margin:-24px auto 0;border-radius:20px;
    color:#fff;background:var(--rosado-suave);box-shadow:0 14px 28px rgba(255,175,204,.42);
  }
  .bottom-nav .bottom-main span{display:none}
}
@media (max-width:640px){
  .hero-media{height:330px;min-height:330px}
  .hero-copy{padding:22px 18px 0}
  .hero-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .btn{width:100%;min-height:50px}
  .trust-row{display:grid;grid-template-columns:repeat(3,1fr);width:100%}
  .section-heading{text-align:center;margin-bottom:24px}
  .section-heading h2{font-size:26px}
  .service-grid{gap:12px}
  .service-card{padding:18px 12px;min-height:154px}
  .service-card .icon{width:48px;height:48px;margin-bottom:10px}
  .service-card h3{font-size:13px}
  .service-card p{font-size:11px}
  .district-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .metrics-grid{grid-template-columns:1fr}
  .feature-grid{grid-template-columns:repeat(2,1fr)}
  .feature-card{padding:18px 10px}
  .zone-list{display:grid;grid-template-columns:repeat(2,1fr)}
  .zone-chip{padding:11px 10px;font-size:12px}
  .footer-grid{grid-template-columns:1fr}
  .site-footer{text-align:left}
}


/* ===== CORRECCION RESPONSIVE REAL ===== */
/* Footer ancho completo */
.site-footer{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  margin-bottom:0 !important;
  border-radius:0 !important;
}
.site-footer .footer-grid,.site-footer .copyright{
  max-width:1240px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

/* Logos más grandes con fondo blanco */
.brand img{width:112px !important;height:76px !important;background:#fff !important;padding:8px !important;border-radius:12px !important;object-fit:contain !important}
.footer-brand img{width:138px !important;height:auto !important;background:#fff !important;padding:10px !important;border-radius:14px !important;object-fit:contain !important}

/* CTA amarillo full width sin tocar el hero */
.cta-band{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-radius:0 !important;
  padding-left:max(26px,calc((100vw - 1240px)/2 + 56px)) !important;
  padding-right:max(26px,calc((100vw - 1240px)/2 + 56px)) !important;
}

/* Cómo funciona: ancho completo, tarjetas sin carrusel */
.process-wrap{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  background:#ffd166 !important;
  border-radius:0 !important;
}
.process-card span{background:#b9e4f5 !important;color:var(--azul) !important}
.process-card:nth-child(2) span,.process-card:nth-child(3) span,.process-card:nth-child(4) span,.process-card:nth-child(5) span{background:#b9e4f5 !important;color:var(--azul) !important}
.process-grid{overflow:visible !important}
.selection-steps{overflow:visible !important}

/* FAQ más legible */
.faq-list{max-width:900px;margin-left:auto;margin-right:auto}
.faq-item button{font-size:18px !important;line-height:1.35 !important;padding:24px 28px !important;min-height:78px !important;font-weight:800 !important}
.faq-panel{font-size:16px !important;line-height:1.7 !important;padding:0 28px 24px !important}
.faq-panel p{font-size:16px !important;line-height:1.7 !important;font-weight:400 !important}

/* Titulos gruesos, textos normales */
h1,h2,h3,.section-heading h2{font-weight:800 !important}
p,li,.hero-subtitle,.section-heading p{font-weight:400 !important}

@media (max-width:1023px){
  body{padding-bottom:88px}

  /* HERO móvil: texto arriba, imagen abajo, nada de imagen full screen */
  .hero,.district-hero{
    display:flex !important;
    flex-direction:column !important;
    max-width:100% !important;
    width:100% !important;
    padding:24px 18px 34px !important;
    gap:18px !important;
    min-height:auto !important;
  }
  .hero-copy{
    order:1 !important;
    width:100% !important;
    padding:0 !important;
    text-align:center !important;
  }
  .hero-media{
    order:2 !important;
    width:100% !important;
    max-width:520px !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 auto !important;
    border-radius:0 0 42px 42px !important;
    box-shadow:0 18px 50px rgba(3,4,94,.12) !important;
    overflow:hidden !important;
  }
  .hero-media img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:4/3 !important;
    object-fit:cover !important;
  }
  .district-badge{
    order:3 !important;
    position:static !important;
    margin:0 auto !important;
    width:auto !important;
    max-width:100% !important;
  }
  .hero h1,.district-hero h1{font-size:clamp(34px,9vw,48px) !important;margin-left:auto !important;margin-right:auto !important}
  .hero-subtitle{font-size:16px !important;line-height:1.6 !important;margin-left:auto !important;margin-right:auto !important}

  /* NO carruseles: grids reales responsivos */
  .process-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:18px !important;
    overflow:visible !important;
    padding:22px 0 0 !important;
  }
  .selection-steps{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:14px !important;
    overflow:visible !important;
  }
  .selection-grid{display:grid !important;grid-template-columns:1fr !important;gap:22px !important}
  .selection-panel{overflow:visible !important;padding:22px 16px !important}
  .why-grid{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;gap:14px !important;overflow:visible !important}
  .why-grid article,.selection-steps article{min-width:0 !important;word-break:normal !important;overflow:visible !important}
  .selection-steps h3,.why-grid h3{font-size:14px !important;line-height:1.35 !important}
  .selection-steps p{font-size:12px !important;line-height:1.45 !important}

  .process-wrap{padding:70px 18px 72px !important}
  .cta-band{padding:36px 20px !important;flex-direction:column !important;text-align:center !important;gap:18px !important}
  .faq-item button{font-size:17px !important;padding:22px 20px !important}
}

@media (max-width:640px){
  .process-grid,.selection-steps,.why-grid{grid-template-columns:1fr !important}
  .process-card{padding:30px 16px 24px !important}
  .service-grid,.feature-grid{grid-template-columns:1fr !important}
  .local-grid{grid-template-columns:1fr !important}
  .metrics-grid{grid-template-columns:1fr !important}
  .hero-media{max-width:100% !important}
  .hero-media img{aspect-ratio:4/3 !important}
  .district-badge{font-size:15px !important;padding:14px 18px !important}
  .faq-list{max-width:100% !important}
}





/* Fondo celeste de Cobertura ancho completo, contenido igual que distritos */
.coverage-full-bg {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  box-sizing: border-box !important;
  background: #eefcff !important;
  border-radius: 0 !important;
}

.coverage-full-bg > *,
.coverage-full-bg .container {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}

/* FAQ sigue en orden: título primero y acordeones debajo */
.faq-pro-stack .container,
.faq-section .container,
.faq .container {
  display: flex !important;
  flex-direction: column !important;
  gap: 32px !important;
}

.faq-pro-stack .row,
.faq-section .row,
.faq .row {
  display: flex !important;
  flex-direction: column !important;
}

.faq-pro-stack .row > *,
.faq-section .row > *,
.faq .row > * {
  width: 100% !important;
  max-width: 100% !important;
}

/* Menú app: NO cambiar fondo ni centro; solo color de iconos */
@media (max-width: 768px) {
  .bottom-nav svg,
  .mobile-nav svg,
  .app-menu svg,
  .tabbar svg,
  nav[class*="bottom"] svg,
  div[class*="bottom-nav"] svg,
  div[class*="mobile-nav"] svg,
  .bottom-nav i,
  .mobile-nav i,
  .app-menu i,
  .tabbar i,
  nav[class*="bottom"] i,
  div[class*="bottom-nav"] i,
  div[class*="mobile-nav"] i {
    color: #ffd166 !important;
    stroke: #ffd166 !important;
  }

  .bottom-nav a[href*="wa"] svg,
  .bottom-nav a[href*="whatsapp"] svg,
  .mobile-nav a[href*="wa"] svg,
  .mobile-nav a[href*="whatsapp"] svg,
  .app-menu a[href*="wa"] svg,
  .app-menu a[href*="whatsapp"] svg,
  .tabbar a[href*="wa"] svg,
  .tabbar a[href*="whatsapp"] svg,
  nav[class*="bottom"] a[href*="wa"] svg,
  nav[class*="bottom"] a[href*="whatsapp"] svg,
  div[class*="bottom-nav"] a[href*="wa"] svg,
  div[class*="bottom-nav"] a[href*="whatsapp"] svg,
  div[class*="mobile-nav"] a[href*="wa"] svg,
  div[class*="mobile-nav"] a[href*="whatsapp"] svg,
  .bottom-nav a[href*="wa"] i,
  .bottom-nav a[href*="whatsapp"] i,
  .mobile-nav a[href*="wa"] i,
  .mobile-nav a[href*="whatsapp"] i,
  .app-menu a[href*="wa"] i,
  .app-menu a[href*="whatsapp"] i,
  .tabbar a[href*="wa"] i,
  .tabbar a[href*="whatsapp"] i {
    color: #25D366 !important;
    stroke: #25D366 !important;
  }

  /* Centro/formulario como estaba: rosa #ffafcc */
  .bottom-nav a.active,
  .mobile-nav a.active,
  .app-menu a.active,
  .tabbar a.active,
  .bottom-nav .active,
  .mobile-nav .active,
  .app-menu .active,
  .tabbar .active,
  .bottom-nav a[href*="formulario"],
  .mobile-nav a[href*="formulario"],
  .app-menu a[href*="formulario"],
  .tabbar a[href*="formulario"] {
    background: #ffafcc !important;
  }

  .coverage-full-bg {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
}




/* Cobertura: solo el fondo celeste ancho completo; el contenido queda centrado como en distritos */
.coverage-band,
.coverage-bg-full {
  width: 100vw !important;
  max-width: none !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  background: linear-gradient(180deg,#eefaff,#fff) !important;
  border-radius: 0 !important;
  box-sizing: border-box !important;
  padding-left: max(26px, calc((100vw - 1240px) / 2 + 26px)) !important;
  padding-right: max(26px, calc((100vw - 1240px) / 2 + 26px)) !important;
}

/* FAQ: primero título, debajo acordeones */
.faq-stack-final,
.faq-section {
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.faq-stack-final .section-heading,
.faq-section .section-heading {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 28px !important;
}

.faq-stack-final .faq-list,
.faq-section .faq-list {
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.faq-stack-final .faq-item button,
.faq-section .faq-item button {
  min-height: 76px !important;
  font-size: 18px !important;
  line-height: 1.35 !important;
  font-weight: 900 !important;
  padding: 22px 28px !important;
}

/* Menú app: conservar diseño original. Solo ancho completo suave e iconos de color. */
@media (max-width: 1023px) {
  .bottom-nav {
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100vw !important;
    max-width: none !important;
    margin: 0 !important;
    border-radius: 24px 24px 0 0 !important;
    background: rgba(255,255,255,.96) !important;
    border: 1px solid var(--linea) !important;
    box-shadow: 0 16px 50px rgba(3,4,94,.22) !important;
  }

  .bottom-nav a {
    color: var(--azul) !important;
    background: transparent !important;
  }

  .bottom-nav svg {
    color: #ffd166 !important;
    stroke: #ffd166 !important;
  }

  .bottom-nav .bottom-main {
    background: #ffafcc !important;
    color: #ffffff !important;
    width: 58px !important;
    height: 58px !important;
    margin: -24px auto 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 28px rgba(255,175,204,.42) !important;
  }

  .bottom-nav .bottom-main svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
  }

  .bottom-nav a[href*="wa.me"] svg,
  .bottom-nav a[href*="whatsapp"] svg {
    color: #25D366 !important;
    stroke: #25D366 !important;
  }
}

/* Responsive final para cobertura */
@media (max-width: 640px) {
  .coverage-band,
  .coverage-bg-full {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }

  .faq-stack-final .faq-item button,
  .faq-section .faq-item button {
    min-height: 74px !important;
    font-size: 16px !important;
    padding: 20px 18px !important;
  }
}



/* ===== FIX FINAL FAQ + BOTONES CTA ===== */

/* FAQ: título/texto arriba y acordeones debajo */
.faq-section,
.faq-stack-final {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.faq-section .container,
.faq-stack-final .container {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 30px !important;
}

.faq-section .row,
.faq-stack-final .row {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 28px !important;
}

.faq-section .row > *,
.faq-stack-final .row > *,
.faq-section [class*="col"],
.faq-stack-final [class*="col"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

.faq-section .section-heading,
.faq-stack-final .section-heading,
.faq-section h2,
.faq-stack-final h2 {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.faq-section .faq-list,
.faq-stack-final .faq-list,
.faq-section .accordion,
.faq-stack-final .accordion {
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* CTA amarillo: botones uno al costado del otro */
.cta-band .container,
.yellow-cta-full .container,
.final-yellow-cta-full .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

.cta-band .cta-actions,
.yellow-cta-full .cta-actions,
.final-yellow-cta-full .cta-actions,
.cta-band .actions,
.yellow-cta-full .actions,
.final-yellow-cta-full .actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}

.cta-band a,
.yellow-cta-full a,
.final-yellow-cta-full a {
  white-space: nowrap !important;
}

/* Responsive: en celular sí pueden apilarse para no romper pantalla */
@media (max-width: 640px) {
  .cta-band .container,
  .yellow-cta-full .container,
  .final-yellow-cta-full .container {
    flex-direction: column !important;
    text-align: center !important;
  }

  .cta-band .cta-actions,
  .yellow-cta-full .cta-actions,
  .final-yellow-cta-full .cta-actions,
  .cta-band .actions,
  .yellow-cta-full .actions,
  .final-yellow-cta-full .actions {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}



/* ===== CORRECCION DEFINITIVA PREGUNTAS FRECUENTES ===== */
.faq-section,
.faq-stack-final {
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.faq-section .container,
.faq-stack-final .container,
.faq-section .row,
.faq-stack-final .row {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 28px !important;
}

.faq-section .section-heading,
.faq-stack-final .section-heading {
  width: 100% !important;
  max-width: 900px !important;
  text-align: center !important;
  margin: 0 auto !important;
  order: 1 !important;
}

.faq-section .faq-list,
.faq-stack-final .faq-list,
.faq-section .accordion,
.faq-stack-final .accordion {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  order: 2 !important;
}

.faq-section .row > *,
.faq-stack-final .row > *,
.faq-section [class*="col"],
.faq-stack-final [class*="col"] {
  width: 100% !important;
  max-width: 100% !important;
  flex: none !important;
}

/* Botones CTA amarilla uno al costado del otro en escritorio */
.cta-band .container,
.yellow-cta-full .container,
.final-yellow-cta-full .container {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

.cta-band .cta-actions,
.yellow-cta-full .cta-actions,
.final-yellow-cta-full .cta-actions {
  display: flex !important;
  flex-direction: row !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
}

@media (max-width: 640px) {
  .cta-band .container,
  .yellow-cta-full .container,
  .final-yellow-cta-full .container {
    flex-direction: column !important;
    text-align: center !important;
  }

  .cta-band .cta-actions,
  .yellow-cta-full .cta-actions,
  .final-yellow-cta-full .cta-actions {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }
}



/* ===== FIX REAL PAGINA INICIO: PREGUNTAS FRECUENTES + CTA ===== */

/* Página principal: el problema real es .faq-layout { grid-template-columns:1fr 1fr } */
#faq .faq-layout,
.faq-section .faq-layout,
.preguntas-stack-real .faq-layout {
  display: flex !important;
  flex-direction: column !important;
  grid-template-columns: none !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 30px !important;
  width: 100% !important;
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Título y texto arriba */
#faq .section-heading,
.faq-section .section-heading,
.preguntas-stack-real .section-heading {
  order: 1 !important;
  width: 100% !important;
  max-width: 900px !important;
  text-align: center !important;
  margin: 0 auto !important;
}

/* Anula el style inline text-align:left del index */
#faq .section-heading[style],
.faq-section .section-heading[style] {
  text-align: center !important;
  margin: 0 auto !important;
}

/* Acordeones debajo del texto */
#faq .faq-list,
.faq-section .faq-list,
.preguntas-stack-real .faq-list {
  order: 2 !important;
  width: 100% !important;
  max-width: 900px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 14px !important;
}

/* Acordeones grandes y alineados */
#faq .faq-item,
.faq-section .faq-item {
  width: 100% !important;
}

#faq .faq-item button,
.faq-section .faq-item button {
  width: 100% !important;
  min-height: 78px !important;
  padding: 22px 30px !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  text-align: left !important;
}

/* CTA amarillo: botones uno al costado del otro en escritorio */
.cta-band {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 28px !important;
}

.cta-band .cta-actions {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 16px !important;
  flex-wrap: nowrap !important;
}

.cta-band .cta-actions .btn,
.cta-band .cta-actions a {
  white-space: nowrap !important;
}

@media (max-width: 700px) {
  .cta-band {
    flex-direction: column !important;
    text-align: center !important;
  }

  .cta-band .cta-actions {
    justify-content: center !important;
    flex-wrap: wrap !important;
  }

  #faq .faq-item button,
  .faq-section .faq-item button {
    font-size: 16px !important;
    padding: 20px !important;
  }
}




/* Objetivo:
   1) Que NO se desborde hacia abajo.
   2) Que quede debajo del copyright, a 3-4px.
   3) Mantener centro/formulario rosado #ffafcc.
   4) WhatsApp verde y otros iconos #ffd166.
*/

@media (max-width: 1023px) {
  body {
    padding-bottom: 0 !important;
  }

  .bottom-nav {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    width: calc(100% - 8px) !important;
    max-width: none !important;
    margin: 4px auto 0 !important;
    padding: 8px 10px 10px !important;
    border-radius: 18px 18px 0 0 !important;
    box-sizing: border-box !important;
    z-index: 1 !important;
  }

  /* Evita espacio excesivo entre copyright y menú */
  footer,
  .site-footer,
  .footer,
  .footer-section {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  footer .copyright,
  .site-footer .copyright,
  footer p:last-child,
  .site-footer p:last-child {
    margin-bottom: 0 !important;
  }

  .bottom-nav a {
    min-width: 0 !important;
    height: 58px !important;
  }

  .bottom-nav svg {
    color: #ffd166 !important;
    stroke: #ffd166 !important;
  }

  .bottom-nav a[href*="wa.me"] svg,
  .bottom-nav a[href*="whatsapp"] svg {
    color: #25D366 !important;
    stroke: #25D366 !important;
  }

  .bottom-nav .bottom-main {
    background: #ffafcc !important;
    color: #ffffff !important;
  }

  .bottom-nav .bottom-main svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
  }
}




/* Solución profesional: no flotante, no fixed, no gris, no tapa contenido */
@media (max-width: 1023px) {
  html,
  body {
    padding-bottom: 0 !important;
    overflow-x: hidden !important;
  }

  footer,
  .site-footer,
  .footer,
  .footer-section {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    background: #03045e !important;
  }

  footer .copyright,
  .site-footer .copyright,
  footer p:last-child,
  .site-footer p:last-child {
    margin-bottom: 0 !important;
    padding-bottom: 4px !important;
  }

  .bottom-nav {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    z-index: auto !important;

    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    align-items: end !important;
    gap: 0 !important;

    width: 100vw !important;
    max-width: none !important;
    margin: 0 0 0 calc(50% - 50vw) !important;
    padding: 8px 8px 10px !important;

    background: #03045e !important;
    border: 0 !important;
    border-top: 1px solid rgba(255,255,255,.14) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
  }

  .bottom-nav a {
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    padding: 6px 2px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;

    background: transparent !important;
    color: #ffffff !important;
    border-radius: 14px !important;

    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .bottom-nav svg {
    color: #ffd166 !important;
    stroke: #ffd166 !important;
  }

  .bottom-nav a[href*="wa.me"] svg,
  .bottom-nav a[href*="whatsapp"] svg {
    color: #25D366 !important;
    stroke: #25D366 !important;
  }

  .bottom-nav .bottom-main {
    background: #ffafcc !important;
    color: #ffffff !important;
    width: 58px !important;
    height: 58px !important;
    margin: -18px auto 0 !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 24px rgba(255,175,204,.35) !important;
  }

  .bottom-nav .bottom-main svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
  }
}




/* Quita reservas de espacio usadas para menú flotante */
body {
  padding-bottom: 0 !important;
}

/* Footer permite que el menú viva dentro sin fondo gris ni desborde */
footer,
.site-footer,
.footer,
.footer-section {
  overflow: visible !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* Copyright pegado al menú con separación limpia */
footer .copyright,
.site-footer .copyright,
footer p:last-child,
.site-footer p:last-child {
  margin-bottom: 6px !important;
}

/* Menú app dentro del footer */
.bottom-nav {
  position: static !important;
  inset: auto !important;
  transform: none !important;
  z-index: auto !important;

  width: 100% !important;
  max-width: 720px !important;
  margin: 6px auto 0 !important;
  padding: 10px 12px !important;

  display: grid !important;
  grid-template-columns: repeat(5, 1fr) !important;
  align-items: end !important;
  gap: 6px !important;

  background: #02033f !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 24px !important;
  box-shadow: 0 14px 32px rgba(0,0,0,.18) !important;
  box-sizing: border-box !important;
}

/* Links del menú */
.bottom-nav a {
  width: 100% !important;
  min-width: 0 !important;
  height: 60px !important;
  padding: 6px 2px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;

  background: transparent !important;
  color: #ffffff !important;
  border-radius: 16px !important;

  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  text-align: center !important;
  text-decoration: none !important;
}

/* Iconos */
.bottom-nav svg {
  color: #ffd166 !important;
  stroke: #ffd166 !important;
}

.bottom-nav a[href*="wa.me"] svg,
.bottom-nav a[href*="whatsapp"] svg {
  color: #25D366 !important;
  stroke: #25D366 !important;
}

/* Botón central/formulario */
.bottom-nav .bottom-main {
  background: #ffafcc !important;
  color: #ffffff !important;
  width: 60px !important;
  height: 60px !important;
  margin: -22px auto 0 !important;
  border-radius: 22px !important;
  box-shadow: 0 14px 30px rgba(255,175,204,.45) !important;
}

.bottom-nav .bottom-main svg {
  color: #ffffff !important;
  stroke: #ffffff !important;
}

/* Responsive móvil */
@media (max-width: 640px) {
  .bottom-nav {
    width: calc(100% - 20px) !important;
    max-width: none !important;
    margin-top: 6px !important;
    padding: 9px 8px 10px !important;
    gap: 3px !important;
    border-radius: 22px !important;
  }

  .bottom-nav a {
    height: 56px !important;
    font-size: 10px !important;
  }

  .bottom-nav .bottom-main {
    width: 56px !important;
    height: 56px !important;
    margin-top: -20px !important;
  }
}




/* Solo móvil: menú blanco flotante, sin franja gris visible */
@media (max-width: 1023px) {
  

  /* Capa blanca inferior para que nunca se vea gris detrás del menú */
  body::after {
    content: "" !important;
    position: fixed !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    height: 96px !important;
    background: #ffffff !important;
    z-index: 99990 !important;
    pointer-events: none !important;
  }

  .bottom-nav {
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    top: auto !important;
    transform: translateX(-50%) !important;

    width: calc(100% - 20px) !important;
    max-width: 520px !important;
    margin: 0 !important;
    padding: 8px 10px !important;

    display: grid !important;
    grid-template-columns: repeat(5, 1fr) !important;
    align-items: end !important;
    gap: 4px !important;

    background: #ffffff !important;
    border: 1px solid rgba(3, 4, 94, .10) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 42px rgba(3, 4, 94, .18) !important;
    box-sizing: border-box !important;
    z-index: 99999 !important;
  }

  .bottom-nav a {
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    padding: 6px 2px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;

    background: transparent !important;
    color: #03045e !important;
    border-radius: 16px !important;

    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .bottom-nav svg {
    color: #ffd166 !important;
    stroke: #ffd166 !important;
  }

  .bottom-nav a[href*="wa.me"] svg,
  .bottom-nav a[href*="whatsapp"] svg {
    color: #25D366 !important;
    stroke: #25D366 !important;
  }

  .bottom-nav .bottom-main {
    background: #ffafcc !important;
    color: #ffffff !important;
    width: 60px !important;
    height: 60px !important;
    margin: -22px auto 0 !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 30px rgba(255,175,204,.42) !important;
  }

  .bottom-nav .bottom-main svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
  }
}




/* En PC/tablet grande NO debe aparecer */
.bottom-nav {
  display: none !important;
}

/* Solo móvil */
@media (max-width: 767px) {
  body {
    padding-bottom: 92px !important;
  }

  .bottom-nav {
    display: grid !important;
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    top: auto !important;
    transform: translateX(-50%) !important;

    width: calc(100% - 20px) !important;
    max-width: 520px !important;
    margin: 0 !important;
    padding: 8px 10px !important;

    grid-template-columns: repeat(5, 1fr) !important;
    align-items: end !important;
    gap: 4px !important;

    background: #ffffff !important;
    border: 1px solid rgba(3,4,94,.10) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 42px rgba(3,4,94,.18) !important;
    box-sizing: border-box !important;
    z-index: 99999 !important;
  }

  .bottom-nav a {
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    padding: 6px 2px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;
    background: transparent !important;
    color: #03045e !important;
    border-radius: 16px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .bottom-nav svg {
    color: #ffd166 !important;
    stroke: #ffd166 !important;
  }

  .bottom-nav a[href*="wa.me"] svg,
  .bottom-nav a[href*="whatsapp"] svg {
    color: #25D366 !important;
    stroke: #25D366 !important;
  }

  .bottom-nav .bottom-main {
    background: #ffafcc !important;
    color: #ffffff !important;
    width: 60px !important;
    height: 60px !important;
    margin: -22px auto 0 !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 30px rgba(255,175,204,.42) !important;
  }

  .bottom-nav .bottom-main svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
  }
}




/* Botón rosado central: texto Solicitar abajo */
@media (max-width: 767px) {
  .bottom-nav .bottom-main {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
  }

  .bottom-nav .bottom-main .bottom-main-label {
    display: block !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-align: center !important;
  }

  .bottom-nav .bottom-main svg {
    width: 19px !important;
    height: 19px !important;
  }
}

/* En PC: menú/header fijo */
@media (min-width: 768px) {
  header,
  .site-header,
  .header,
  .navbar,
  .topbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 9999 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(3,4,94,.08) !important;
  }

  /* Logo del header más grande */
  header img[src*="logo"],
  .site-header img[src*="logo"],
  .header img[src*="logo"],
  .navbar img[src*="logo"],
  .logo img,
  .navbar-brand img,
  .site-logo img {
    height: 96px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
  }
}




/* Logo transparente: sin fondo blanco ni caja */
header img[src*="logo"],
.site-header img[src*="logo"],
.header img[src*="logo"],
.navbar img[src*="logo"],
.logo img,
.navbar-brand img,
.site-logo img,
footer img[src*="logo"],
.site-footer img[src*="logo"],
.footer img[src*="logo"],
.footer-logo img {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* PC: header realmente fijo */
@media (min-width: 768px) {
  body {
    padding-top: 104px !important;
    padding-bottom: 0 !important;
    background: #ffffff !important;
  }

  body::after {
    display: none !important;
    content: none !important;
  }

  header,
  .site-header,
  .header,
  .main-header,
  .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    box-shadow: 0 10px 30px rgba(3,4,94,.08) !important;
  }

  /* Logo header más grande, pero transparente */
  header img[src*="logo"],
  .site-header img[src*="logo"],
  .header img[src*="logo"],
  .navbar img[src*="logo"],
  .logo img,
  .navbar-brand img,
  .site-logo img {
    height: 90px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    padding: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
  }

  /* Menú app oculto totalmente en PC */
  .bottom-nav {
    display: none !important;
  }
}

/* Móvil: menú app solo móvil, blanco y sin franja gris artificial */
@media (max-width: 767px) {
  body {
    padding-bottom: 92px !important;
    background: #ffffff !important;
  }

  body::after {
    display: none !important;
    content: none !important;
  }

  main,
  .main-content,
  .page-content,
  #app {
    padding-bottom: 0 !important;
  }

  .bottom-nav {
    display: grid !important;
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    top: auto !important;
    transform: translateX(-50%) !important;

    width: calc(100% - 20px) !important;
    max-width: 520px !important;
    margin: 0 !important;
    padding: 8px 10px !important;

    grid-template-columns: repeat(5, 1fr) !important;
    align-items: end !important;
    gap: 4px !important;

    background: #ffffff !important;
    border: 1px solid rgba(3,4,94,.10) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 42px rgba(3,4,94,.18) !important;
    box-sizing: border-box !important;
    z-index: 99999 !important;
  }

  .bottom-nav a {
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    padding: 6px 2px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;

    background: transparent !important;
    color: #03045e !important;
    border-radius: 16px !important;

    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .bottom-nav svg {
    color: #ffd166 !important;
    stroke: #ffd166 !important;
  }

  .bottom-nav a[href*="wa.me"] svg,
  .bottom-nav a[href*="whatsapp"] svg {
    color: #25D366 !important;
    stroke: #25D366 !important;
  }

  .bottom-nav .bottom-main {
    background: #ffafcc !important;
    color: #ffffff !important;
    width: 60px !important;
    height: 60px !important;
    margin: -22px auto 0 !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 30px rgba(255,175,204,.42) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
  }

  .bottom-nav .bottom-main svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
    width: 19px !important;
    height: 19px !important;
  }

  .bottom-nav .bottom-main .bottom-main-label {
    display: block !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-align: center !important;
  }
}

/* Evitar cualquier franja gris al final */
html,
body {
  min-height: 100% !important;
}

footer,
.site-footer,
.footer,
.footer-section {
  margin-bottom: 0 !important;
}



/* ===== AJUSTE FINAL LOGOS HEADER FOOTER ===== */

/* Header fijo en PC */
@media (min-width: 768px) {
  body {
    padding-top: 82px !important;
    padding-bottom: 0 !important;
    background: #ffffff !important;
  }

  body::after {
    display: none !important;
    content: none !important;
  }

  header,
  .site-header,
  .header,
  .main-header,
  .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 99999 !important;
    background: #ffffff !important;
    box-shadow: 0 8px 24px rgba(3,4,94,.08) !important;
  }

  /* Logo del header: tamaño correcto, transparente */
  header img[src*="logo"],
  .site-header img[src*="logo"],
  .header img[src*="logo"],
  .navbar img[src*="logo"],
  header .logo img,
  .site-header .logo img,
  .navbar-brand img,
  .site-logo img {
    height: 65px !important;
    width: auto !important;
    max-width: none !important;
    object-fit: contain !important;
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
  }

  /* Menú app oculto totalmente en PC */
  .bottom-nav {
    display: none !important;
  }
}

/* Footer: logo diferente, con fondo blanco */
footer img[src*="logo"],
.site-footer img[src*="logo"],
.footer img[src*="logo"],
.footer-logo img {
  height: 54px !important;
  width: auto !important;
  max-width: 180px !important;
  object-fit: contain !important;
  background: #ffffff !important;
  padding: 8px 12px !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  border: 0 !important;
}

/* Móvil: menú app solo móvil, blanco, flotante y sin aparecer en PC */
@media (max-width: 767px) {
  body {
    padding-bottom: 92px !important;
    background: #ffffff !important;
  }

  body::after {
    display: none !important;
    content: none !important;
  }

  .bottom-nav {
    display: grid !important;
    position: fixed !important;
    left: 50% !important;
    right: auto !important;
    bottom: max(10px, env(safe-area-inset-bottom)) !important;
    top: auto !important;
    transform: translateX(-50%) !important;

    width: calc(100% - 20px) !important;
    max-width: 520px !important;
    margin: 0 !important;
    padding: 8px 10px !important;

    grid-template-columns: repeat(5, 1fr) !important;
    align-items: end !important;
    gap: 4px !important;

    background: #ffffff !important;
    border: 1px solid rgba(3,4,94,.10) !important;
    border-radius: 24px !important;
    box-shadow: 0 16px 42px rgba(3,4,94,.18) !important;
    box-sizing: border-box !important;
    z-index: 99999 !important;
  }

  .bottom-nav a {
    width: 100% !important;
    min-width: 0 !important;
    height: 58px !important;
    padding: 6px 2px !important;

    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 5px !important;

    background: transparent !important;
    color: #03045e !important;
    border-radius: 16px !important;

    font-size: 11px !important;
    line-height: 1.1 !important;
    font-weight: 800 !important;
    text-align: center !important;
    text-decoration: none !important;
  }

  .bottom-nav svg {
    color: #ffd166 !important;
    stroke: #ffd166 !important;
  }

  .bottom-nav a[href*="wa.me"] svg,
  .bottom-nav a[href*="whatsapp"] svg {
    color: #25D366 !important;
    stroke: #25D366 !important;
  }

  .bottom-nav .bottom-main {
    background: #ffafcc !important;
    color: #ffffff !important;
    width: 60px !important;
    height: 60px !important;
    margin: -22px auto 0 !important;
    border-radius: 22px !important;
    box-shadow: 0 14px 30px rgba(255,175,204,.42) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 3px !important;
  }

  .bottom-nav .bottom-main svg {
    color: #ffffff !important;
    stroke: #ffffff !important;
    width: 19px !important;
    height: 19px !important;
  }

  .bottom-nav .bottom-main .bottom-main-label {
    display: block !important;
    font-size: 9px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    color: #ffffff !important;
    text-align: center !important;
  }
}

/* Evitar franja gris al final */
html,
body {
  min-height: 100% !important;
}

footer,
.site-footer,
.footer,
.footer-section {
  margin-bottom: 0 !important;
}



/* ===== REDES SOCIALES PREMIUM FOOTER ===== */
.footer-social-premium {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  margin-top: 18px !important;
  margin-bottom: 8px !important;
}

.footer-social-premium .social-premium {
  width: 42px !important;
  height: 42px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,.45) !important;
  box-shadow: 0 12px 28px rgba(0,0,0,.18) !important;
  text-decoration: none !important;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease !important;
}

.footer-social-premium .social-premium svg {
  width: 20px !important;
  height: 20px !important;
  fill: currentColor !important;
}

.footer-social-premium .facebook { color: #1877F2 !important; }
.footer-social-premium .instagram { color: #E4405F !important; }
.footer-social-premium .tiktok { color: #111111 !important; }

.footer-social-premium .social-premium:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 18px 34px rgba(0,0,0,.24) !important;
}

.footer-social-premium .facebook:hover {
  background: #1877F2 !important;
  color: #ffffff !important;
}

.footer-social-premium .instagram:hover {
  background: linear-gradient(135deg,#F58529,#DD2A7B,#8134AF,#515BD4) !important;
  color: #ffffff !important;
}

.footer-social-premium .tiktok:hover {
  background: #111111 !important;
  color: #ffffff !important;
}

@media (max-width: 767px) {
  .footer-social-premium {
    justify-content: flex-start !important;
    margin-top: 16px !important;
  }

  .footer-social-premium .social-premium {
    width: 40px !important;
    height: 40px !important;
  }
}
/* Home refinements */
.hero-media{
  border-radius:32px!important;
  overflow:hidden!important;
}

.hero-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.site-footer .footer-brand img{
  width:140px!important;
  max-width:150px!important;
  height:auto!important;
}

.site-footer .footer-social-premium{
  width:100%!important;
  justify-content:center!important;
  margin-left:auto!important;
  margin-right:auto!important;
}

.district-intro{
  max-width:760px;
  margin:10px auto 0;
  color:#25446b;
}

.district-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  max-width:960px!important;
}

.district-grid a,
.district-grid .district-card{
  background:#b9e4f5!important;
  color:#073763!important;
  border-color:rgba(7,55,99,.14)!important;
}

.district-grid svg{
  color:#ffd166!important;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
}

.district-extra[hidden]{
  display:none!important;
}

.district-actions{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:center;
  gap:12px;
  margin-top:24px;
}

.btn-district-toggle,
.btn-district-contact{
  background:#b9e4f5!important;
  color:#073763!important;
  border:1px solid rgba(7,55,99,.12)!important;
  box-shadow:0 12px 24px rgba(7,55,99,.12)!important;
}

.btn-district-toggle:hover,
.btn-district-contact:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 28px rgba(7,55,99,.16)!important;
}

@media (max-width:1023px){
  .hero-media{
    border-radius:24px!important;
  }

  .hero-media img{
    height:auto!important;
    aspect-ratio:4/3!important;
  }

  .site-footer .footer-brand img{
    width:110px!important;
    max-width:110px!important;
  }

  .district-grid{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }
}

@media (max-width:640px){
  .hero-media{
    border-radius:20px!important;
  }

  .site-footer .footer-brand img{
    width:100px!important;
    max-width:100px!important;
  }

  .site-footer .footer-social-premium{
    justify-content:center!important;
  }

  .district-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:12px!important;
  }

  .district-actions{
    flex-direction:column;
  }

  .district-actions .btn{
    width:100%;
    max-width:280px;
  }
}

/* District cards refinement */
.districts-section{
  background:#f2fbff!important;
}

.districts-section .section-heading{
  max-width:820px;
}

.districts-section .district-intro{
  max-width:780px;
  margin:12px auto 0;
  color:#25446b;
  line-height:1.65;
}

.districts-section .district-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:20px!important;
  max-width:1120px!important;
  margin-top:26px!important;
}

.districts-section .district-card{
  min-height:260px!important;
  padding:24px 18px 20px!important;
  border:1px solid rgba(3,4,94,.08)!important;
  border-radius:20px!important;
  background:linear-gradient(180deg,#e8f8ff 0%,#dff5fb 100%)!important;
  color:#03045e!important;
  box-shadow:0 18px 36px rgba(3,4,94,.10)!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  text-align:center!important;
}

.districts-section .district-icon{
  width:62px;
  height:62px;
  border-radius:50%;
  border:3px solid #fff;
  background:rgba(255,255,255,.72);
  box-shadow:0 12px 26px rgba(3,4,94,.12);
  display:grid;
  place-items:center;
  flex:0 0 auto;
}

.districts-section .district-icon svg{
  width:34px!important;
  height:34px!important;
  color:#ffd166!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:2.2!important;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.districts-section .district-card h3{
  margin:2px 0 0;
  color:#03045e;
  font-size:19px;
  line-height:1.2;
}

.districts-section .district-card p{
  margin:0;
  color:#25446b;
  font-size:14px;
  line-height:1.55;
  flex:1 1 auto;
}

.districts-section .district-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  background:#ffafcc;
  color:#03045e!important;
  font-weight:800;
  text-decoration:none;
  box-shadow:0 12px 24px rgba(3,4,94,.10);
}

.districts-section .district-link:hover{
  transform:translateY(-1px);
  box-shadow:0 16px 28px rgba(3,4,94,.14);
}

.districts-section .district-extra[hidden]{
  display:none!important;
}

.districts-section .district-actions{
  margin-top:28px;
}

.districts-section .btn-district-toggle{
  background:#b9e4f5!important;
  color:#03045e!important;
}

.districts-section .btn-district-contact{
  background:#25D366!important;
  color:#fff!important;
  border-color:#25D366!important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
}

.districts-section .btn-district-contact .wa-icon{
  width:21px;
  height:21px;
  fill:currentColor;
}

@media (max-width:1023px){
  .districts-section .district-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:640px){
  .districts-section .district-grid{
    grid-template-columns:1fr!important;
    max-width:360px!important;
  }

  .districts-section .district-card{
    min-height:0!important;
  }

  .districts-section .district-actions{
    align-items:center;
  }
}

/* Footer logo and district button polish */
.site-footer .footer-brand{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  text-align:center!important;
}

.site-footer .footer-brand img{
  display:block!important;
  width:180px!important;
  max-width:180px!important;
  height:auto!important;
  margin:0 auto 16px!important;
  object-fit:contain!important;
}

.districts-section .district-link,
.districts-section .btn-district-toggle,
.districts-section .btn-district-contact,
.btn-distrito,
.btn-ver-mas{
  background:#ffafcc!important;
  border:1px solid #ffafcc!important;
  color:#03045e!important;
  transition:all .3s ease!important;
}

.districts-section .district-link:hover,
.districts-section .btn-district-toggle:hover,
.districts-section .btn-district-contact:hover,
.btn-distrito:hover,
.btn-ver-mas:hover{
  background:#ff9ec1!important;
  border-color:#ff9ec1!important;
  color:#03045e!important;
  transform:translateY(-2px)!important;
  box-shadow:0 6px 16px rgba(255,175,204,.35)!important;
}

.districts-section .district-link:active,
.districts-section .btn-district-toggle:active,
.districts-section .btn-district-contact:active,
.btn-distrito:active,
.btn-ver-mas:active{
  background:#ff8ab7!important;
  border-color:#ff8ab7!important;
  color:#03045e!important;
}

@media (max-width:1023px){
  .site-footer .footer-brand img{
    width:155px!important;
    max-width:155px!important;
  }
}

@media (max-width:640px){
  .site-footer .footer-brand{
    align-items:center!important;
    text-align:center!important;
  }

  .site-footer .footer-brand img{
    width:135px!important;
    max-width:135px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}

.districts-section .btn-district-contact{
  background:#25D366!important;
  border-color:#25D366!important;
  color:#fff!important;
}

.districts-section .btn-district-contact:hover{
  background:#1ebe5d!important;
  border-color:#1ebe5d!important;
  color:#fff!important;
  box-shadow:0 6px 16px rgba(37,211,102,.32)!important;
}

.districts-section .btn-district-contact:active{
  background:#18a94f!important;
  border-color:#18a94f!important;
  color:#fff!important;
}

.districts-section .btn-district-contact .wa-icon{
  color:#fff!important;
  fill:#fff!important;
}