/* Layout: encabezado de ficha técnica; hero asimétrico a la izquierda con un ticket de pesaje que cruza al borde; secciones como hojas de datos (filas, no tarjetas). */
:root{
  --bg:#F4F6F8; --bg2:#E8ECF0; --fg:#171C24; --muted:#5C6B7A; --line:#C9CFD6;
  --ink:#171C24; --ink-fg:#F4F6F8; --ink-muted:#9AA6B2; --ink-line:#2E3643;
  --amber:#F2A93B; --amber-text:#8A5600;
  --display:'Archivo','Arial Narrow',Arial,sans-serif;
  --body:'IBM Plex Sans',Arial,sans-serif;
  --mono:'IBM Plex Mono',Consolas,monospace;
  --max:1180px;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#12161D; --bg2:#1A2029; --fg:#E9EDF1; --muted:#9AA6B2; --line:#2E3643;
  --ink:#0B0E13; --ink-fg:#F4F6F8; --ink-muted:#8995A2; --ink-line:#2A323E;
  --amber-text:#F2A93B; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#12161D; --bg2:#1A2029; --fg:#E9EDF1; --muted:#9AA6B2; --line:#2E3643;
  --ink:#0B0E13; --ink-fg:#F4F6F8; --ink-muted:#8995A2; --ink-line:#2A323E;
  --amber-text:#F2A93B; color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.6;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
a{color:inherit}
:focus-visible{outline:3px solid var(--amber);outline-offset:3px}
.wrap{max-width:var(--max);margin:0 auto}
h1,h2,h3{font-family:var(--display);font-stretch:78%;font-weight:800;line-height:1.02;margin:0;text-wrap:balance;letter-spacing:-.01em}
p{margin:0}

/* barra superior */
header{background:#F4F6F8;color:#171C24;padding-inline:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:18px;border-bottom:1px solid var(--line);flex-wrap:wrap}
.brand img{height:48px;width:auto;display:block}
nav{display:flex;gap:26px;align-items:center;flex-wrap:wrap;font-size:15px}
nav a{text-decoration:none;color:#5C6B7A}
nav a:hover{color:#171C24}
footer.site nav a{color:var(--muted)} footer.site nav a:hover{color:var(--fg)}
nav a.login{color:var(--ink);background:var(--amber);padding:9px 16px;font-weight:600}

/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.85fr);gap:56px;align-items:start;padding-block:72px 88px}
.hero h1{font-size:clamp(46px,7.4vw,98px);font-stretch:75%;text-transform:none}
.hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--amber) 62% 92%,transparent 92%)}
.hero p.lead{margin-top:28px;max-width:52ch;font-size:19px;color:var(--muted)}
.cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap}
.btn{display:inline-block;padding:15px 24px;font-weight:600;text-decoration:none;font-size:16px;border:2px solid var(--fg)}
.btn.primary{background:var(--amber);border-color:var(--amber);color:#171C24}
.btn.primary:hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.btn.ghost:hover{background:var(--fg);color:var(--bg)}

/* ticket de pesaje */
.ticket{background:var(--ink);color:var(--ink-fg);padding:26px 26px 22px;margin-top:10px;position:relative;
  clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),96% 100%,92% calc(100% - 12px),88% 100%,84% calc(100% - 12px),80% 100%,76% calc(100% - 12px),72% 100%,68% calc(100% - 12px),64% 100%,60% calc(100% - 12px),56% 100%,52% calc(100% - 12px),48% 100%,44% calc(100% - 12px),40% 100%,36% calc(100% - 12px),32% 100%,28% calc(100% - 12px),24% 100%,20% calc(100% - 12px),16% 100%,12% calc(100% - 12px),8% 100%,4% calc(100% - 12px),0 100%);
  padding-bottom:36px}
.ticket .top{display:flex;justify-content:space-between;gap:12px;font:500 12px/1.4 var(--mono);color:var(--ink-muted);letter-spacing:.04em}
.ticket .net{font:500 clamp(44px,6.4vw,70px)/1 var(--mono);color:var(--amber);margin:22px 0 4px;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.ticket .net small{font-size:.32em;color:var(--ink-muted);margin-left:8px;letter-spacing:0}
.ticket .lbl{font:500 12px var(--mono);color:var(--ink-muted)}
.ticket dl{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:20px 0 0;padding-top:16px;border-top:1px dashed var(--ink-line);font:400 14px/1.4 var(--mono)}
.ticket dt{color:var(--ink-muted)} .ticket dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}
.ticket .ok{margin-top:18px;font:500 12px var(--mono);color:var(--amber)}
.ticket-note{font-size:13px;color:var(--muted);margin-top:12px}

/* secciones */
section{padding-block:80px;border-top:1px solid var(--line)}
.sec-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;margin-bottom:48px;align-items:end}
.sec-head h2{font-size:clamp(36px,5vw,64px)}
.sec-head p{color:var(--muted);max-width:50ch}

/* qué conectamos: hoja de datos */
.spec{border-top:2px solid var(--fg)}
.spec .row{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;padding:26px 0;border-bottom:1px solid var(--line)}
.spec h3{font-size:30px;font-stretch:85%}
.spec p{color:var(--muted);max-width:56ch}

/* industrias */
.ind{background:var(--ink);color:var(--ink-fg);padding:64px 40px;border-top:none;margin-block:24px}
.ind .sec-head p{color:var(--ink-muted)}
.indsel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:48px;align-items:start}
.ind ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ink-line)}
.ind li{border-bottom:1px solid var(--ink-line)}
.ind li button{all:unset;box-sizing:border-box;display:block;width:100%;cursor:pointer;padding:16px 0;font:800 clamp(28px,4.2vw,52px)/1 var(--display);font-stretch:75%;color:var(--ink-muted);transition:color .15s}
.ind li button:hover{color:var(--ink-fg)}
.ind li button[aria-selected="true"]{color:var(--amber)}
.ind li button:focus-visible{outline:3px solid var(--amber);outline-offset:2px}
.ind .panel{background:var(--amber);color:#171C24;padding:28px;position:sticky;top:20px}
.ind .panel h3{font-size:34px;font-stretch:80%;margin-bottom:12px}
.ind .panel p{max-width:60ch;font-size:16px;line-height:1.55}

/* por qué */
.why{display:grid;grid-template-columns:1.25fr 1fr .9fr;gap:0;border-top:2px solid var(--fg)}
.why>div{padding:30px 30px 34px 0}
.why>div+div{padding-left:30px;border-left:1px solid var(--line)}
.why h3{font-size:34px;font-stretch:80%;margin-bottom:14px}
.why p{color:var(--muted)}
.why-cta{margin-top:40px}

/* clientes y testimonios */
.clients{display:flex;flex-wrap:wrap;gap:12px 36px;font:800 26px var(--display);font-stretch:78%;color:var(--muted);letter-spacing:.01em}
.quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}
blockquote{margin:0;padding-top:18px;border-top:2px solid var(--fg)}
blockquote p{font-size:19px;line-height:1.5}
blockquote footer{display:flex;gap:12px;align-items:center;padding:0;border:0;margin-top:20px;font-size:14px;color:var(--muted)}
blockquote footer i{font:500 13px var(--mono);font-style:normal;background:var(--amber);color:#171C24;padding:4px 8px}

/* contacto */
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:start}
.contact h2{font-size:clamp(36px,5vw,64px)}
.contact dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:14px 24px;font-size:18px}
.contact dt{color:var(--muted);font-size:14px;padding-top:4px}
.contact dd{margin:0;font-family:var(--mono);font-size:17px;word-break:break-word}
.social{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;font-size:15px}

footer.site{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-block:36px;border-top:1px solid var(--line);color:var(--muted);font-size:14px}
footer.site nav{gap:20px;font-size:14px}

@media (max-width:860px){
  .hero,.sec-head,.spec .row,.contact{grid-template-columns:minmax(0,1fr);gap:28px}
  .hero{padding-block:44px 56px}
  .why{grid-template-columns:minmax(0,1fr)}
  .why>div,.why>div+div{padding:26px 0;border-left:0;border-top:1px solid var(--line)}
  .quotes{grid-template-columns:minmax(0,1fr)}
  .indsel{grid-template-columns:minmax(0,1fr);gap:24px} .ind .panel{position:static}
  section{padding-block:56px}
  .ind{padding:44px 20px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

:root{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
body{margin:0}
img{max-width:100%}
[hidden]{display:none!important}
nav a[aria-current="page"]{color:#171C24;box-shadow:inset 0 -3px 0 var(--amber)}
.page-head{padding-block:64px 40px}
.page-head h1{font-size:clamp(42px,6.4vw,84px);max-width:16ch}
.page-head p{margin-top:22px;max-width:56ch;color:var(--muted);font-size:19px}
.rows{border-top:2px solid var(--fg)}
.rows .row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;gap:40px;padding:26px 0;border-bottom:1px solid var(--line);align-items:start}
.rows h3{font-size:30px;font-stretch:85%}
.rows p{color:var(--muted);max-width:60ch}
.rows .act{align-self:center}
.rows.two .row{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
.link{display:inline-block;padding:10px 16px;border:2px solid var(--fg);text-decoration:none;font-weight:600;font-size:15px;white-space:nowrap}
.link:hover{background:var(--fg);color:var(--bg)}
.link.amber{background:var(--amber);border-color:var(--amber);color:#171C24}
.link.amber:hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}
.tag{display:inline-block;font:500 12px var(--mono);background:var(--amber);color:#171C24;padding:3px 8px;margin-bottom:10px}
.demo-band{background:var(--ink);color:var(--ink-fg);padding:56px 40px;margin-block:24px}
.demo-band h2{font-size:clamp(34px,4.6vw,56px);margin-bottom:12px}
.demo-band .sub{color:var(--ink-muted);max-width:56ch}
.cred{display:inline-grid;grid-template-columns:auto auto;gap:6px 22px;margin:22px 0 8px;padding:16px 20px;border:1px dashed var(--ink-muted);font:400 15px var(--mono)}
.cred dt{color:var(--ink-muted)} .cred dd{margin:0;color:var(--amber)}
.demo-band .rows{border-top:1px solid var(--ink-line);margin-top:28px}
.demo-band .rows .row{border-bottom:1px solid var(--ink-line)}
.demo-band .rows p{color:var(--ink-muted)}
.demo-band .link{border-color:var(--ink-fg);color:var(--ink-fg)}
.demo-band .link:hover{background:var(--amber);border-color:var(--amber);color:#171C24}
.note{font-size:14px;color:var(--muted);margin-top:14px;max-width:60ch}
.demo-band .note{color:var(--ink-muted)}
.two-col{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}
.two-col h2{font-size:clamp(34px,4.4vw,52px);margin-bottom:16px}
.two-col p{color:var(--muted);max-width:52ch}
.faq details{border-bottom:1px solid var(--line);padding:18px 0}
.faq details:first-of-type{border-top:2px solid var(--fg)}
.faq summary{cursor:pointer;font:700 24px/1.2 var(--display);font-stretch:85%;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--amber-text)}
.faq details[open] summary::after{content:"\2212"}
.faq details p{margin-top:12px;color:var(--muted);max-width:60ch}
form.diag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 28px;margin-top:8px}
form.diag .full{grid-column:1/-1}
form.diag label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
form.diag input,form.diag select,form.diag textarea{width:100%;font:inherit;padding:12px 14px;background:var(--bg);color:var(--fg);border:1.5px solid var(--muted);border-radius:0}
form.diag textarea{min-height:130px;resize:vertical}
form.diag input:focus-visible,form.diag select:focus-visible,form.diag textarea:focus-visible{outline:3px solid var(--amber);outline-offset:1px}
form.diag h3{font-size:26px;font-stretch:85%;margin-top:14px;padding-top:18px;border-top:1px solid var(--line)}
form.diag button{cursor:pointer;font:inherit;font-weight:700}
.modal{position:fixed;inset:0;background:rgba(11,14,19,.72);display:grid;place-items:center;padding:20px;z-index:50}
.modal>div{background:var(--bg);color:var(--fg);padding:32px;max-width:440px;border-top:6px solid var(--amber)}
.modal h3{font-size:30px;margin-bottom:10px}
.modal .btn{margin-top:20px;cursor:pointer;font:inherit;font-weight:700}
.mv{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:2px solid var(--fg)}
.mv>div{padding:30px 30px 34px 0}.mv>div+div{padding-left:30px;border-left:1px solid var(--line)}
.mv h2{font-size:42px;margin-bottom:14px}.mv p{color:var(--muted)}
.since{font:500 14px var(--mono);color:var(--muted);margin-top:28px}
@media (max-width:860px){
  .rows .row,.rows.two .row{grid-template-columns:minmax(0,1fr);gap:12px}
  .two-col,.mv,form.diag{grid-template-columns:minmax(0,1fr)}
  .mv>div,.mv>div+div{padding:26px 0;border-left:0;border-top:1px solid var(--line)}
  .demo-band{padding:40px 20px}
  .page-head{padding-block:40px 24px}
}

.wa{position:fixed;right:max(16px,env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--amber);color:#171C24;font:700 15px var(--body);padding:13px 18px;text-decoration:none;box-shadow:0 2px 0 #171C24}
.wa:hover{background:var(--fg);color:var(--bg)}
.steps{display:flex;gap:10px;margin:0 0 22px;font:500 13px var(--mono);color:var(--muted)}
.steps span{padding:4px 10px;border:1px solid var(--line)}
.steps span.on{background:var(--amber);border-color:var(--amber);color:#171C24}
.demo-block{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr) auto;gap:40px;padding:26px 0;border-bottom:1px solid var(--ink-line);align-items:start}
.demo-block h3{font-size:30px;font-stretch:85%}
.demo-block p{color:var(--ink-muted);max-width:60ch}
.demo-block .act{display:flex;gap:10px;flex-wrap:wrap;align-self:center}
.demos-list{border-top:1px solid var(--ink-line);margin-top:28px}
.cred-modal dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:16px 0 0;font:400 16px var(--mono)}
.cred-modal dt{color:var(--muted)} .cred-modal dd{margin:0;word-break:break-all}
.req{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 48px}
@media (max-width:860px){.demo-block{grid-template-columns:minmax(0,1fr);gap:12px}.req{grid-template-columns:minmax(0,1fr)}.wa{padding:12px 14px}}

.hero-fig{position:relative}
.hero-fig>img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;display:block}
.hero-fig .ticket{width:86%;margin:-96px 0 0 -18px;position:relative}
.ticket .net{font-size:clamp(36px,4.4vw,54px)}
.ticket .net small{white-space:nowrap}
.ind .panel{padding:0 0 28px}
.ind .panel>img{width:100%;height:auto;aspect-ratio:16/8;object-fit:cover;display:block;margin-bottom:22px}
.ind .panel h3,.ind .panel p{margin-inline:28px}
.logos{display:flex;flex-wrap:wrap;align-items:center;gap:22px 44px;padding:26px 28px;background:#fff;border:1px solid var(--line)}
.logos img{height:44px;width:auto;max-width:150px;object-fit:contain;filter:grayscale(1);opacity:.85}
.logos img:hover{filter:none;opacity:1}
.rows.pics .row{grid-template-columns:200px minmax(0,.8fr) minmax(0,1.2fr) auto;align-items:center}
.rows.pics img{width:200px;height:140px;object-fit:cover;display:block}
.rows.pics img.fit{object-fit:contain;background:#fff}
.rows.pics img.dark{background:#171C24;object-fit:contain}
.wide-img{width:100%;height:auto;aspect-ratio:21/9;max-height:440px;object-fit:cover;object-position:center 40%;display:block;margin:0 0 40px}
.wrap{padding-bottom:72px}
@media (max-width:860px){
  .hero-fig .ticket{width:92%;margin:-60px 0 0 0}
  .rows.pics .row{grid-template-columns:minmax(0,1fr)}
  .rows.pics img{width:100%;height:auto;aspect-ratio:3/2}
  .logos{gap:18px 28px;padding:20px}
  .ind .panel>img{aspect-ratio:16/9}
}

.ba{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:2px solid var(--fg)}
.ba-col{padding:28px 32px 32px 0;position:relative}
.ba-col+.ba-col{padding:28px 0 32px 32px;border-left:1px solid var(--line)}
.ba-tag{display:inline-block;font:800 26px var(--display);font-stretch:78%;margin-bottom:16px}
.ba-col.con .ba-tag{background:var(--amber);color:#171C24;padding:2px 10px}
.ba-col>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;display:block}
.ba-col.sin>img{filter:grayscale(1) contrast(.9) brightness(.92)}
.sheet{margin:-28px 0 0 18px;width:min(78%,300px);position:relative;background:#F2EFE4;color:#2B3A55;padding:14px 16px;font:italic 400 14px/1.7 var(--mono);box-shadow:0 2px 0 rgba(0,0,0,.25);transform:rotate(-1.2deg)}
.sheet b{display:block;font:600 12px var(--mono);color:#5C6B7A;font-style:normal;margin-bottom:4px}
.sheet p{margin:0;white-space:nowrap}
.sheet.digital{background:var(--ink);color:var(--ink-fg);font-style:normal;transform:none}
.sheet.digital b{color:var(--ink-muted)}.sheet.digital p{color:var(--amber)}
.ba-col ul{margin:22px 0 0;padding-left:20px;display:grid;gap:8px;color:var(--muted)}
.ba-col.con ul{color:var(--fg)}
@media (max-width:860px){.ba{grid-template-columns:minmax(0,1fr)}.ba-col,.ba-col+.ba-col{padding:24px 0;border-left:0;border-top:1px solid var(--line)}}

video.loop,video.corp{display:block;width:100%;height:auto;background:#171C24}
.hero-fig>video{aspect-ratio:4/3;object-fit:cover}
video.corp{aspect-ratio:16/9;max-height:620px}
.ba-vid{margin-top:48px}.ba-vid h3{font:800 22px var(--display);font-stretch:80%;margin:0 0 8px}
.ba-col>video{aspect-ratio:1/1;object-fit:cover}
.ba-col.sin>video{filter:grayscale(1) contrast(.95)}
.ba-col .cap{margin:14px 0 0;color:var(--muted)}
@media (prefers-reduced-motion:reduce){video.loop{display:none}}

.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0 0 48px;border-top:2px solid var(--fg);border-bottom:1px solid var(--line)}
.facts>div{padding:24px 24px 24px 0}.facts>div+div{padding-left:24px;border-left:1px solid var(--line)}
.facts dt{font:800 clamp(44px,6vw,76px)/1 var(--display);font-stretch:78%;color:var(--fg)}
.facts dd{margin:10px 0 0;color:var(--muted);max-width:22ch}
@media (max-width:760px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}.facts>div,.facts>div+div{padding:20px 16px 20px 0;border-left:0;border-top:1px solid var(--line)}.facts>div:nth-child(-n+2){border-top:0}}

.rows.pics .row{grid-template-columns:320px 190px minmax(0,1fr) 230px}.rows.pics .act{justify-self:end}
.rows.pics img{width:320px;height:240px}
.inc{font-size:.95em;color:var(--fg);margin-top:10px}
.chk{display:flex;gap:10px;align-items:flex-start;color:var(--muted);font-size:.95em}.chk input{margin-top:4px;width:auto}
.priv{font-size:.9em;color:var(--muted)}
.legal{max-width:70ch;margin-bottom:56px}.legal h2{font:800 22px var(--display);font-stretch:80%;margin:32px 0 8px}
@media (max-width:860px){.rows.pics img{width:100%;height:auto;aspect-ratio:4/3}}

/* Conexión con el CRM: campo trampa, errores y botón ocupado */
:root{--err:#B3261E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--err:#FF8A7A}}
:root[data-theme="dark"]{--err:#FF8A7A}
.hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.err{margin-top:12px;padding:12px 14px;border:2px solid var(--err);color:var(--err);font-weight:600;font-size:15px}
.btn[disabled]{opacity:.65;cursor:wait}
/* Logos de clientes repartidos a todo lo ancho de la franja */
.logos{justify-content:space-between}
@media (max-width:720px){.logos{justify-content:space-around}}

/* ---- Ajustes de celular y tablet (menú, logos, tabla de productos, casilla de privacidad) ---- */
form.diag .chk{display:flex;gap:12px;align-items:flex-start;font-weight:500;line-height:1.45;margin:0}
form.diag .chk input{width:20px;height:20px;flex:none;margin:2px 0 0;padding:0;accent-color:var(--amber)}
@media (max-width:1100px){
  .rows.pics .row{grid-template-columns:240px minmax(0,1fr);gap:8px 28px;align-items:start}
  .rows.pics img{width:240px;height:180px;grid-row:1/4}
  .rows.pics .row>h3,.rows.pics .row>div,.rows.pics .row>.act{grid-column:2}
  .rows.pics .act{justify-self:start;align-self:start}
}
@media (max-width:760px){
  header{padding-inline:16px;padding-block:14px;gap:6px}
  .brand img{height:42px}
  header nav{width:100%;display:grid;grid-template-columns:repeat(3,auto);justify-content:space-between;gap:0 12px;font-size:15px}
  header nav a{padding:9px 0}
  .rows.pics .row{grid-template-columns:minmax(0,1fr);gap:14px;padding:24px 0}
  .rows.pics img{width:100%;height:auto;aspect-ratio:3/2;grid-row:auto}
  .rows.pics .row>h3,.rows.pics .row>div,.rows.pics .row>.act{grid-column:auto}
  .rows.pics h3{font-size:26px}
  .rows.pics .act{justify-self:stretch}
  .rows.pics .act a{display:block;text-align:center}
  .logos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 14px;align-items:center;justify-items:center;padding:22px 14px}
  .logos img{height:auto;width:auto;max-height:34px;max-width:100%}
  .logos img:last-child:nth-child(3n+1){grid-column:1/-1}
}

/* Botón flotante de WhatsApp: ícono + "Contáctanos" (solo el ícono en celular) */
.wa{display:inline-flex;align-items:center;gap:10px}
.wa svg{width:22px;height:22px;fill:currentColor;flex:none}
@media (max-width:640px){
  .wa{padding:14px}
  .wa svg{width:26px;height:26px}
  .wa span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}