/* Portada: “Así trabaja tu departamento tecnológico” (hub interactivo), “Cómo trabajamos contigo” (conversaciones),
   tarjetas “Encuentra lo que necesitas”, selector de departamentos y plegado móvil de las secciones informativas. */

/* ───────── HUB: empresa → Departamento → 5 sistemas ───────── */
.dh{max-width:1040px;margin:26px auto 0;text-align:left;--dh-gold:var(--gold);}
.dh *{box-sizing:border-box;}
.dh-stage{display:flex;flex-direction:column;align-items:center;}
.dh-company{width:100%;max-width:480px;background:var(--bg-panel);border:1px solid var(--grey-line);border-radius:18px;padding:14px 16px;display:flex;gap:12px;align-items:flex-start;}
.dh-avatar{width:40px;height:40px;border-radius:50%;background:var(--blue-dim);color:var(--blue);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.dh-avatar svg{width:22px;height:22px;}
.dh-who{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);margin-bottom:4px;}
.dh-say{font-size:1.02rem;line-height:1.4;color:var(--white);min-height:2.8em;}
.dh-stem{width:2px;height:30px;background:var(--grey-line);position:relative;flex-shrink:0;}
.dh-stem::after{content:'';position:absolute;left:-3px;top:0;width:8px;height:8px;border-radius:50%;background:var(--gold);opacity:0;}
.dh[data-run="1"] .dh-stem.s1::after{animation:dhDown .7s ease-in forwards;}
.dh[data-run="2"] .dh-stem.s2::after{animation:dhDown .7s ease-in forwards;}
@keyframes dhDown{0%{opacity:1;transform:translateY(0);}100%{opacity:1;transform:translateY(24px);}}
.dh-hub{position:relative;width:100%;max-width:560px;border:1px solid rgba(217,168,63,.6);border-radius:22px;padding:20px 22px;text-align:center;
  background:radial-gradient(420px 160px at 50% -30%,rgba(217,168,63,.22),transparent 70%),linear-gradient(160deg,#241f12,#1c1b20 60%);
  box-shadow:0 18px 50px -20px rgba(217,168,63,.35);}
.dh[data-run] .dh-hub{animation:dhPulse 1.6s ease;}
@keyframes dhPulse{0%{box-shadow:0 0 0 0 rgba(217,168,63,.5);}60%{box-shadow:0 0 0 14px rgba(217,168,63,0);}100%{box-shadow:0 18px 50px -20px rgba(217,168,63,.35);}}
.dh-hub-top{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:6px;}
.dh-logo{width:38px;height:38px;border:1.5px solid var(--gold);border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font:700 1.25rem var(--font-display);color:var(--gold);}
.dh-hub h3{font-family:var(--font-display);font-size:clamp(1.15rem,2.4vw,1.5rem);margin:0;color:var(--white);}
.dh-hub p{font-size:.86rem;color:var(--grey);margin:0 0 10px;line-height:1.45;}
.dh-status{display:inline-flex;align-items:center;gap:8px;font-size:.78rem;font-weight:700;color:var(--gold);background:var(--gold-dim);border-radius:99px;padding:6px 14px;min-height:30px;}
.dh-status i{width:7px;height:7px;border-radius:50%;background:var(--gold);}
.dh[data-run] .dh-status i{animation:dhBlink .8s infinite;}
@keyframes dhBlink{50%{opacity:.25;}}
.dh-nodes{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;width:100%;position:relative;padding-top:28px;margin-top:0;}
.dh-nodes::before{content:'';position:absolute;top:0;left:10%;right:10%;height:2px;background:var(--grey-line);}
.dh-nodes::after{content:'';position:absolute;top:-30px;left:50%;width:2px;height:30px;background:var(--grey-line);}
.dh-sys{position:relative;background:var(--bg-panel);border:1px solid var(--grey-line);border-radius:16px;padding:16px 10px 14px;text-align:center;color:var(--white);cursor:pointer;font-family:var(--font-body);
  transition:transform .2s ease,border-color .2s ease,opacity .3s ease,background .2s ease;min-width:0;}
.dh-sys::before{content:'';position:absolute;top:-28px;left:50%;width:2px;height:28px;background:var(--grey-line);transition:background .3s;}
.dh-sys:hover,.dh-sys:focus-visible{transform:translateY(-3px);border-color:var(--gold);outline:none;}
.dh-ico{width:46px;height:46px;margin:0 auto 8px;border-radius:14px;background:var(--blue-dim);color:var(--blue);display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s;}
.dh-ico svg{width:26px;height:26px;}
.dh-sys b{display:block;font-size:.92rem;margin-bottom:4px;}
.dh-sys small{display:block;font-size:.76rem;line-height:1.35;color:var(--grey);min-height:3.6em;}
.dh-sys.on{border-color:var(--gold);background:linear-gradient(160deg,rgba(217,168,63,.16),var(--bg-panel));}
.dh-sys.on::before{background:var(--gold);}
.dh-sys.on .dh-ico{background:var(--gold);color:#16151a;}
.dh-sys.on small{color:var(--white);}
.dh-sys.on small::before{content:'✓ ';color:var(--gold);font-weight:800;}
.dh-sys.off{opacity:.42;}
.dh-report{margin:22px auto 0;max-width:640px;display:flex;gap:12px;align-items:flex-start;background:var(--bg-panel);border:1px solid rgba(217,168,63,.4);border-radius:16px;padding:14px 16px;min-height:74px;}
.dh-report .dh-logo{width:34px;height:34px;font-size:1.1rem;flex-shrink:0;}
.dh-report b{color:var(--gold);}
.dh-report span{font-size:.95rem;line-height:1.5;color:var(--white);}
.dh-chips-h{text-align:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--grey);margin:24px 0 10px;}
.dh-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;}
.dh-chip{border:1px solid var(--grey-line);background:transparent;color:var(--white);border-radius:99px;padding:9px 16px;font:600 .86rem var(--font-body);cursor:pointer;transition:all .2s;}
.dh-chip:hover{border-color:var(--gold);color:var(--gold);}
.dh-chip.on{background:var(--gold);border-color:var(--gold);color:#16151a;font-weight:800;}
.dh-steps{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:26px 0 0;}
.dh-steps span{font-size:.82rem;color:var(--grey);background:var(--bg-panel);border:1px solid var(--grey-line);border-radius:99px;padding:7px 14px;}
.dh-steps b{color:var(--gold);margin-right:4px;}
@media(max-width:860px){
  .dh-nodes{grid-template-columns:1fr 1fr;padding-top:0;margin-top:0;}
  .dh-nodes::before,.dh-sys::before{display:none;}
  .dh-nodes::after{display:none;}
  .dh-sys:last-child{grid-column:1 / -1;}
  .dh-sys small{min-height:0;}
  .dh-stem.s2{margin-bottom:0;}
}
@media(prefers-reduced-motion:reduce){.dh *,.dh{animation:none !important;transition:none !important;}}

/* ───────── CÓMO TRABAJAMOS CONTIGO: conversaciones ───────── */
.hiw2{margin-top:56px;padding-top:44px;border-top:1px solid var(--grey-line);}
.hiw2-intro{max-width:720px;margin:0 auto 28px;text-align:center;}
.hiw2-intro h3{font-family:var(--font-display);font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:800;line-height:1.3;margin:0;}
.hiw2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;max-width:960px;margin:0 auto;}
.hiw2-card{background:linear-gradient(160deg,var(--bg-card),var(--bg-panel));border:1px solid var(--grey-line);border-radius:16px;padding:18px 18px 16px;display:flex;flex-direction:column;gap:10px;}
.hiw2-top{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:var(--grey);}
.hiw2-ic{width:32px;height:32px;border-radius:10px;background:var(--gold-dim);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.hiw2-ic svg{width:18px;height:18px;}
.hb{max-width:88%;padding:9px 13px;border-radius:14px;font-size:.9rem;line-height:1.45;}
.hb.you{align-self:flex-end;background:var(--blue-dim);border:1px solid rgba(47,123,255,.35);color:var(--white);border-bottom-right-radius:4px;}
.hb.dept{align-self:flex-start;background:rgba(217,168,63,.1);border:1px solid rgba(217,168,63,.45);color:var(--white);border-bottom-left-radius:4px;}
.hb.dept b{color:var(--gold);}
.hb small{display:block;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin-bottom:2px;}
.hiw2-close{text-align:center;margin:26px auto 0;font-family:var(--font-display);font-size:1.1rem;font-weight:700;max-width:640px;}
@media(max-width:760px){.hiw2-grid{grid-template-columns:1fr;}}

/* ───────── ENCUENTRA LO QUE NECESITAS ───────── */
.entry-head{display:flex;align-items:center;gap:14px;margin-bottom:10px;position:relative;}
.entry-head .entry-icon{margin-bottom:0;}
.entry-head h4{margin:0 !important;font-size:1.55rem !important;}
.entry-kicker{margin-bottom:12px;}
.entry-needs{list-style:none;padding:0;margin:0 0 12px;display:flex;flex-direction:column;gap:10px;position:relative;}
.entry-needs li{position:relative;padding-left:22px;font-size:.9rem;line-height:1.45;color:var(--grey);}
.entry-needs li::before{content:'✓';position:absolute;left:0;top:0;color:var(--gold);font-weight:800;}
.entry-needs li b{color:var(--white);}
.entry-needs li.extra{display:none;}
.entry-needs.open li.extra{display:block;}
.entry-more{align-self:flex-start;background:transparent;border:1px solid var(--grey-line);color:var(--gold);border-radius:99px;padding:7px 14px;font:700 .8rem var(--font-body);cursor:pointer;margin-bottom:12px;position:relative;}
.entry-more:hover{border-color:var(--gold);}
@media(min-width:861px){.entry-needs li.extra{display:block;}.entry-more{display:none;}}
.entry-all{text-align:center;margin-top:18px;font-size:.88rem;color:var(--grey);}

/* ───────── ELIGE TU DEPARTAMENTO: 4 tarjetas ───────── */
.dp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:8px;}
.dp-card{--c:var(--gold);position:relative;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--white);border:1px solid var(--grey-line);border-radius:18px;padding:22px 20px 18px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 14%,transparent),var(--bg-panel));cursor:pointer;overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.dp-card::before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:var(--c);}
.dp-card:hover,.dp-card:focus-visible{transform:translateY(-6px);border-color:var(--c);box-shadow:0 20px 40px -18px rgba(0,0,0,.6);outline:none;}
.dp-card:active{transform:translateY(-2px) scale(.99);}
.dp-name{font-family:var(--font-display);font-size:1.7rem;font-weight:800;line-height:1.1;}
.dp-tag{font-size:.9rem;color:var(--grey);line-height:1.4;flex:1;}
.dp-go{margin-top:8px;font-weight:800;font-size:.86rem;color:var(--c);display:inline-flex;align-items:center;gap:6px;}
.dp-go svg{width:16px;height:16px;transition:transform .2s;}
.dp-card:hover .dp-go svg{transform:translateX(4px);}
.dp-badge{position:absolute;top:12px;right:12px;font-size:.66rem;font-weight:800;letter-spacing:.05em;background:var(--c);color:#16151a;border-radius:99px;padding:3px 9px;}
.dp-card.c-gold{--c:#d9a83f;}.dp-card.c-teal{--c:#2dd4bf;}.dp-card.c-green{--c:#22c55e;}.dp-card.c-blue{--c:#2f7bff;}
@media(max-width:980px){.dp-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.dp-grid{grid-template-columns:1fr;gap:12px;}.dp-card{padding:18px;}.dp-name{font-size:1.5rem;}}

/* ───────── SECCIONES INFORMATIVAS: plegadas en móvil, abiertas en ordenador ───────── */
details.m-fold>summary{display:none;}
@media(max-width:700px){
  details.m-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;list-style:none;padding:16px 18px;border:1px solid var(--grey-line);border-radius:14px;background:var(--bg-panel);font-family:var(--font-display);font-weight:800;font-size:1.05rem;color:var(--white);}
  details.m-fold>summary::-webkit-details-marker{display:none;}
  details.m-fold>summary::after{content:'+';font-family:var(--font-body);font-size:1.4rem;color:var(--gold);line-height:1;}
  details.m-fold[open]>summary::after{content:'–';}
  details.m-fold[open]>summary{margin-bottom:18px;}
  section.m-fold-sec{padding-top:10px !important;padding-bottom:10px !important;}
  #nosotros .section{padding-top:0;padding-bottom:0;}
}

/* ───────── LA DIFERENCIA REAL: más corta en móvil ───────── */
@media(max-width:700px){
  #golpe-realidad .gr-compare>div:first-child .gr-browser>div:last-child>div:nth-child(n+3){display:none;}
  #golpe-realidad .gr-caption{font-size:.8rem;margin-top:8px;}
  #golpe-realidad .gr-vs{margin:0 auto;width:32px;height:32px;font-size:.72rem;}
  #golpe-realidad .gr-compare{gap:14px;}
}

/* ───────── MÓVIL MÁS LIGERO (sin perder el mensaje) ───────── */
@media(max-width:700px){
  /* Aviso de cookies compacto */
  #cookie-banner{padding:10px 14px !important;gap:8px !important;flex-direction:column;align-items:stretch !important;}
  #cookie-banner p{font-size:.7rem !important;line-height:1.35 !important;}
  #cookie-banner .cookie-btns{gap:6px;}
  #cookie-banner .cookie-btns button{flex:1;padding:7px 10px !important;font-size:.76rem !important;}
  /* Hero: menos texto, botones a la vista */
  #hero .hero-h1{font-size:clamp(1.9rem,8.6vw,2.4rem) !important;line-height:1.1 !important;}
  #hero .hero-h1 br{display:none;}
  #hero .hero-sub-2,#hero .hero-question{display:none !important;}
  #hero .hero-trust{display:flex !important;flex-direction:row !important;flex-wrap:wrap;gap:10px 18px !important;}
  #hero .hero-trust-sep,#hero .hero-trust-3{display:none !important;}
  #hero .hero-trust-num{font-size:1.3rem !important;}
  /* Bloque de ecosistema: solo los títulos de cada punto */
  .eco2{padding:22px 16px !important;}
  .eco2-feats li>span:last-child{font-size:0;line-height:0;}
  .eco2-feats li>span:last-child b{font-size:.95rem;line-height:1.3;}
  .eco2-note{display:none;}
  /* De 0 a 100: solo títulos */
  #pillars .pillar-item p{display:none;}
  #pillars .pillar-item{padding-bottom:6px;}
}
@media(max-width:860px){
  .entry-needs li.extra-m{display:none;}
  .entry-needs.open li.extra-m{display:block;}
  .entry-card{padding:22px 18px 16px !important;}
  .entry-head .entry-icon{width:42px;height:42px;}
  .entry-head h4{font-size:1.35rem !important;}
  .entry-kicker{margin-bottom:8px !important;}
}
@media(min-width:861px){.entry-needs li.extra-m{display:block;}}

/* ───────── ¿ES ESTO PARA TI?: selector de sectores ───────── */
#sectores.sp-on .sectores-carousel{display:none;}
.sp{max-width:820px;margin:26px auto 0;}
.sp-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:16px;}
.sp-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--grey-line);background:var(--bg-panel);color:var(--white);border-radius:99px;padding:9px 16px;font:600 .88rem var(--font-body);cursor:pointer;transition:all .2s;}
.sp-chip span{font-size:1.05rem;line-height:1;}
.sp-chip:hover{border-color:var(--gold);}
.sp-chip.on{background:var(--gold);border-color:var(--gold);color:#16151a;font-weight:800;}
.sp-panel{background:linear-gradient(160deg,var(--bg-card),var(--bg-panel));border:1px solid var(--grey-line);border-top:3px solid var(--gold);border-radius:18px;padding:22px 24px;text-align:left;}
.sp-head{display:flex;flex-direction:column;gap:2px;margin-bottom:14px;}
.sp-head b{font-family:var(--font-display);font-size:1.35rem;color:var(--white);}
.sp-head span{font-size:.86rem;color:var(--grey);}
.sp-row{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--grey-line);}
.sp-row em{font-style:normal;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold);padding-top:3px;}
.sp-row ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;}
.sp-row li{font-size:.94rem;line-height:1.45;color:var(--grey);padding-left:16px;position:relative;}
.sp-row li::before{content:'✕';position:absolute;left:0;top:0;color:#ef6b6b;font-size:.75rem;line-height:1.7;}
.sp-row p{margin:0;font-size:.94rem;line-height:1.55;color:var(--white);}
.sp-row p b{color:var(--gold);}
.sp-panel .sc-card-cta{display:inline-block;margin-top:8px;}
@media(max-width:600px){
  .sp-chips{gap:6px;}
  .sp-chip{padding:8px 12px;font-size:.82rem;}
  .sp-panel{padding:18px 16px;}
  .sp-row{grid-template-columns:1fr;gap:6px;}
  #sectores .sectores-intro p{font-size:.92rem;}
}
@media(max-width:700px){
  #sectores{padding-top:44px !important;padding-bottom:44px !important;}
  #sectores .sectores-intro{margin-bottom:0;}
  #sectores .sectores-cta{margin-top:18px;}
  #sectores .sectores-cta p{font-size:.86rem;}
}

/* ───────── COMPARATIVA: lo que te entregan vs lo que hace TRUCO ───────── */
.vs{max-width:1040px;margin:0 auto;display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:stretch;}
.vs-col{border-radius:20px;padding:22px;border:1px solid var(--grey-line);display:flex;flex-direction:column;gap:16px;min-width:0;}
.vs-them{background:linear-gradient(160deg,#261b1c,#1c1b20 70%);border-color:rgba(239,107,107,.32);}
.vs-us{background:linear-gradient(160deg,#2a2210,#1c1b20 70%);border-color:rgba(217,168,63,.65);box-shadow:0 24px 60px -28px rgba(217,168,63,.45);}
.vs-tag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;font-weight:700;}
.vs-them .vs-tag{color:#ef8a8a;}
.vs-us .vs-tag{color:var(--gold);}
.vs-mid{display:flex;align-items:center;justify-content:center;}
.vs-mid span{width:46px;height:46px;border-radius:50%;background:var(--gold);color:#16151a;font-weight:800;display:flex;align-items:center;justify-content:center;font-size:.85rem;box-shadow:0 0 0 6px rgba(217,168,63,.15);}
/* plantilla vacía */
.vs-tpl{background:#e9e9ec;border-radius:12px;overflow:hidden;transform:rotate(-1.2deg);box-shadow:0 14px 30px -14px rgba(0,0,0,.7);}
.vs-tpl-bar{display:flex;align-items:center;gap:6px;background:#d4d4d9;padding:8px 12px;}
.vs-tpl-bar i{width:8px;height:8px;border-radius:50%;background:#9a9aa3;}
.vs-tpl-bar span{margin-left:8px;font:600 .68rem Arial,sans-serif;color:#666;}
.vs-tpl-body{padding:14px;display:flex;flex-direction:column;gap:8px;position:relative;font-family:Arial,sans-serif;}
.vs-tpl-logo{font-weight:700;font-size:.78rem;color:#555;border:2px dashed #b9b9c0;border-radius:6px;padding:8px;text-align:center;}
.vs-ph{border:1.5px dashed #c46a6a;background:rgba(196,106,106,.08);border-radius:6px;padding:8px 10px;font-size:.78rem;color:#a24b4b;font-weight:600;}
.vs-turn{position:absolute;right:10px;bottom:8px;background:#ef6b6b;color:#fff;font-size:.72rem;font-weight:800;padding:5px 10px;border-radius:99px;transform:rotate(-4deg);}
/* chat de socio */
.vs-chat{background:var(--bg);border:1px solid var(--grey-line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:8px;min-height:190px;}
.vs-chat-bar{display:flex;align-items:center;gap:8px;font-size:.8rem;margin-bottom:2px;}
.vs-chat-logo{width:24px;height:24px;border:1.5px solid var(--gold);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font:700 .8rem var(--font-display);color:var(--gold);}
.vs-chat-bar em{margin-left:auto;font-style:normal;color:var(--green);font-size:.7rem;}
.vs-msg{max-width:88%;padding:8px 12px;border-radius:12px;font-size:.86rem;line-height:1.4;opacity:1;transition:opacity .5s ease,transform .5s ease;}
.vs-msg small{display:block;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.08em;text-transform:uppercase;color:var(--grey);margin-bottom:2px;}
.vs-msg.you{align-self:flex-end;background:var(--blue-dim);border:1px solid rgba(47,123,255,.35);border-bottom-right-radius:3px;}
.vs-msg.dept{align-self:flex-start;background:rgba(217,168,63,.1);border:1px solid rgba(217,168,63,.45);border-bottom-left-radius:3px;}
.vs-msg b{color:var(--gold);}
.vs-chat.vs-anim .vs-msg{opacity:0;transform:translateY(8px);}
.vs-chat.vs-anim .vs-msg.show{opacity:1;transform:none;}
/* listas */
.vs-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px;}
.vs-list li{display:flex;gap:11px;align-items:flex-start;font-size:.94rem;line-height:1.45;color:var(--grey);}
.vs-list li b{color:var(--white);}
.vs-ic{flex-shrink:0;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.vs-ic svg{width:13px;height:13px;}
.vs-list li.no .vs-ic{background:rgba(239,107,107,.16);color:#ef6b6b;}
.vs-list li.yes .vs-ic{background:var(--gold);color:#16151a;}
@media(max-width:820px){
  .vs{grid-template-columns:1fr;gap:12px;}
  .vs-mid{margin:-4px 0;}
  .vs-mid span{width:38px;height:38px;font-size:.75rem;}
  .vs-col{padding:18px 16px;}
}
.chat-ai-note{font-size:.72rem;color:var(--grey);background:rgba(217,168,63,.08);border-bottom:1px solid var(--grey-line);padding:6px 14px;line-height:1.35;}
.vs-tpl-body{padding-bottom:42px;}

/* ═════════ CHAT LEGIBLE: más grande en escritorio, pantalla completa en móvil ═════════ */
#chatBox{width:min(520px,94vw);height:min(720px,calc(100vh - 40px));}
#chatBox .msg{font-size:1rem;}
.chat-expand-btn{background:none;border:none;color:var(--grey);font-size:1.15rem;line-height:1;cursor:pointer;padding:4px 6px;}
.chat-expand-btn:hover{color:var(--white);}
.chat-close-btn .cc-txt{display:none;}
#chatBackdrop{position:fixed;inset:0;background:rgba(10,10,14,.62);backdrop-filter:blur(3px);z-index:890;opacity:0;pointer-events:none;transition:opacity .2s;}
body.chat-big #chatBackdrop{opacity:1;pointer-events:auto;}
#chatBox.big{right:50%;bottom:50%;width:min(1000px,94vw);height:min(92vh,900px);max-height:none;transform:translate(50%,calc(50% + 16px)) scale(.97);}
#chatBox.big.open{transform:translate(50%,50%) scale(1);}
#chatBox.big .msg{font-size:1.02rem;line-height:1.6;max-width:82%;}
#chatBox.big .chat-input{font-size:1rem;padding:13px 16px;}
#chatBox.big .chat-msgs{padding:22px;}
@media(max-width:700px){
  #chatBox,#chatBox.big{inset:0;right:0;bottom:0;left:0;top:0;width:100%;max-width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;border:none;transform:none;}
  #chatBox:not(.open),#chatBox.big:not(.open){transform:translateY(24px);}
  #chatBox.open,#chatBox.big.open{transform:none;}
  #chatBox .chat-header{padding:10px 12px;}
  #chatBox .chat-expand-btn{display:none;}
  #chatBox .chat-close-btn{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border:1px solid var(--grey-line);border-radius:99px;background:var(--bg-card);color:var(--white);font-size:.9rem;font-weight:700;}
  #chatBox .chat-close-btn .cc-txt{display:inline;}
  #chatBox .chat-status{display:none;}
  #chatBox .chat-hsub{display:none;}
  #chatBox .chat-msgs{padding:14px;}
  #chatBox .msg{font-size:1.02rem;line-height:1.55;max-width:92%;}
  #chatBox .chat-input-row{padding:10px 12px;}
  #chatBox .voice-agent-row{flex-direction:row;flex-wrap:wrap;gap:6px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));}
  #chatBox .voice-agent-btn{flex:1 1 46%;padding:10px 8px;font-size:.8rem;line-height:1.2;text-align:center;}
  #chatBox .voice-call-num{display:none;}
  body.chat-open{overflow:hidden;}
  #float-chat{display:none;}
  body.chat-open #float-chat{display:none !important;}
}

/* ═════════ BOTÓN FLOTANTE: dorado, con texto ═════════ */
#float-chat{gap:8px;}
.float-label{background:linear-gradient(135deg,#f6c85a,#d9a83f);border:none;color:#16151a;font-weight:800;font-size:.86rem;padding:12px 18px;border-radius:99px;opacity:1;transform:none;pointer-events:auto;cursor:pointer;box-shadow:0 8px 24px rgba(217,168,63,.4);}
.float-btn{background:linear-gradient(135deg,#f6c85a,#d9a83f) !important;color:#16151a;animation:floatPulseGold 2.4s ease-in-out infinite !important;}
.float-btn svg{stroke:#16151a;}
@keyframes floatPulseGold{0%,100%{box-shadow:0 4px 20px rgba(217,168,63,.5),0 0 0 0 rgba(217,168,63,.55);}50%{box-shadow:0 4px 26px rgba(217,168,63,.7),0 0 0 12px rgba(217,168,63,0);}}
@media(max-width:1024px){
  .float-label{display:block !important;padding:11px 14px;font-size:.8rem;}
  #float-chat{right:14px;bottom:14px;}
}
@media(max-width:700px){#float-chat{display:flex;}}
.audit-btn{background:linear-gradient(135deg,#f6c85a,#d9a83f) !important;border-color:#d9a83f !important;color:#16151a !important;font-weight:800;}

/* ═════════ RESERVA DE AUDITORÍA a pantalla completa ═════════ */
#bookOverlay[hidden]{display:none;}
#bookOverlay{position:fixed;inset:0;z-index:1000;background:rgba(10,10,14,.7);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;}
.bk-panel{display:flex;flex-direction:column;width:min(1240px,95vw);height:min(94vh,980px);background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.6);}
.bk-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-panel);color:var(--white);border-bottom:1px solid var(--grey-line);}
.bk-head b{display:block;font-size:.98rem;}
.bk-head span{display:block;font-size:.76rem;color:var(--grey);margin-top:2px;line-height:1.35;}
.bk-close{flex-shrink:0;height:44px;padding:0 16px;border-radius:99px;border:1px solid var(--grey-line);background:var(--bg-card);color:var(--white);font:700 .9rem var(--font-body);cursor:pointer;}
#bookFrame{flex:1;width:100%;border:0;background:#fff;}
body.bk-open{overflow:hidden;}
.bk-form-step{flex:1;overflow-y:auto;padding:22px 24px 26px;background:var(--bg);color:var(--white);}
.bk-form-step h3{font-family:var(--font-heading,inherit);font-size:1.15rem;margin:0 0 6px;}
.bk-form-step>p{color:var(--grey);font-size:.86rem;margin:0 0 18px;}
.bk-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media(max-width:600px){.bk-form-grid{grid-template-columns:1fr;}}
.bk-field{display:flex;flex-direction:column;gap:5px;margin-bottom:14px;}
.bk-field-full{grid-column:1/-1;}
.bk-field label{font-size:.8rem;font-weight:500;color:var(--grey);}
.bk-req{color:var(--blue);}
.bk-opcional{color:var(--grey);font-weight:400;}
.bk-field input,.bk-field textarea{background:var(--bg-panel);border:1px solid var(--grey-line);border-radius:8px;padding:11px 14px;color:var(--white);font-family:inherit;font-size:.88rem;outline:none;}
.bk-field input:focus,.bk-field textarea:focus{border-color:var(--blue);}
.bk-field textarea{min-height:80px;resize:vertical;}
.bk-field input.bk-invalid{border-color:#ef4444;}
.bk-err{font-size:.78rem;color:#ef4444;display:none;}
.bk-field input.bk-invalid ~ .bk-err{display:block;}
.bk-submit{background:linear-gradient(135deg,#f6c85a,#d9a83f);color:#16151a;border:none;border-radius:10px;padding:14px 20px;font:800 .92rem inherit;cursor:pointer;width:100%;margin-top:6px;}
.bk-submit:disabled{opacity:.6;cursor:not-allowed;}
@media(max-width:700px){
  .bk-panel{width:100%;height:100vh;height:100dvh;border-radius:0;}
  .bk-head span{display:none;}
}
.bk-open-btn{background:linear-gradient(135deg,#f6c85a,#d9a83f);color:#16151a;border:none;border-radius:10px;padding:12px 18px;font:800 .92rem var(--font-body);cursor:pointer;width:100%;}

/* ═════════ HERO: primer paso ═════════ */
.hero-first-step{margin:16px 0 0;max-width:520px;font-size:.92rem;line-height:1.55;color:var(--grey);border-left:3px solid var(--gold);padding-left:12px;}
.hero-first-step b{color:var(--white);}

/* ═════════ ¿ES ESTO PARA TI?: tarjetas ═════════ */
#sectores .sectores-carousel{display:none !important;}
.scg{max-width:1040px;margin:26px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.scg-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:22px 14px 16px;border:1px solid var(--grey-line);border-radius:18px;background:linear-gradient(160deg,var(--bg-card),var(--bg-panel));text-decoration:none;color:var(--white);transition:transform .2s ease,border-color .2s ease;}
.scg-card:hover,.scg-card:focus-visible{transform:translateY(-5px);border-color:var(--gold);outline:none;}
.scg-ic{font-size:2.3rem;line-height:1;margin-bottom:4px;}
.scg-card b{font-size:1rem;line-height:1.25;}
.scg-card em{font-style:normal;font-size:.8rem;color:var(--grey);line-height:1.35;}
.scg-card i{font-style:normal;margin-top:6px;font-size:.78rem;font-weight:800;color:var(--gold);}
@media(max-width:900px){.scg{grid-template-columns:repeat(3,1fr);}}
@media(max-width:600px){.scg{grid-template-columns:repeat(2,1fr);gap:10px;}.scg-card{padding:16px 10px 12px;}.scg-ic{font-size:1.9rem;}.scg-card em{display:none;}.scg-card b{font-size:.9rem;}}

/* ═════════ DEPARTAMENTOS: incluido siempre vs. tú eliges ═════════ */
.dq-legend{display:flex;flex-wrap:wrap;gap:8px 22px;justify-content:center;margin:0 0 18px;font-size:.84rem;color:var(--grey);}
.dq-legend i{font-style:normal;font-weight:800;margin-right:4px;}
.dq-legend .in{color:var(--gold);}
.dq-legend .pk{color:#8ab8ff;}
.dq-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.dq-card{--c:var(--gold);position:relative;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--white);border:1px solid var(--grey-line);border-radius:20px;padding:22px 18px 18px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 14%,transparent),var(--bg-panel));overflow:hidden;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;}
.dq-card::before{content:'';position:absolute;left:0;top:0;right:0;height:3px;background:var(--c);}
.dq-card:hover,.dq-card:focus-visible{transform:translateY(-6px);border-color:var(--c);box-shadow:0 22px 44px -20px rgba(0,0,0,.65);outline:none;}
.dq-card.c-gold{--c:#d9a83f;}.dq-card.c-teal{--c:#2dd4bf;}.dq-card.c-green{--c:#22c55e;}.dq-card.c-blue{--c:#2f7bff;}
.dq-badge{position:absolute;top:12px;right:12px;font-size:.62rem;font-weight:800;letter-spacing:.05em;background:var(--c);color:#16151a;border-radius:99px;padding:3px 9px;}
.dq-name{font-family:var(--font-display);font-size:1.75rem;font-weight:800;line-height:1.1;}
.dq-need{font-size:.9rem;color:var(--grey);line-height:1.4;margin-bottom:6px;min-height:2.5em;}
.dq-lab{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin-top:8px;}
.dq-lab.pick{color:#8ab8ff;}
.dq-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:5px;}
.dq-list li{position:relative;padding-left:20px;font-size:.84rem;line-height:1.35;color:var(--white);}
.dq-list li.in::before{content:'✓';position:absolute;left:0;color:var(--gold);font-weight:800;}
.dq-list li.pk{color:var(--grey);}
.dq-list li.pk::before{content:'○';position:absolute;left:0;color:#8ab8ff;font-weight:800;}
.dq-go{margin-top:auto;padding-top:12px;font-weight:800;font-size:.86rem;color:var(--c);display:inline-flex;align-items:center;gap:6px;}
.dq-go svg{width:16px;height:16px;transition:transform .2s;}
.dq-card:hover .dq-go svg{transform:translateX(4px);}
@media(max-width:1000px){.dq-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.dq-grid{grid-template-columns:1fr;gap:12px;}.dq-need{min-height:0;}}

/* ═════════ ¿ES ESTO PARA TI?: tarjetas con imagen ═════════ */
.scg{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;max-width:1040px;margin:26px auto 0;}
.scg-card{position:relative;display:block;flex:0 0 calc(25% - 11px);aspect-ratio:4/3;padding:0;border:1px solid var(--grey-line);border-radius:18px;overflow:hidden;background:#0e0d12;color:var(--white);isolation:isolate;
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .35s;text-align:left;align-items:initial;}
.scg-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85) brightness(.78) contrast(1.05);transform:scale(1.02);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s;z-index:-3;}
.scg-card::before{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(14,13,18,.05) 20%,rgba(14,13,18,.55) 60%,rgba(14,13,18,.95) 100%),linear-gradient(135deg,rgba(47,123,255,.22),rgba(217,168,63,.14));mix-blend-mode:normal;}
.scg-card::after{content:'';position:absolute;top:0;bottom:0;left:-60%;width:40%;z-index:-1;background:linear-gradient(100deg,transparent,rgba(255,255,255,.16),transparent);transform:skewX(-18deg);transition:left .9s ease;}
.scg-card:hover,.scg-card:focus-visible{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 26px 50px -22px rgba(0,0,0,.75),0 0 0 1px rgba(217,168,63,.35);outline:none;}
.scg-card:hover img,.scg-card:focus-visible img{transform:scale(1.1);filter:saturate(1) brightness(.95) contrast(1.05);}
.scg-card:hover::after{left:130%;}
.scg-txt{position:absolute;left:0;right:0;bottom:0;padding:14px 16px 14px;display:flex;flex-direction:column;gap:2px;}
.scg-card b{font-family:var(--font-display);font-size:1.12rem;line-height:1.2;text-shadow:0 2px 12px rgba(0,0,0,.6);}
.scg-card em{font-style:normal;font-size:.78rem;color:#d8d5de;line-height:1.35;}
.scg-card i{font-style:normal;font-size:.78rem;font-weight:800;color:var(--gold);max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease,margin .3s;}
.scg-card:hover i,.scg-card:focus-visible i{max-height:22px;opacity:1;margin-top:5px;}
.scg.scg-js .scg-card{opacity:0;transform:translateY(16px);}
.scg.scg-js .scg-card.in{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1),border-color .3s,box-shadow .35s;}
.scg.scg-js .scg-card.in:hover{transform:translateY(-6px);}
@media(max-width:900px){.scg-card{flex:0 0 calc(33.333% - 10px);}}
@media(max-width:600px){
  .scg{gap:10px;}
  .scg-card{flex:0 0 calc(50% - 5px);aspect-ratio:1/1;border-radius:14px;}
  .scg-card em{display:none;}
  .scg-card b{font-size:.95rem;}
  .scg-txt{padding:10px 12px;}
  .scg-card i{max-height:22px;opacity:1;margin-top:4px;font-size:.72rem;}
}
@media(prefers-reduced-motion:reduce){.scg-card,.scg-card img,.scg-card::after{transition:none !important;}.scg.scg-js .scg-card{opacity:1;transform:none;}}
/* fotos claras de personas: menos oscurecido que las anteriores */
.scg-card img{filter:saturate(1.02) brightness(.9) contrast(1.03);}
.scg-card:hover img,.scg-card:focus-visible img{filter:saturate(1.08) brightness(1.02) contrast(1.03);}
.scg-card::before{background:linear-gradient(180deg,rgba(14,13,18,0) 35%,rgba(14,13,18,.6) 68%,rgba(14,13,18,.94) 100%),linear-gradient(135deg,rgba(47,123,255,.12),rgba(217,168,63,.08));}

/* ═════════ FOTOS: hero, auditoría y departamentos ═════════ */
.hero-photo{position:relative;margin:0 0 12px;border-radius:20px;overflow:hidden;border:1px solid rgba(217,168,63,.4);box-shadow:0 24px 60px -24px rgba(0,0,0,.7);aspect-ratio:4/3;}
.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;}
.hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(14,13,18,.55));pointer-events:none;}
.hp-chip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;max-width:86%;padding:8px 13px;border-radius:99px;background:rgba(20,19,25,.82);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.16);color:#fff;font-size:.78rem;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.35);animation:hpFloat 5s ease-in-out infinite;}
.hp-chip i{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0;box-shadow:0 0 0 4px rgba(34,197,94,.25);}
.hp-chip.a{left:12px;top:14px;}
.hp-chip.b{right:12px;bottom:14px;animation-delay:-2.5s;}
.hp-chip.b i{background:var(--gold);box-shadow:0 0 0 4px rgba(217,168,63,.25);}
@keyframes hpFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-5px);}}
@media(prefers-reduced-motion:reduce){.hp-chip{animation:none;}}
@media(max-width:700px){
  .hero-right .hero-panel-title,.hero-right .eco-panel{display:none;}
  .hero-photo{margin:0;}
}

#auditoria{padding:64px 0;}
.au-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:38px;align-items:center;max-width:1040px;margin:0 auto;}
.au-img{position:relative;margin:0;border-radius:20px;overflow:hidden;border:1px solid var(--grey-line);box-shadow:0 24px 60px -26px rgba(0,0,0,.7);aspect-ratio:16/9;}
.au-img img{width:100%;height:100%;object-fit:cover;display:block;}
.au-img figcaption{position:absolute;left:0;right:0;bottom:0;padding:26px 16px 12px;font-size:.84rem;font-weight:700;color:#fff;background:linear-gradient(180deg,transparent,rgba(14,13,18,.88));}
.au-txt h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.1rem);line-height:1.15;margin:8px 0 14px;text-wrap:balance;}
.au-steps{list-style:none;margin:0 0 20px;padding:0;counter-reset:au;display:flex;flex-direction:column;gap:12px;}
.au-steps li{counter-increment:au;position:relative;padding-left:40px;font-size:.98rem;line-height:1.45;color:var(--grey);}
.au-steps li b{color:var(--white);}
.au-steps li::before{content:counter(au);position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;background:var(--gold);color:#16151a;font-weight:800;font-size:.85rem;display:flex;align-items:center;justify-content:center;}
@media(max-width:820px){#auditoria{padding:40px 0;}.au-grid{grid-template-columns:1fr;gap:20px;}.au-txt .btn-primary{width:100%;}}

.dq-img{display:block;margin:-22px -18px 12px;aspect-ratio:16/9;overflow:hidden;position:relative;}
.dq-img img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.2,.7,.2,1);}
.dq-img::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(14,13,18,.7));}
.dq-card:hover .dq-img img{transform:scale(1.07);}
.dq-badge{z-index:2;}
/* avisos del hero: sutiles, fuera de las burbujas de la foto */
.hp-chip{padding:6px 11px;font-size:.72rem;font-weight:600;background:rgba(20,19,25,.66);border-color:rgba(255,255,255,.14);box-shadow:0 6px 18px rgba(0,0,0,.28);animation-duration:6.5s;}
.hp-chip i{width:7px;height:7px;box-shadow:0 0 0 3px rgba(34,197,94,.2);}
.hp-chip.b i{box-shadow:0 0 0 3px rgba(217,168,63,.2);}
.hp-chip.a{left:12px;top:12px;}
.hp-chip.b{right:12px;bottom:12px;}
.hp-long{display:inline;}
@media(max-width:700px){.hp-long{display:none;}.hp-chip{font-size:.7rem;padding:5px 10px;}.hp-chip.a{left:8px;top:8px;}.hp-chip.b{right:8px;bottom:8px;}}

/* ═════════ BOTÓN DE AYUDA: naranja; el flotante, solo el icono ═════════ */
.float-label{display:none !important;}
#float-chat{gap:0;}
.float-btn{background:linear-gradient(135deg,#ffb347,#f97316) !important;animation:floatPulseOr 2.4s ease-in-out infinite !important;}
.float-btn svg{stroke:#2a1204;}
@keyframes floatPulseOr{0%,100%{box-shadow:0 4px 20px rgba(249,115,22,.5),0 0 0 0 rgba(249,115,22,.55);}50%{box-shadow:0 4px 26px rgba(249,115,22,.7),0 0 0 12px rgba(249,115,22,0);}}
.chat-cta-btn{background:linear-gradient(135deg,#ffb347,#f97316) !important;color:#2a1204 !important;border:none !important;font-weight:800 !important;box-shadow:0 10px 28px -8px rgba(249,115,22,.55);}
.chat-cta-btn:hover{filter:brightness(1.06);transform:translateY(-2px);}

/* ═════════ DEPARTAMENTOS: carrusel visible con flechas; Basic al centro ═════════ */
.dq-wrap{position:relative;}
.dq-arrow{display:none;}
.dq-dots{display:none;}
.dq-card.c-teal{border-color:rgba(45,212,191,.55);}
@media(min-width:1001px){
  .dq-card.c-teal{transform:translateY(-10px);box-shadow:0 24px 50px -22px rgba(45,212,191,.35);}
  .dq-card.c-teal:hover{transform:translateY(-16px);}
  .dq-card.c-teal .dq-badge{font-size:.7rem;padding:4px 11px;}
}
@media(max-width:1000px){
  .dq-grid{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:12px 11% 18px;scrollbar-width:none;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;}
  .dq-grid::-webkit-scrollbar{display:none;}
  .dq-card{flex:0 0 78%;scroll-snap-align:center;}
  .dq-wrap::before,.dq-wrap::after{content:'';position:absolute;top:0;bottom:44px;width:9%;z-index:2;pointer-events:none;}
  .dq-wrap::before{left:0;background:linear-gradient(90deg,var(--bg),transparent);}
  .dq-wrap::after{right:0;background:linear-gradient(270deg,var(--bg),transparent);}
  .dq-arrow{display:flex;position:absolute;top:38%;z-index:3;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;border:1px solid rgba(217,168,63,.7);background:rgba(20,19,25,.9);color:var(--gold);font-size:1.7rem;line-height:1;padding:0 0 3px;cursor:pointer;box-shadow:0 8px 22px rgba(0,0,0,.5);}
  .dq-arrow.prev{left:4px;}
  .dq-arrow.next{right:4px;}
  .dq-arrow[disabled]{opacity:.25;cursor:default;}
  .dq-dots{display:flex;justify-content:center;gap:8px;margin-top:2px;}
  .dq-dots i{width:8px;height:8px;border-radius:99px;background:var(--grey-line);transition:all .25s;}
  .dq-dots i.on{width:24px;background:var(--gold);}
}
@media(min-width:561px) and (max-width:1000px){.dq-card{flex-basis:46%;}.dq-grid{padding:12px 8% 18px;}}

/* ═════════ AUTOMATIZACIONES: cuadrícula compacta ═════════ */
@media(max-width:700px){
  #soluciones-showcase .need-grid{display:grid !important;grid-template-columns:1fr 1fr;gap:10px;}
  #soluciones-showcase .need-card{padding:12px 12px !important;min-height:0;}
  #soluciones-showcase .need-title{font-size:.78rem !important;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
  #soluciones-showcase .need-sub{font-size:.72rem !important;}
  #soluciones-showcase .section-sub{display:none;}
}

/* ═════════ DIFERENCIA REAL: en móvil solo nuestra demo (la plantilla vacía ya sale arriba) ═════════ */
@media(max-width:700px){
  #golpe-realidad .gr-compare>div:first-child,#golpe-realidad .gr-vs,#golpe-realidad .section-sub{display:none !important;}
  #golpe-realidad .section-h2{font-size:1.5rem;}
  #cta-final .cta-inner p{display:none;}
}
/* ajustes tras revisar en móvil */
.gr-h-m{display:none;}
@media(max-width:700px){
  .gr-h-d{display:none;}
  .gr-h-m{display:inline;}
  #soluciones-showcase .need-title{display:block !important;-webkit-line-clamp:unset !important;overflow:visible !important;font-size:.8rem !important;}
  #soluciones-showcase .need-card{gap:6px;}
}

/* ═════════ CHAT MÓVIL con teclado (estilo WhatsApp) ═════════ */
#chatBox .chat-msgs{min-height:0;overscroll-behavior:contain;}
@media(max-width:700px){
  body.chat-lock{position:fixed;left:0;right:0;width:100%;overflow:hidden;}
  #chatBox .chat-header,#chatBox .chat-input-row{flex-shrink:0;}
  #chatBox .chat-input{font-size:16px;}
  body.kb-open #chatBox .voice-agent-row,body.kb-open #chatBox .chat-ai-note{display:none;}
  body.kb-open #chatBox .chat-header{padding-top:6px;padding-bottom:6px;}
  #chatBox .chat-input-row{padding-bottom:calc(10px + env(safe-area-inset-bottom));}
  body.kb-open #chatBox .chat-input-row{padding-bottom:10px;}
}

/* el chat nunca se desplaza por dentro (evita que el teclado oculte la cabecera) */
#chatBox{overflow:clip !important;}
@supports not (overflow:clip){#chatBox{overflow:hidden !important;}}
#chatBox .chat-header{position:relative;z-index:3;}

/* ═════════ COOKIES: el aviso nunca tapa el botón del chat ni la conversación ═════════ */
#float-chat{bottom:calc(var(--cbh,0px) + 14px) !important;transition:bottom .25s ease;}
body.chat-open #cookie-banner,body.chat-lock #cookie-banner{display:none !important;}