/* Fumigación Santa Marta — FumiCenter · marca de GRUPO EMPRESARIAL EJECUTAR S.A.S. */
:root{--green:#3FB24A;--green-d:#33983d;--yellow:#FFCD00;--bg:#FFFFFF;--bg2:#F5F5F3;--ink:#1D1D1F;--ink2:#6E6E73;--line:#D2D2D0;--line2:#E8E8E6}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"SF Pro Display","SF Pro Text",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}ul,ol{margin:0;padding:0;list-style:none}p{margin:0 0 14px}
h1,h2,h3,h4{margin:0 0 12px;line-height:1.2;letter-spacing:-.01em}
h1{font-size:40px;font-weight:600;letter-spacing:-.02em}h2{font-size:26px;font-weight:600}h3{font-size:18px;font-weight:600}h4{font-size:15px;font-weight:600}
.w{max-width:1160px;margin:0 auto;padding:0 24px}svg{flex:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 22px;border-radius:4px;background:var(--green);color:#fff!important;font-size:13.5px;font-weight:600;letter-spacing:.02em;border:1px solid var(--green);transition:background .18s;cursor:pointer;text-align:center;line-height:1.25}
.btn:hover{background:var(--green-d);border-color:var(--green-d)}
.btn.ghost{background:transparent;color:var(--ink)!important;border-color:var(--line)}.btn.ghost:hover{border-color:var(--ink)}
.btn.dark{background:var(--ink);border-color:var(--ink)}.btn.dark:hover{background:#000;border-color:#000}
.kick{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--green-d);margin-bottom:10px}
.lead{font-size:17px;color:var(--ink2);max-width:62ch}
.mut{color:var(--ink2);font-size:14px}
.cta-row{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
/* barra superior + cabecera */
.tl{background:var(--green);color:#fff;font-size:12.5px}
.tl-in{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 24px;flex-wrap:wrap}
.tl a{font-weight:600;text-decoration:underline;text-underline-offset:3px}
.hd{background:#fff;border-bottom:1px solid var(--line2);position:sticky;top:0;z-index:30}
.hd-in{display:flex;align-items:center;justify-content:space-between;height:84px;gap:24px}
.brand img{height:52px;width:auto}
.nav{display:flex;gap:22px;font-size:13.5px;font-weight:500;flex-wrap:wrap}
.nav a{padding:4px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav a[aria-current]{color:var(--green-d);border-color:var(--green)}
.hd-r{display:flex;align-items:center;gap:12px}
.hwa{display:inline-flex;align-items:center;gap:8px;background:var(--green);color:#fff;border-radius:4px;padding:8px 14px;font-weight:700;font-size:13px}
.hwa small{display:block;font-size:10px;font-weight:500;opacity:.9;letter-spacing:.04em;text-transform:uppercase}
.hwa:hover{background:var(--green-d)}
.burger{display:none;background:none;border:1px solid var(--line);border-radius:4px;padding:8px;color:var(--ink);cursor:pointer}
/* migas */
.crumbs{border-bottom:1px solid var(--line2);font-size:12.5px;color:var(--ink2)}
.crumbs .w{padding-top:10px;padding-bottom:10px}
.crumbs a:hover{color:var(--ink)}.crumbs span{margin:0 6px}.crumbs b{font-weight:500;color:var(--ink)}
/* hero */
.hero{background:linear-gradient(180deg,#F7FAF7 0%,#fff 100%);border-bottom:1px solid var(--line2);padding:54px 0 50px}
.hero-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:44px;align-items:center}
.hero h1{margin-bottom:14px}
.hero .lead{margin-bottom:6px}
.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:100px;padding:8px 14px;font-size:13px;font-weight:500;background:#fff}
.chip i{width:6px;height:6px;border-radius:50%;background:var(--green);display:block}
.hero-card{border:1px solid var(--line);background:#fff;padding:24px}
.hero-card h2{font-size:18px;margin-bottom:6px}
.hero-card dl{display:grid;grid-template-columns:auto 1fr;gap:8px 14px;margin:14px 0 0;font-size:14px}
.hero-card dt{color:var(--ink2)}
.hero-card dd{margin:0;font-weight:500}
/* secciones */
section{scroll-margin-top:96px}
.sec{padding:56px 0}
.sec.alt{background:var(--bg2);border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.sec-h{margin-bottom:26px}
.sec-h h2{margin-bottom:8px}
.sec-h p{color:var(--ink2);max-width:70ch;margin:0}
/* respuesta directa */
.ans{border-left:3px solid var(--green);background:#fff;border:1px solid var(--line);border-left-width:3px;padding:20px 24px;margin:0 0 18px}
.ans h2,.ans h3{font-size:19px;margin-bottom:8px}
.ans p{margin:0 0 10px;font-size:15.5px}
.ans p:last-child{margin:0}
/* rejillas */
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.card{border:1px solid var(--line);background:#fff;padding:22px;display:flex;flex-direction:column}
.card h3{margin-bottom:8px}
.card p{color:var(--ink2);font-size:14px;margin:0 0 12px}
.card .lnk{margin-top:auto;font-size:13.5px;font-weight:600;color:var(--green-d)}
.card:hover{border-color:var(--green)}
.tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin-bottom:8px}
/* listas */
.chk li{position:relative;padding-left:24px;margin-bottom:9px;font-size:15px}
.chk li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;background:var(--green);border-radius:2px}
.cols2{columns:2;column-gap:32px}
.cols3{columns:3;column-gap:28px}
.cols2 li,.cols3 li{break-inside:avoid}
/* pasos */
.pasos{counter-reset:p}
.pasos li{position:relative;padding:0 0 16px 52px;font-size:15px}
.pasos li::before{counter-increment:p;content:counter(p);position:absolute;left:0;top:0;width:34px;height:34px;border-radius:50%;background:var(--green);color:#fff;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.pasos b{display:block}
/* barrios */
.zonas{display:flex;flex-wrap:wrap;gap:8px}
.zonas li a,.zonas li span{display:inline-block;border:1px solid var(--line);background:#fff;padding:8px 14px;font-size:13.5px;border-radius:3px}
.zonas li a:hover{border-color:var(--green);color:var(--green-d)}
/* faq */
details.fq{border-bottom:1px solid var(--line2)}
details.fq>summary{cursor:pointer;padding:16px 30px 16px 0;font-weight:600;list-style:none;position:relative;font-size:15.5px}
details.fq>summary::-webkit-details-marker{display:none}
details.fq>summary::after{content:"+";position:absolute;right:4px;top:14px;color:var(--ink2);font-weight:400;font-size:20px}
details.fq[open]>summary::after{content:"–"}
details.fq>p{margin:0 0 16px;color:var(--ink2);max-width:80ch}
/* tabla */
.tbl-w{overflow-x:auto;border:1px solid var(--line);margin:16px 0 22px}
.tbl{width:100%;border-collapse:collapse;font-size:14px;background:#fff}
.tbl th,.tbl td{padding:11px 14px;border-bottom:1px solid var(--line2);text-align:left;vertical-align:top}
.tbl th{width:32%;background:var(--bg2);font-weight:600;color:var(--ink2)}
.tbl tr:last-child th,.tbl tr:last-child td{border-bottom:0}
/* franja tienda */
.tienda{background:var(--ink);color:#fff;padding:44px 0}
.tienda-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:36px;align-items:center}
.tienda h2{color:#fff;margin-bottom:10px}
.tienda p{color:#c7c7cc;margin:0;max-width:60ch}
.tienda .btn{background:var(--yellow);border-color:var(--yellow);color:var(--ink)!important}
.tienda .btn:hover{background:#e6b900;border-color:#e6b900}
/* cta final */
.cta{border-top:1px solid var(--line2);padding:52px 0;text-align:center}
.cta h2{margin-bottom:10px}
.cta p{color:var(--ink2);max-width:60ch;margin:0 auto 20px}
.cta .cta-row{justify-content:center}
/* pie */
.ft{background:var(--ink);color:#a1a1a6;font-size:13.5px}
.ft-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:32px;padding-top:52px;padding-bottom:36px}
.ft-brand img{height:46px;margin-bottom:14px}
.ft-brand p{max-width:340px}
.ft h3{color:#fff;font-size:13px;font-weight:600;margin-bottom:14px}
.ft li{margin-bottom:9px}
.ft a:hover{color:#fff}
.ft-contacto{border-top:1px solid #3a3a3c;padding-top:16px;margin-top:8px}
.ft-contacto p{margin:0 0 6px;line-height:1.65}
.ft-contacto a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.ft-bottom{display:flex;justify-content:space-between;gap:18px;padding-top:16px;padding-bottom:26px;border-top:1px solid #3a3a3c;font-size:12px;flex-wrap:wrap}
/* wa flotante */
.wafab{position:fixed;right:18px;bottom:18px;z-index:40;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.wafab svg{color:#fff}
/* responsive */
@media(max-width:1000px){.nav{display:none;position:absolute;left:0;right:0;top:84px;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;gap:0;padding:10px 24px 18px}
.nav.open{display:flex}.nav a{padding:11px 0;border-bottom:1px solid var(--line2)}
.burger{display:inline-flex}
.hero-g,.tienda-in{grid-template-columns:1fr}
.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}
.ft-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){h1{font-size:30px}h2{font-size:22px}
.g2,.g3,.g4{grid-template-columns:1fr}
.cols2,.cols3{columns:1}
.hero{padding:34px 0 32px}.sec{padding:38px 0}
.ft-grid{grid-template-columns:1fr}
.hd-in{height:70px}.brand img{height:40px}
.nav{top:70px}
.hwa b{font-size:12px}}
/* v2 — bloques ampliados */
.srv-extra,.sec-extra{margin-top:8px}
.srv-extra h2,.sec-extra h2{margin-top:26px}
.srv-extra .chk li b,.sec-extra .chk li b{color:var(--ink)}
.prep-intro,.audit-intro{color:var(--ink2);margin:0 0 12px}
@media(max-width:640px){.srv-extra h2,.sec-extra h2{margin-top:22px}}

/* v3 — 100 % responsive: teléfonos pequeños y objetivos táctiles */
@media(max-width:900px){
.tl-in{padding:9px 16px;font-size:12px;gap:8px}
}
@media(max-width:640px){
.w{padding-left:16px;padding-right:16px}
.hero-card{padding:18px}
.hero-card dl{grid-template-columns:1fr;gap:2px 0}
.hero-card dt{margin-top:8px;font-size:12px;text-transform:uppercase;letter-spacing:.05em}
.card{padding:18px}
.tbl th,.tbl td{padding:9px 10px;font-size:13px}
.tbl th{width:40%}
.pasos li{padding-left:44px}
.pasos li::before{width:30px;height:30px;font-size:14px}
.btn{width:100%}
.cta-row{gap:8px}
.zonas li a,.zonas li span{font-size:13px;padding:9px 12px}
.chip{font-size:12.5px;padding:7px 12px}
.ft-brand img{height:40px}
details.fq>summary{padding:15px 30px 15px 0;font-size:15px}
.hwa{padding:7px 10px}
.hwa b{font-size:12px}
.hwa small{font-size:9px}
}
@media(max-width:400px){
.w{padding-left:14px;padding-right:14px}
h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}
.hero{padding:26px 0 26px}
.lead{font-size:15.5px}
.hero-card dl{font-size:13.5px}
.tbl th,.tbl td{padding:8px;font-size:12.5px}
.brand img{height:34px}
.hd-in{height:62px;gap:10px}
.nav{top:62px}
.hwa small{display:none}
.tl-in{font-size:11.5px;padding:8px 14px}
}
/* texto mínimo legible y áreas táctiles */
@media(max-width:760px){
.tag,.kick,.ft-brand span,.hwa small{font-size:12px}
.ft li a,.ft-bottom a,.ft-contacto a,.zonas li a{display:inline-block;padding-top:5px;padding-bottom:5px}
.card .lnk{padding:8px 0}
.crumbs .w{padding-top:9px;padding-bottom:9px;font-size:12px}
}

/* v4 — legibilidad mínima en la barra superior */
@media(max-width:400px){.tl-in{font-size:12px}.tl-in span{line-height:1.5}}

/* v5 — tableta: mismos mínimos de legibilidad y área táctil que en teléfono */
@media(max-width:900px){
.tag,.kick,.ft-brand span,.hwa small,.tl-in{font-size:12px}
.ft li a,.ft-bottom a,.ft-contacto a,.zonas li a{display:inline-block;padding-top:5px;padding-bottom:5px}
.card .lnk{padding:8px 0}
.crumbs .w{font-size:12px}
.nav a{padding:11px 0}
}

/* v6 — escritorio: mínimos de legibilidad también en pantallas grandes */
.tag,.kick,.ft-brand span,.tl-in{font-size:12px}
.crumbs{font-size:12.5px}
.ft li a,.ft-contacto a,.zonas li a{display:inline-block;padding-top:4px;padding-bottom:4px}
.hwa small{font-size:12px}
.crit-fc{border-top:1px solid var(--line2);padding-top:10px;margin:auto 0 0;font-size:13.5px;color:var(--ink2)}
.crit-fc b{color:var(--green-d)}
.g2.guias{grid-template-columns:repeat(2,minmax(0,1fr))}
.fq-mas{margin:-6px 0 16px}
.fq-mas a{font-size:13.5px;font-weight:600;color:var(--green-d)}
@media(max-width:640px){.g2.guias{grid-template-columns:1fr}}
/* v10 — destacado de precio mínimo */
.precio-min{border:1px solid var(--line);border-left:4px solid var(--green);background:var(--bg2);padding:22px 24px;margin:22px 0 26px}
.pm-k{display:block;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink2);margin-bottom:6px}
.pm-v{display:block;font-size:34px;font-weight:600;letter-spacing:-.02em;color:var(--green-d);margin-bottom:10px}
.precio-min p{margin:0 0 10px;color:var(--ink2);font-size:14.5px;max-width:70ch}
.pm-cta{margin:14px 0 0!important}
@media(max-width:640px){.precio-min{padding:18px}.pm-v{font-size:28px}}
/* v11 — YMYL: confianza, equipo, documentos y fotos */
.conf-bar{background:var(--ink);color:#fff;padding:26px 0}
.conf-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.conf-g div b{display:block;font-size:15px;margin-bottom:4px}
.conf-g div span{font-size:13px;color:#c7c7cc;line-height:1.5}
.conf-l{margin:18px 0 0;font-size:13.5px;color:#c7c7cc}
.conf-l a{color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.pers-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:22px 0 26px}
.pers{border:1px solid var(--line);background:#fff;overflow:hidden}
.pers img{width:100%;height:auto;display:block;background:var(--bg2)}
.pers h3{font-size:15px;margin:12px 14px 2px}
.pers-c{margin:0 14px 10px;font-size:13px;color:var(--green-d);font-weight:600}
.pers p{margin:0 14px 14px;font-size:13.5px;color:var(--ink2);line-height:1.55}
.doc-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:18px 0 24px}
.doc{border:1px solid var(--line);background:#fff}
.doc img{width:100%;height:auto;display:block;border-bottom:1px solid var(--line2)}
.doc-t{padding:16px 18px}
.doc-t h3{font-size:16px;margin-bottom:4px}
.doc-t p{margin:0 0 6px;font-size:14px}
.ali-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:16px 0 24px}
.ali{border:1px solid var(--line);background:#fff;padding:16px;text-align:center}
.ali img{max-width:150px;height:auto;margin:0 auto 10px;object-fit:contain}
.ali h3{font-size:14px;margin-bottom:4px}
.ali p{font-size:12.5px;margin:0}
/* v24 — la imagen ya NO estira hasta el alto de la fila: con height:100%
   se comía todo el espacio del <figure> y el <figcaption> se salía por
   debajo, quedando tapado por la fila siguiente. Ahora el alto lo fija
   aspect-ratio y el pie de foto cabe dentro de la celda. */
.fotos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 20px;align-items:start}
.fotos figure{margin:0;display:flex;flex-direction:column}
.fotos img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block;border:1px solid var(--line)}
.caso{border-top:1px solid var(--line2);padding-top:22px;margin-top:22px}
.caso h3{font-size:19px;margin-bottom:2px}
@media(max-width:900px){.conf-g{grid-template-columns:repeat(2,minmax(0,1fr))}.pers-g{grid-template-columns:repeat(3,minmax(0,1fr))}.ali-g{grid-template-columns:repeat(3,minmax(0,1fr))}.fotos{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.conf-g{grid-template-columns:1fr}.pers-g{grid-template-columns:repeat(2,minmax(0,1fr))}.doc-g{grid-template-columns:1fr}.ali-g{grid-template-columns:repeat(2,minmax(0,1fr))}.fotos{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* v12 — cabecera, barra superior y menú */
.tl-in{justify-content:center;text-align:center;gap:6px 18px;line-height:1.5}
.nav{gap:18px;font-size:13.5px;flex-wrap:nowrap;white-space:nowrap}
.nav a.nav-tienda{color:var(--green-d);font-weight:700}
.hwa{white-space:nowrap;padding:8px 12px}
.hwa b{font-size:12.5px;white-space:nowrap}
.hwa small{font-size:10.5px;letter-spacing:.03em}
@media(max-width:1180px){.nav{gap:14px;font-size:12.5px}.hwa b{font-size:12px}}
@media(max-width:1080px){.hwa small{display:none}.hwa b{font-size:12px}}
@media(max-width:1000px){.nav{flex-wrap:wrap;white-space:normal;font-size:15px;gap:0}
.nav a.nav-tienda{color:var(--green-d)}
.hwa{padding:8px 12px}.hwa small{display:block;font-size:10px}}
@media(max-width:520px){.hwa small{display:none}.hwa b{font-size:12px}
.tl-in{font-size:11.5px;padding:8px 14px}
.tl-in span:last-child{width:100%}}
/* v13 — productos enlazados a la tienda */
.prod-strip{background:var(--bg2);border-top:1px solid var(--line);padding:40px 0}
.prod-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin:6px 0 18px}
.prod-g6{grid-template-columns:repeat(6,minmax(0,1fr))}
.prod{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;padding:14px}
.prod:hover{border-color:var(--green)}
.prod-img{display:block;aspect-ratio:1/1;overflow:hidden;margin-bottom:10px}
.prod-img img{width:100%;height:100%;object-fit:contain;display:block}
.prod h3{font-size:14px;line-height:1.35;margin:0 0 6px}
.prod h3 a{color:var(--ink)}
.prod h3 a:hover{color:var(--green-d)}
.prod p{font-size:12.5px;color:var(--ink2);line-height:1.5;margin:0 0 12px}
.prod-btn{margin-top:auto;min-height:38px;padding:9px 14px;font-size:13px;width:100%}
.prod-nav{font-size:14px;color:var(--ink2);margin:0 0 22px}
.prod-nav a{color:var(--green-d);font-weight:600}
@media(max-width:1100px){.prod-g,.prod-g6{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.prod-g,.prod-g6{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.prod-g,.prod-g6{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prod{padding:11px}.prod h3{font-size:13.5px}}
/* v14 — enlazado cruzado */
.cruce-links{background:var(--bg2);border-top:1px solid var(--line);padding:34px 0}
.cruce-links h2{font-size:21px;margin-bottom:18px}
.cruce-links .rel3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.cruce-links h3{font-size:12.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2);margin:0 0 10px}
.cruce-links ul{list-style:none;margin:0;padding:0}
.cruce-links li{margin:0 0 7px}
.cruce-links li a{font-size:14px;color:var(--ink)}
.cruce-links li a:hover{color:var(--green-d)}
.rel-nac{margin:18px 0 0;font-size:14px;color:var(--ink2);line-height:1.6}
.rel-nac a{color:var(--green-d);font-weight:600}
@media(max-width:860px){.cruce-links .rel3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.cruce-links .rel3{grid-template-columns:1fr}}
/* v15 — pie uniforme y logo nuevo */
.ft-grid{grid-template-columns:1.25fr .8fr 1fr 1fr 1fr}
.ft-menu h3{color:#fff}
.ali a{display:block}
.ali a:hover img{opacity:.85}
.brand img{height:54px}
.ft-brand img{height:auto;width:220px;max-width:100%;background:none;padding:0}
@media(max-width:1000px){.ft-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.ft-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand img{height:42px}}
@media(max-width:430px){.brand img{height:36px}.ft-grid{grid-template-columns:1fr}}
/* v16 — galería de productos */
.fotos-prod{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.fotos-prod img{aspect-ratio:1/1;object-fit:contain;background:#fff;padding:8px}
.fotos-prod figcaption{font-size:12.5px;color:var(--ink);line-height:1.35;margin-top:7px;text-align:center;overflow-wrap:break-word;hyphens:auto}
@media(max-width:900px){.fotos-prod{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.fotos-prod{grid-template-columns:repeat(3,minmax(0,1fr))}}
/* v17 — organigrama */
.org{margin:26px 0 34px}
.org h2{text-align:center;font-size:26px;margin-bottom:6px}
.org-in{text-align:center;color:var(--ink2);max-width:62ch;margin:0 auto 30px}
@media(max-width:1000px){}
@media(max-width:760px){}
@media(max-width:430px){}

/* v19 — logo de cabecera más grande (como en la tienda) */
.hd-in{height:104px}
.brand img{height:74px}
@media(max-width:1000px){.hd-in{height:88px}.brand img{height:60px}.nav{top:88px}}
@media(max-width:640px){.hd-in{height:76px}.brand img{height:52px}.nav{top:76px}}
@media(max-width:430px){.hd-in{height:66px}.brand img{height:44px}.nav{top:66px}}
/* v20 — fichas de producto */
.fotos-fichas{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fotos-fichas img{aspect-ratio:1/1;object-fit:cover;background:#fff}
.fotos-fichas figcaption{font-size:12.5px;margin-top:7px;text-align:center;line-height:1.35;overflow-wrap:break-word;hyphens:auto}
.fotos-fichas figcaption a{color:var(--green-d);font-weight:600}
.ficha-l{display:block;text-align:center;font-size:12.5px;font-weight:600;color:var(--green-d);margin:0 0 8px}
@media(max-width:900px){.fotos-fichas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.fotos-fichas{grid-template-columns:1fr}}

/* ── CABECERA VERDE — v22 ─────────────────────────────────────────────
   Sustituye a la cabecera negra con acento amarillo de la v20, que se
   retiró por completo. Vuelve la barra superior VERDE con la cabecera
   blanca del sitio y se remata con una línea verde de 3 px donde antes
   iba la amarilla, para que el verde de la marca quede visible en el
   menú. Si alguna vez quiere la cabecera blanca «pelada» de la v19,
   borre solo la línea .hd de este bloque.                              */
.tl{background:var(--green);color:#fff;border-bottom:none}
.tl b{color:#fff}
.tl a{color:#fff}
.tl a:hover{color:#fff;opacity:.85}
.hd{background:#fff;border-bottom:3px solid var(--green)}
.nav a{color:var(--ink)}
.nav a:hover,.nav a[aria-current]{color:var(--green-d);border-color:var(--green)}
.nav a.nav-tienda{color:var(--green-d);font-weight:700}
.nav a.nav-tienda:hover{color:var(--green-d)}
.burger{color:var(--ink);border-color:var(--line)}
@media(max-width:1000px){
  .nav{background:#fff;border-bottom-color:var(--line)}
  .nav a{border-bottom-color:var(--line2)}
}

/* Aviso de cookies · Ley 1581 de 2012 — v20 */
.ck{position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(0,0,0,.10)}
.ck-in{max-width:1160px;margin:0 auto;padding:14px 24px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.ck p{margin:0;flex:1;min-width:280px;font-size:13px;line-height:1.5;color:var(--ink2)}
.ck p a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ck-a{display:flex;gap:10px;flex:none}
.ck .btn{min-height:38px;padding:9px 20px}
body.ck-on .wafab{bottom:96px}
@media(max-width:700px){.ck-in{padding:12px 18px;gap:12px}.ck-a{width:100%}.ck-a .btn{flex:1}body.ck-on .wafab{bottom:142px}}

/* Organigrama — mismo modelo que distribuidoradeinsecticidas.com.co (v20).
   Esquinas rectas, lineas de 1 px, foto cuadrada. */
.org-w{max-width:1000px;margin:0 auto}
.org-row{--gap:14px;display:grid;gap:var(--gap);position:relative}
.org-r1{grid-template-columns:minmax(0,400px);justify-content:center}
.org-r2{--cols:5;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:40px}
.org-r3{--cols:3;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:40px;max-width:62%;margin:0 auto}
.org-r2::before,.org-r3::before{content:"";position:absolute;top:0;left:50%;width:1px;height:20px;background:var(--line)}
.org-r2::after,.org-r3::after{content:"";position:absolute;top:20px;height:1px;background:var(--line);left:calc((100% - (var(--cols) - 1)*var(--gap))/var(--cols)/2);right:calc((100% - (var(--cols) - 1)*var(--gap))/var(--cols)/2)}
.org-r2 .org-i,.org-r3 .org-i{position:relative}
.org-r2 .org-i::before,.org-r3 .org-i::before{content:"";position:absolute;top:-20px;left:50%;width:1px;height:20px;background:var(--line)}
.org-c{border:1px solid var(--line);background:#fff;display:flex;flex-direction:column;height:100%}
.org-c img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:50% 10%;background:var(--bg2)}
.org-b{padding:11px 12px 13px}
.org-b b{display:block;font-size:13.5px;font-weight:600;line-height:1.25}
.org-b span{display:block;font-size:12.5px;color:var(--ink2);line-height:1.3;margin-top:3px}
.org-b em{display:block;font-style:normal;font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink2);margin-top:8px;padding-top:8px;border-top:1px solid var(--line2)}
.org-jefe{flex-direction:row;border-color:var(--green);background:var(--green)}
.org-jefe img{width:104px;flex:none;object-position:50% 8%}
.org-jefe .org-b{display:flex;flex-direction:column;justify-content:center;color:#fff}
.org-jefe .org-b b{font-size:16px}
.org-jefe .org-b span{color:rgba(255,255,255,.92);font-size:13px}
.org-jefe .org-b em{color:rgba(255,255,255,.8);border-top-color:rgba(255,255,255,.35)}
@media(max-width:900px){.org-r3{max-width:100%}.org-r2{--cols:3;grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){
  .org-r2,.org-r3{--cols:2;grid-template-columns:repeat(2,minmax(0,1fr));padding-top:28px}
  .org-r2::after,.org-r3::after,.org-r2 .org-i::before,.org-r3 .org-i::before{display:none}
  .org-r2::before,.org-r3::before{height:28px}
  .org-r1{grid-template-columns:minmax(0,1fr)}
  .org-jefe img{width:88px}
}

/* ── VIDEO DE LA PORTADA — v26 ────────────────────────────────────────
   El reproductor de YouTube NO se carga al abrir la página: solo se ve
   la miniatura y, al pulsar play, se inserta el iframe de
   youtube-nocookie.com. Así la portada no se hace más lenta y no se
   instalan cookies de YouTube a quien solo pasa por el sitio.        */
.vid-card{padding:0;overflow:hidden}
.vid{position:relative;display:block;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden}
.vid img{width:100%;height:100%;object-fit:cover;display:block}
.vid-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.15);transition:background .15s}
.vid-play>span{width:66px;height:46px;border-radius:10px;background:var(--green);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 16px rgba(0,0,0,.32)}
.vid:hover .vid-play{background:rgba(0,0,0,.05)}
.vid:hover .vid-play>span{background:var(--green-d)}
.vid-card iframe{display:block;width:100%;aspect-ratio:16/9;border:0}
.vid-cap{padding:18px 22px 20px}
.vid-cap h2{font-size:18px;margin:0 0 5px}
.vid-cap p{margin:0 0 4px;font-size:13.5px}
details.dp{border-top:1px solid var(--line2);margin-top:14px}
details.dp>summary{cursor:pointer;list-style:none;position:relative;padding:12px 24px 4px 0;font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink2)}
details.dp>summary::-webkit-details-marker{display:none}
details.dp>summary::after{content:"+";position:absolute;right:2px;top:9px;font-size:17px;font-weight:400}
details.dp[open]>summary::after{content:"–"}
details.dp dl{margin-top:10px;margin-bottom:4px;font-size:13.5px}
@media(max-width:640px){.vid-cap{padding:16px 18px 18px}.vid-cap h2{font-size:17px}}