/* ============================================================
   TEMA FUMIGACIONSANTAMARTA APLICADO A FUMICENTER.COM.CO — v52
   ------------------------------------------------------------
   Esta hoja NO reemplaza a style-v51.css: se carga DESPUÉS y la
   re-viste. Ninguna regla vieja se borró; si algún día quiere el
   diseño anterior, basta con quitar el <link> de este archivo en
   las páginas y todo vuelve como estaba.

   Qué hace: cambia el lenguaje visual al del sitio de servicios
   fumigacionsantamarta.com.co — tipografía del sistema, esquinas
   rectas, filetes de 1 px, sin degradados, sin sombras grandes,
   sin manchas decorativas y secciones que alternan blanco y gris
   muy claro.
   ============================================================ */

/* ---------- 1. FICHAS DE COLOR Y MEDIDAS ---------- */
:root{
  --green:#3FB24A; --green-2:#3FB24A; --green-3:#33983d;
  --green-dark:#33983d; --green-darker:#2c8434; --green-deep:#1D1D1F;
  --mint:#F5F5F3; --mint-2:#F5F5F3;
  --yellow:#FFCD00; --yellow-deep:#E6B800; --gold:#E6B800;
  --wa:#25D366; --wa-deep:#1FB055;
  --ink:#1D1D1F; --slate:#6E6E73;
  --paper:#FFFFFF; --line:#D2D2D0; --line-2:#E8E8E6;
  --shadow-sm:none; --shadow-md:none; --shadow-lg:0 10px 30px rgba(0,0,0,.10);
  --radius:0px; --radius-btn:4px; --radius-card:0px; --radius-chip:100px;
  --maxw:1160px;
  --display:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
  --body:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;
}

/* ---------- 2. TIPOGRAFÍA ---------- */
body{font-size:15px;line-height:1.6;color:var(--ink);-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-weight:600;letter-spacing:-.01em;line-height:1.2;margin:0 0 12px}
h1{font-size:40px;letter-spacing:-.02em}
h2{font-size:26px}
h3{font-size:18px}
h4{font-size:15px}
p{margin:0 0 14px}
.wrap{max-width:var(--maxw);padding:0 24px}
.eyebrow,.eyebrow.green,.eyebrow.on-green{
  font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;
  color:var(--green-3);margin-bottom:10px;display:block}
.lead{font-size:17px;color:var(--slate);max-width:62ch}
.s-head{margin-bottom:26px;max-width:820px}
.s-head h2{font-size:26px;margin:0 0 8px}
.s-head p{color:var(--slate);font-size:15px;max-width:70ch}
.section{padding:56px 0}
.section.mint{background:var(--mint);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}

/* ---------- 3. BOTONES ---------- */
/* Se conserva su regla de marca: COTIZAR en amarillo, LLAMAR en verde.
   Solo cambia la forma: rectos, sin sombra, sin salto al pasar el cursor. */
.btn{border-radius:var(--radius-btn);font-family:var(--body);font-weight:600;
  font-size:13.5px;min-height:44px;padding:11px 22px;border-width:1px;
  box-shadow:none;transition:background .15s,border-color .15s,color .15s}
.btn:hover{transform:none;box-shadow:none}
.btn svg{width:17px;height:17px}
.btn-green{background:var(--green);color:#fff;border-color:var(--green)}
.btn-green:hover{background:var(--green-3);border-color:var(--green-3);transform:none}
.btn-yellow,.btn-wa,.btn-wagreen{background:var(--yellow);color:#3a2c00;border-color:var(--yellow);box-shadow:none}
.btn-yellow:hover,.btn-wa:hover,.btn-wagreen:hover{background:var(--yellow-deep);border-color:var(--yellow-deep);color:#3a2c00;transform:none}
.btn-outline{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-outline:hover{border-color:var(--green);color:var(--green-3);transform:none}
.btn-lg{padding:13px 26px;font-size:14px}
.btn-call.on-green{background:#fff;color:var(--ink);border-color:var(--line)}
.btn-call.on-green:hover{background:#fff;border-color:var(--green);color:var(--green-3)}
.cert-link{border-radius:var(--radius-btn);background:var(--yellow);color:#3a2c00;
  box-shadow:none;font-weight:600;font-size:13.5px;padding:12px 24px;font-family:var(--body)}
.cert-link:hover{background:var(--yellow-deep);transform:none;box-shadow:none}

/* ---------- 4. BARRA SUPERIOR Y CABECERA ---------- */
.topbar{background:var(--green);color:#fff;font-size:12.5px}
.topbar b{color:#fff}
.topbar svg{color:#fff}
.topbar .demo{background:#fff;color:var(--green-3);border-radius:3px;font-weight:600}
header.site{background:#fff;border-bottom:3px solid var(--green);box-shadow:none}
.nav{padding-top:12px;padding-bottom:10px}
.brand .logo-img{height:52px}
.menu{border-top:1px solid var(--line-2);padding-top:10px;margin-top:8px}
.menu>li>a{font-family:var(--body);font-weight:500;font-size:13.5px;color:var(--ink);
  padding:8px 12px;border-radius:3px}
.menu>li>a:hover{color:var(--green-3);background:var(--mint)}
.submenu-inner{border:1px solid var(--line);border-radius:0;box-shadow:var(--shadow-lg);padding:8px}
.submenu-inner a{border-radius:0;font-family:var(--body);font-weight:500;font-size:13.5px;padding:8px 12px}
.submenu-inner a:hover{background:var(--mint);color:var(--green-3)}
.pl-mini{border-radius:0;border:1px solid var(--line-2)}
.burger{border-radius:4px;border:1px solid var(--line);width:44px;height:44px}
.nav-right .btn{padding:9px 16px;font-size:12.5px;min-height:38px}
.phone-text .pic{border-radius:0;background:var(--mint)}
.phone-text .pic svg{color:var(--green-3)}
.phone-text b{font-family:var(--body);font-weight:600;color:var(--ink);font-size:14px}
.brand-txt,.brand-fallback{font-family:var(--body);font-weight:600;font-size:1.3rem;color:var(--ink);letter-spacing:-.02em}
.brand-txt b,.brand-fallback b{color:var(--green-3)}
.brand .logo{border-radius:0;background:var(--green);box-shadow:none}
.brand .logo::after{display:none}

/* ---------- 5. MIGAS DE PAN ---------- */
.breadcrumb{font-size:12.5px;color:var(--slate)}
.breadcrumb a{color:var(--slate)}
.breadcrumb a:hover{color:var(--ink);text-decoration:none}

/* ---------- 6. PORTADA (HERO) ---------- */
/* De fondo verde con letras blancas a fondo claro con letras oscuras. */
.hero,.hero-serv,.err,.legal-hero{
  background:linear-gradient(180deg,#F7FAF7 0%,#fff 100%);
  color:var(--ink);border-bottom:1px solid var(--line-2)}
.hero .blob,.hero .dots,.media-blob,.cta-final .blob,.zone-card .blob,
.guarantee::before,.auth-card::after,.legal-hero::before{display:none!important}
.hero-inner{padding-block:50px 46px;gap:44px}
.hero h1,.hero-serv h1,.legal-hero h1{color:var(--ink);font-size:clamp(30px,4.4vw,40px);font-weight:600;line-height:1.15;margin:0 0 14px}
.hero h1 .y,.hero-sub .y{color:var(--green-3)}
.hero-sub{font-family:var(--body);font-weight:600;font-size:clamp(19px,2.4vw,24px);color:var(--ink);margin:0 0 14px}
.hero p.lead,.hero-serv p.lead,.legal-hero p{color:var(--slate);font-size:17px;max-width:62ch}
.popular{color:var(--slate);font-size:14px}
.popular b{color:var(--green-3);font-family:var(--body);font-weight:600}
.searchbar input{border:1px solid var(--line);border-radius:var(--radius-btn);
  box-shadow:none;padding:12px 16px;font-family:var(--body);font-size:14px}
.searchbar input:focus{outline:2px solid var(--green)}
.searchbar .btn{border-radius:var(--radius-btn)}
.hero-media{min-height:auto}
.photo img,.photo svg.tech{border-radius:0;filter:none;border:1px solid var(--line)}
.photo-note{background:rgba(29,29,31,.72);border-radius:3px;font-family:var(--body);font-weight:500}
.fpill{background:#fff;border:1px solid var(--line);border-radius:100px!important;
  box-shadow:none;font-family:var(--body);font-weight:500;font-size:13px;color:var(--ink);padding:7px 14px}
.trust-badge{background:#fff;border:1px solid var(--line);border-radius:0;box-shadow:none}
.trust-badge .tb-ic{border-radius:0;background:var(--mint)}
.trust-badge .tb-ic svg{color:var(--green-3)}
.trust-badge b{font-family:var(--body);font-weight:600;font-size:13.5px}
.trust-badge small{color:var(--slate);font-size:12px}
.hero-media .fpill,.hero-media .trust-badge,.hero-media .photo{animation:none!important}
.hero-serv .h-photo img{border-radius:0!important;box-shadow:none;border:1px solid var(--line);background:#fff}
.hero-serv .breadcrumb,.legal-hero .breadcrumb{color:var(--slate)}
.hero-serv .breadcrumb a,.legal-hero .breadcrumb a{color:var(--slate)}
.legal-hero{padding:46px 0 40px}
.legal-hero .eyebrow{color:var(--green-3)}

/* ---------- 7. BANDA DE CONFIANZA ---------- */
.strip{background:var(--mint);color:var(--ink);border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.strip .it{color:var(--ink);font-family:var(--body);font-weight:500;font-size:13.5px}
.strip .it svg{color:var(--green)}
.callbar-sec{margin-top:0;padding:0 24px 40px}
.callbar{background:var(--mint);border:1px solid var(--line);border-radius:0;box-shadow:none;color:var(--ink);padding:16px 26px}
.callbar-txt,.callbar-txt b,.callbar-phone{color:var(--ink);font-family:var(--body)}
.callbar-txt{font-weight:500;font-size:14px}
.callbar-txt svg{color:var(--green)}
.callbar-phone{font-weight:600;font-size:22px;letter-spacing:-.01em}
.callbar-btn{background:var(--green)!important;border-radius:var(--radius-btn);box-shadow:none;
  font-family:var(--body);font-weight:600;font-size:13.5px;padding:11px 22px}
.callbar:hover .callbar-btn{background:var(--green-3)!important;transform:none}

/* ---------- 8. TARJETAS ---------- */
.card,.benefit,.pest,.sector,.review,.ally,.exp-card,.pol-card,.caso-card,
.proc-step,.q,.zone,.caso-card.ref,.caso-testimonio,.legal-data,.legal-toc,.rut-box,.caso-info .ci{
  border-radius:0;box-shadow:none;border:1px solid var(--line);background:#fff}
.card:hover,.benefit:hover,.pest:hover,.sector:hover,.ally:hover,.exp-card:hover,
.pol-card:hover,.caso-card:hover,.zone:hover{transform:none;box-shadow:none;border-color:var(--green)}
.card{padding:22px}
.card h3,.benefit h3,.caso-card h3,.pol-card h3,.proc-step h3{font-size:18px;font-weight:600;color:var(--ink);margin-bottom:8px}
.card p,.benefit p,.pest small,.sector small,.review p,.caso-card p,.pol-card p,.proc-step p{color:var(--slate);font-size:14px}
.card .more,.caso-card .cc-link,.pol-card .pol-link{font-family:var(--body);font-weight:600;font-size:13.5px;color:var(--green-3)}
.card:hover .more,.caso-card:hover .cc-link{gap:7px}
/* burbujas de icono: cuadradas y discretas */
.card .ic,.benefit .bic,.pest .pic,.sector .sic,.auth-points .ap-ic,.exp-ic,
.ci-ic,.cert-ic,.rut-ic,.review .av{
  border-radius:0;background:var(--mint);box-shadow:none}
.card .ic{width:44px;height:44px;margin-bottom:14px}
.card .ic svg,.benefit .bic svg,.pest .pic svg,.sector .sic svg,
.auth-points .ap-ic svg,.exp-ic svg,.ci-ic svg,.cert-ic svg{color:var(--green);width:22px;height:22px}
.card:hover .ic,.pest:hover .pic{background:var(--mint)}
.card:hover .ic svg,.pest:hover .pic svg{color:var(--green)}
.benefit .bic{width:44px;height:44px;border-radius:0}
.rut-ic{background:var(--green)}
.rut-ic svg{color:#fff}
.review .av{background:var(--green);color:#fff;font-family:var(--body);font-weight:600}
.stars svg{color:var(--yellow)}
.caso-card img{border-radius:0}
.caso-gallery img{border-radius:0;border:1px solid var(--line)}
.caso-card.ref .cc-media{background:var(--mint)}
.caso-card.ref .cc-media svg{color:var(--green)}
.caso-note,.legal-note{background:var(--mint);border:1px solid var(--line);border-radius:0;color:var(--slate)}
.legal-note strong{color:var(--ink)}
.reviews-note{background:var(--mint);border:1px solid var(--line);border-radius:0;color:var(--slate)}

/* ---------- 9. FICHAS Y ETIQUETAS ---------- */
.chip,.chip-link{border-radius:var(--radius-chip);border:1px solid var(--line);background:#fff;
  color:var(--ink);font-family:var(--body);font-weight:500;font-size:13px;padding:8px 14px;gap:7px}
a.chip:hover,.chip-link:hover{background:#fff;border-color:var(--green);color:var(--green-3);transform:none}
.chips{gap:8px}
.tagcloud a{border-radius:100px;font-size:12.5px}

/* ---------- 10. SECCIONES QUE ERAN VERDES ---------- */
.section.green{background:var(--mint);color:var(--ink);
  border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.section.green::before,.section.green::after{display:none!important}
.section.green .s-head p{color:var(--slate)}
.section.green h2,.section.green h3{color:var(--ink)}
.step{background:#fff;border:1px solid var(--line);border-radius:0;padding:22px}
.step .num{background:var(--green);color:#fff;border-radius:0;width:32px;height:32px;
  font-family:var(--body);font-weight:600;font-size:14px;margin-bottom:14px}
.step h3{color:var(--ink);font-size:18px}
.step p{color:var(--slate);font-size:14px}

.guarantee{background:var(--mint);color:var(--ink);
  border-top:1px solid var(--line-2);border-bottom:1px solid var(--line-2)}
.guarantee .wrap{padding:52px 24px}
.g-body h2{color:var(--ink);font-size:26px}
.g-body p{color:var(--slate)}
.g-points li{color:var(--ink);font-family:var(--body);font-weight:500;font-size:14px}
.g-points li svg{color:var(--green)}
.seal .ring{opacity:.25}
.seal-badge{background:var(--green);border-radius:0;box-shadow:none;inset:38px}
.seal-badge svg{color:#fff;width:38px;height:38px}

.zone-card,.auth-card{background:#fff;color:var(--ink);border:1px solid var(--line);
  border-radius:0!important;box-shadow:none;padding:28px}
.zone-card h3,.auth-card h3{color:var(--ink);font-size:20px}
.zone-card p,.auth-card p.note{color:var(--slate)}
.auth-card .ac-seal{background:var(--green);border-radius:0;width:44px;height:44px}
.auth-card .ac-seal svg{color:#fff;width:24px;height:24px}
.auth-card .res{background:var(--mint);border:1px solid var(--line);border-radius:0}
.auth-card .res small{color:var(--slate);font-family:var(--body);font-weight:600}
.auth-card .res b{color:var(--ink);font-family:var(--body);font-weight:600;font-size:14.5px}
.res-date{color:var(--slate)}
.auth-card .demo-tag,.modal-box .demo,.gallery-sec .demo{background:var(--green);color:#fff;border-radius:3px;font-family:var(--body);font-weight:600}
.parent-co{color:var(--slate)}
.parent-co a{color:var(--ink)}
.parent-co b{color:var(--green-3)}
.auth{background:#fff}
.auth-points b{font-family:var(--body);font-weight:600;font-size:14.5px}
.auth-points span{color:var(--slate);font-size:14px}
.auth-points .ap-ic{width:40px;height:40px}

.cta-final{background:#fff;color:var(--ink);border-top:1px solid var(--line-2);text-align:center}
.cta-final .wrap{padding:52px 24px}
.cta-final h2{color:var(--ink);font-size:26px}
.cta-final p{color:var(--slate);font-size:15px}

.err{color:var(--ink)}
.err h1{color:var(--green);font-size:clamp(56px,12vw,96px)}
.err h2{color:var(--ink)}
.err p{color:var(--slate)}

/* ---------- 11. PREGUNTAS FRECUENTES ---------- */
.faq{max-width:860px}
.q{border-radius:0;margin-bottom:10px;border:1px solid var(--line)}
.q.active{border-color:var(--green);box-shadow:none}
.q button{font-family:var(--body);font-weight:600;font-size:15px;color:var(--ink);padding:16px 18px}
.q button .pm{border-radius:0;background:var(--mint);width:26px;height:26px}
.q button .pm svg{color:var(--green);width:15px;height:15px}
.q.active .pm{background:var(--green)}
.q .ans p{padding:0 18px 16px;color:var(--slate);font-size:14.5px}

/* ---------- 12. LISTAS Y TEXTOS DE SERVICIO ---------- */
.serv-prose{font-size:15px;line-height:1.7;color:var(--slate);max-width:70ch}
.serv-prose strong{color:var(--ink)}
.serv-list li{font-size:15px;color:var(--slate)}
.serv-list li::before{border-radius:2px;background:var(--green);border:0;width:9px;height:9px;top:8px}
.serv-list li b{color:var(--ink)}
.proc-step{padding:20px 20px 20px 62px}
.proc-step::before{background:var(--green);border-radius:0;width:32px;height:32px;
  font-family:var(--body);font-weight:600;font-size:14px;left:16px;top:18px}
.zones-text p{color:var(--slate);font-size:15px}
.zones-text strong{color:var(--ink)}
.zone{border-radius:0;font-family:var(--body);font-weight:500;font-size:14px;padding:12px 15px}
.zone:hover{transform:none;border-color:var(--green)}
.zone svg{color:var(--green)}
.caso-info .ci{background:#fff}
.caso-info .ci span{color:var(--slate)}
.caso-info .ci b{color:var(--ink);font-family:var(--body);font-weight:600;font-size:15px}
.caso-gallery figcaption{color:var(--ink);font-family:var(--body);font-weight:600;font-size:14px}
.caso-testimonio{border-left:3px solid var(--green);border-radius:0}
.caso-testi-text{color:var(--ink);font-size:16px;font-style:normal}
.caso-testi-author{color:var(--slate);font-family:var(--body);font-weight:600}

/* ---------- 13. ALIADOS Y GALERÍA ---------- */
.ally{border-radius:0;box-shadow:none;min-height:112px}
.ally-name{font-family:var(--body);font-weight:600;color:var(--ink);font-size:14.5px}
.allies-sec .s-sub,.gallery-sec .s-sub{color:var(--slate);font-size:15px}
.allies-cta-note{color:var(--slate);font-size:14px}
.gslide{border-radius:0;border:1px solid var(--line);background:var(--mint);box-shadow:none}
.gslide figcaption{background:linear-gradient(transparent,rgba(29,29,31,.78));
  font-family:var(--body);font-weight:500;font-size:13px}
.exp-card{border-radius:0;box-shadow:none;padding:20px 14px}
.exp-card b{color:var(--ink);font-family:var(--body);font-weight:600;font-size:14px}
.exp-card small{color:var(--slate);font-size:12.5px}
.exp-note{color:var(--slate);font-style:normal;font-size:13.5px}

/* ---------- 14. TABLAS Y PÁGINAS LEGALES ---------- */
.legal-data{border-radius:0;box-shadow:none}
.ld-row{border-bottom:1px solid var(--line-2);padding:12px 18px}
.ld-row dt{font-family:var(--body);font-weight:600;color:var(--slate);font-size:14px}
.ld-row dd{color:var(--ink);font-size:14.5px}
.ld-row dd a{color:var(--green-3);font-weight:600}
.legal-intro{font-size:17px;color:var(--slate)}
.legal-body>p,.legal-body ul li{color:var(--slate);font-size:15px;line-height:1.7}
.legal-body h2{color:var(--ink);font-size:22px;font-family:var(--body);font-weight:600}
.legal-body h3{color:var(--ink);font-size:17px;font-family:var(--body);font-weight:600}
.legal-body ul li:before{background:var(--green);border-radius:2px;width:9px;height:9px;top:8px;left:4px}
.legal-toc{background:var(--mint);border-radius:0}
.legal-toc h4{color:var(--ink);font-family:var(--body);font-weight:600}
.legal-toc a{color:var(--green-3);font-size:13.5px}
.legal-meta{border-top:1px solid var(--line-2);color:var(--slate);font-size:13.5px}
.legal-meta b{color:var(--ink)}
.rut-box{background:var(--mint);border-radius:0}
.rut-tx b{font-family:var(--body);font-weight:600;color:var(--ink);font-size:15px}
.rut-tx small{color:var(--slate);font-size:13.5px}
.legal-foot-note{color:var(--slate);font-size:13.5px}

/* ---------- 15. VENTANAS EMERGENTES ---------- */
.modal-ov{background:rgba(29,29,31,.55)}
.modal-box{border-radius:0!important;box-shadow:var(--shadow-lg);padding:30px}
.modal-box h3{font-size:22px;color:var(--ink)}
.modal-sub{color:var(--slate);font-size:14.5px}
.modal-x{border-radius:0;background:var(--mint);color:var(--ink);width:36px;height:36px;font-size:1.3rem}
.modal-x:hover{background:var(--green);color:#fff;transform:none}
.ci-row{border-radius:0;border:1px solid var(--line)}
a.ci-row:hover{border-color:var(--green);background:#fff}
.ci-ic{border-radius:0;width:38px;height:38px}
.ci-row b{font-family:var(--body);font-weight:600;font-size:14px}
.ci-row small{color:var(--slate);font-size:12px}
.map-wrap{border-radius:0;border:1px solid var(--line)}
.contact-form input,.contact-form textarea,.modal-sm input{border-radius:var(--radius-btn);
  border:1px solid var(--line);background:#fff;font-family:var(--body);font-size:14px}
.contact-form input:focus,.contact-form textarea:focus,.modal-sm input:focus{outline:2px solid var(--green);background:#fff}
.cert-ic{border-radius:0;width:52px;height:52px}
.cert-note{color:var(--slate);font-size:13px}
.cf-captcha b{background:var(--ink);border-radius:3px;font-family:var(--body)}

/* ---------- 16. PIE DE PÁGINA ---------- */
footer.site{background:var(--ink);color:#a1a1a6;font-size:13.5px;padding:52px 0 26px}
.foot-top{border-bottom:1px solid #3a3a3c;padding-bottom:36px;gap:32px}
.foot-brand .brand-txt,.foot-brand .brand-fallback{color:#fff}
.foot-brand .brand-txt b,.foot-brand .brand-fallback b{color:var(--green)}
.foot-brand p{color:#a1a1a6}
.foot-contact li{color:#a1a1a6}
.foot-contact svg{color:var(--green)}
.foot-col h4{color:#fff;font-size:13px;font-family:var(--body);font-weight:600;margin-bottom:12px}
.foot-col a{color:#a1a1a6;font-size:13.5px}
.foot-col a:hover{color:#fff;text-decoration:none}
.foot-links-extra,.foot-compliance{border-color:#3a3a3c}
.foot-links-extra h4,.foot-compliance h4{color:#fff;font-family:var(--body)}
.foot-compliance .fc-sub,.fc-links a{color:#a1a1a6}
.fc-links a:hover{color:#fff;text-decoration:none}
.tagcloud a{color:#a1a1a6;border-color:#3a3a3c}
.tagcloud a:hover{background:transparent;border-color:var(--green);color:#fff}
.foot-bottom{border-top:1px solid #3a3a3c;color:#8b8b90;font-size:12px}
.foot-legal{color:#8b8b90;font-size:12.5px}
.foot-legal b{color:#c7c7cc}
.socials a{border-radius:0;border-color:#3a3a3c;width:36px;height:36px}
.socials a:hover{border-color:var(--green);background:transparent}
.socials svg{color:#a1a1a6}

/* ---------- 17. WHATSAPP FLOTANTE ---------- */
.wa-float{width:56px;height:56px;background:#25D366;box-shadow:0 6px 18px rgba(0,0,0,.18);animation:none;bottom:18px;right:18px}
.wa-float svg{width:30px;height:30px;color:#fff}
.wa-pop{border-radius:0;box-shadow:var(--shadow-lg);bottom:88px;right:18px}
.wa-pop-head{background:var(--green)}
.wa-pop-av{border-radius:50%}
.wa-pop-av svg{color:var(--green)}
.wa-pop-meta b{font-family:var(--body);font-weight:600;font-size:15px}
.wa-pop-msg{border-radius:0;font-size:14px}
.wa-pop-btn{border-radius:var(--radius-btn);font-family:var(--body);font-weight:600;font-size:13.5px;box-shadow:none}
.wa-pop-btn:hover{transform:none}
.wa-badge{background:var(--green)}

/* ---------- 18. FOCO Y RETOQUES FINALES ---------- */
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--green);outline-offset:2px;border-radius:2px}
.skip-link{background:var(--ink);border-radius:0}
.lightbox-cap{font-family:var(--body)}
.pf-it,.gal-it{border-radius:0}
.portfolio-cta{margin-top:32px}
.section:last-of-type{border-bottom:0}

/* ---------- 19. CELULAR ---------- */
@media (max-width:1080px){
  .hero-inner{gap:26px}
  .fpill,.trust-badge{display:none!important}
}
@media (max-width:680px){
  body{font-size:15px}
  h1,.hero h1,.hero-serv h1{font-size:28px}
  h2,.s-head h2,.cta-final h2,.g-body h2{font-size:22px}
  .section{padding:40px 0}
  .hero-inner{padding-block:34px 32px}
  .wrap{padding-left:20px;padding-right:20px}
  .menu.show{border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}
  .menu.show .submenu-inner{background:var(--mint);border-radius:0}
  .modal-box{padding:22px}
  .callbar{width:100%;padding:16px 20px}
}

/* ---------- 20. ESTILOS EN LÍNEA HEREDADOS DEL DISEÑO VIEJO ----------
   Las páginas traen colores escritos dentro del propio HTML
   (style="color:#fff", #eafbef, #cdeada...) porque esas franjas eran
   verde oscuro. Ahora son claras, así que ese texto quedaría invisible.
   NO se tocó el HTML: se corrige desde aquí, forzando el color con
   !important solo dentro de las franjas que cambiaron de fondo.       */
.hero [style*="color:#fff"],
.legal-hero [style*="color:#fff"],
.section.green [style*="color:#fff"],
.guarantee [style*="color:#fff"],
.cta-final [style*="color:#fff"],
.zone-card [style*="color:#fff"],
.auth-card [style*="color:#fff"],
.err [style*="color:#fff"],
.strip [style*="color:#fff"],
.callbar [style*="color:#fff"]{color:var(--ink)!important}

.hero [style*="color:#eafbef"],
.hero [style*="color:#cdeada"],
.hero [style*="color:#cfe9da"],
.hero [style*="color:rgba(255,255,255,.9)"],
.hero [style*="color:rgba(255,255,255,.85)"],
.legal-hero [style*="color:#eafbef"],
.legal-hero [style*="color:#cdeada"],
.legal-hero [style*="color:#cfe9da"],
.legal-hero [style*="color:rgba(255,255,255,.9)"],
.legal-hero [style*="color:rgba(255,255,255,.85)"],
.section.green [style*="color:#eafbef"],
.section.green [style*="color:#cdeada"],
.section.green [style*="color:#cfe9da"],
.section.green [style*="color:rgba(255,255,255,.9)"],
.section.green [style*="color:rgba(255,255,255,.85)"],
.guarantee [style*="color:#eafbef"],
.guarantee [style*="color:#cdeada"],
.guarantee [style*="color:#cfe9da"],
.guarantee [style*="color:rgba(255,255,255,.9)"],
.guarantee [style*="color:rgba(255,255,255,.85)"],
.cta-final [style*="color:#eafbef"],
.cta-final [style*="color:#cdeada"],
.cta-final [style*="color:#cfe9da"],
.cta-final [style*="color:rgba(255,255,255,.9)"],
.cta-final [style*="color:rgba(255,255,255,.85)"],
.zone-card [style*="color:#eafbef"],
.zone-card [style*="color:#cdeada"],
.zone-card [style*="color:#cfe9da"],
.zone-card [style*="color:rgba(255,255,255,.9)"],
.zone-card [style*="color:rgba(255,255,255,.85)"],
.auth-card [style*="color:#eafbef"],
.auth-card [style*="color:#cdeada"],
.auth-card [style*="color:#cfe9da"],
.auth-card [style*="color:rgba(255,255,255,.9)"],
.auth-card [style*="color:rgba(255,255,255,.85)"],
.err [style*="color:#eafbef"],
.err [style*="color:#cdeada"],
.err [style*="color:#cfe9da"],
.err [style*="color:rgba(255,255,255,.9)"],
.err [style*="color:rgba(255,255,255,.85)"],
.strip [style*="color:#eafbef"],
.strip [style*="color:#cdeada"],
.strip [style*="color:#cfe9da"],
.strip [style*="color:rgba(255,255,255,.9)"],
.strip [style*="color:rgba(255,255,255,.85)"],
.callbar [style*="color:#eafbef"],
.callbar [style*="color:#cdeada"],
.callbar [style*="color:#cfe9da"],
.callbar [style*="color:rgba(255,255,255,.9)"],
.callbar [style*="color:rgba(255,255,255,.85)"]{color:var(--slate)!important}

/* manchas decorativas blancas: sobraban en el diseño plano */
[style*="rgba(255,255,255,.07)"],[style*="rgba(255,255,255,.06)"]{display:none!important}

/* el <h1> de servicios trae su tamaño en línea; se respeta, pero se
   ajusta el peso para que no quede más grueso que el resto del sitio */
.hero h1[style],.legal-hero h1[style]{font-weight:600!important;letter-spacing:-.02em}
.hero .lead[style],.legal-hero p[style]{font-size:17px!important}


/* ---------- 21. BLOQUES <style> DENTRO DE LAS PÁGINAS ----------
   La portada y /informacion-legal/ traen CSS propio escrito en la
   misma página (la pila del hero, la sección de respaldo y el
   organigrama). Ese CSS va DESPUÉS de esta hoja, así que la única
   forma de re-vestirlo sin tocar el HTML es con !important.      */

/* --- portada: video y pila de fotos del hero --- */
.hero .wrap{max-width:1160px!important}
.hp-video{border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
.hp-play span{width:64px!important;height:64px!important;border-radius:0!important;
  background:var(--green)!important;box-shadow:none!important}
.hp-play:hover span{transform:none!important}
.hp-play svg{color:#fff!important;width:26px!important;height:26px!important;margin-left:3px!important}
.hp-card,.hp-edge{border:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important}
.hp-edge{background:#fff!important}
.vm-close{border-radius:0!important}

/* --- portada: sección «un servicio confiable y responsable» --- */
.rsp-pill{background:transparent!important;color:var(--green-3)!important;border-radius:0!important;
  padding:0!important;font-size:12px!important;font-weight:600!important;letter-spacing:.08em!important}
.rsp-pill::before{width:6px!important;height:6px!important}
.rsp-grid h2{font-size:26px!important;font-weight:600!important}
.rsp-grid h2 .verde{color:var(--green-3)!important}
.rsp-lead{color:var(--slate)!important;font-size:17px!important}
.rsp-f .ic{width:44px!important;height:44px!important;border-radius:0!important;
  background:var(--mint)!important;color:var(--green)!important}
.rsp-f .ic svg{width:22px!important;height:22px!important;color:var(--green)!important}
.rsp-f b{color:var(--ink)!important;font-size:15px!important;font-weight:600!important}
.rsp-f p{color:var(--slate)!important;font-size:14px!important}
.rsp-media>img{border-radius:0!important;box-shadow:none!important;border:1px solid var(--line)!important}
.rsp-badge{width:64px!important;height:64px!important;border-radius:0!important;
  border:0!important;box-shadow:none!important;background:var(--green)!important}
.rsp-badge:hover{transform:none!important}
.rsp-badge svg{width:30px!important;height:30px!important}

/* --- información legal: organigrama --- */
.org{--lin:#D2D2D0}
.org-card{border-radius:0!important;box-shadow:none!important;border:1px solid var(--line)!important}
.org-foto{border-radius:0!important;box-shadow:none!important;border:1px solid var(--line)!important}
.org-card b{font-size:14px!important;color:var(--ink)!important;font-weight:600!important}
.org-card i{font-size:12.5px!important;color:var(--slate)!important;font-weight:500!important}
.org-card small{font-size:11px!important;color:var(--slate)!important;letter-spacing:.06em!important}
.org-node.solo .org-card{background:var(--green)!important;border:0!important;
  border-radius:0!important;box-shadow:none!important}
.org-node.solo .org-card b{color:#fff!important;font-size:16px!important}
.org-node.solo .org-foto{border-color:#fff!important}