body.lp-page{
  position:relative;
  background:linear-gradient(180deg,var(--ink) 0,#141414 22%,#101010 50%,#141414 78%,var(--ink) 100%);
}
/* capa de luz continua: reemplaza las líneas divisorias entre secciones */
body.lp-page::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(78% 42% at 82% 2%,rgba(196,107,60,.20),transparent 60%),
    radial-gradient(64% 36% at 4% 30%,rgba(22,50,79,.26),transparent 64%),
    radial-gradient(72% 32% at 92% 58%,rgba(196,107,60,.14),transparent 62%),
    radial-gradient(70% 34% at 8% 88%,rgba(22,50,79,.20),transparent 64%);
}

.lp-nav{
  position:absolute;inset:0 0 auto;z-index:10;
  border-bottom:1px solid rgba(237,229,220,.12);
  background:linear-gradient(180deg,rgba(17,17,17,.72),rgba(17,17,17,.08));
}
.lp-nav__inner{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.lp-nav__logo img{width:152px;height:auto}
.lp-nav__links{display:flex;gap:28px;color:#D6D0C8;font-size:.875rem;font-weight:500}
.lp-nav__links a{opacity:.82;transition:opacity .25s var(--ease),color .25s var(--ease)}
.lp-nav__links a:hover{opacity:1;color:var(--terra-soft)}
.lp-nav__cta{padding:12px 20px;font-size:.875rem}

.lp-page .btn{
  position:relative;isolation:isolate;overflow:hidden;
  transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease);
}
.lp-page .btn::after{
  content:"";position:absolute;inset:-40%;z-index:-1;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.32),transparent 34%);
  opacity:0;transform:translate3d(-16%,18%,0) scale(.8);
  transition:opacity .3s var(--ease),transform .3s var(--ease);
}
.lp-page .btn:hover,
.lp-page .btn:focus-visible{
  transform:translateY(-3px);
  box-shadow:0 0 0 1px rgba(217,140,95,.7),0 18px 44px rgba(196,107,60,.34);
}
.lp-page .btn:hover::after,
.lp-page .btn:focus-visible::after{opacity:1;transform:none}

.lp-hero{
  position:relative;min-height:92vh;isolation:isolate;display:grid;align-items:center;
  padding:124px 0 80px;overflow:hidden;
}
.lp-hero__media{position:absolute;inset:0;z-index:-2}
.lp-hero__media img{width:100%;height:100%;object-fit:cover;opacity:.78;filter:saturate(1.05) contrast(1.04)}
.lp-hero::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    radial-gradient(90% 75% at 18% 45%,rgba(17,17,17,.94),rgba(17,17,17,.55) 62%,transparent 100%),
    linear-gradient(90deg,rgba(17,17,17,.9) 0,rgba(17,17,17,.5) 55%,rgba(17,17,17,.28) 100%),
    linear-gradient(180deg,rgba(17,17,17,.3),rgba(17,17,17,.1) 40%,var(--ink) 100%);
}
.lp-hero__grid{
  display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,.78fr);
  gap:clamp(44px,6vw,86px);align-items:center;
}
.lp-hero__copy{max-width:840px}
.lp-hero .display{max-width:15ch;font-size:clamp(2.3rem,4vw,3.9rem);line-height:1.02;letter-spacing:-.03em}
.lp-hero__lead{margin:22px 0 0;max-width:52ch;font-size:1.02rem;color:#D6D0C8}
.lp-hero .hero__actions{margin-top:34px}
.lp-hero__mock{
  margin:0;position:relative;border-radius:26px;padding:10px;
  background:linear-gradient(145deg,rgba(247,247,245,.18),rgba(196,107,60,.26),rgba(247,247,245,.04));
  box-shadow:0 34px 90px rgba(0,0,0,.5),0 0 70px rgba(196,107,60,.14);
  animation:adsFloat 7s var(--ease) infinite;
}
.lp-hero__mock img{border-radius:20px;width:100%;height:auto;box-shadow:0 0 0 1px rgba(237,229,220,.12)}
.lp-hero__mock::before{
  content:"";position:absolute;inset:20% -20% auto auto;width:220px;height:220px;border-radius:50%;
  background:rgba(196,107,60,.24);filter:blur(60px);z-index:-1;
}
@keyframes adsFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

.lp-section{position:relative;padding-block:clamp(72px,9vw,118px);background:transparent}
/* separador suave: un halo difuso en vez de la línea dura */
.lp-section + .lp-section::before{
  content:"";position:absolute;left:50%;top:0;translate:-50% 0;pointer-events:none;
  width:min(1100px,86vw);height:1px;
  background:linear-gradient(90deg,transparent,rgba(237,229,220,.10) 22%,rgba(196,107,60,.30) 50%,rgba(237,229,220,.10) 78%,transparent);
  opacity:.7;
}
/* cabecera de sección unificada */
.lp-head{display:grid;justify-items:start;gap:16px;max-width:64ch;margin-bottom:clamp(34px,4.4vw,54px)}
.lp-head .eyebrow{margin:0}
.lp-head .h2{margin:0;max-width:20ch}
.lp-head .lead{margin:0;max-width:60ch}
.lp-head--center{justify-items:center;text-align:center;margin-inline:auto}
.lp-head--center .eyebrow{justify-content:center}
.lp-problems{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:16px}
.lp-problems article,
.lp-method article,
.lp-metrics article{
  position:relative;overflow:hidden;border:1px solid var(--line-strong);border-radius:16px;
  background:linear-gradient(180deg,rgba(33,33,33,.92),rgba(20,20,20,.95));
  padding:28px;box-shadow:0 18px 42px rgba(0,0,0,.28);
  transform:translateY(0);
  transition:transform .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease),background .32s var(--ease);
}
.lp-problems article::before,
.lp-method article::before,
.lp-metrics article::before{
  content:"";position:absolute;inset:0 0 auto;height:2px;
  background:linear-gradient(90deg,var(--terra),transparent);
}
.lp-problems article::after,
.lp-method article::after,
.lp-metrics article::after{
  content:"";position:absolute;inset:auto -20% -45% -20%;height:70%;
  background:radial-gradient(ellipse at center,rgba(196,107,60,.16),transparent 60%);
  opacity:0;transition:opacity .32s var(--ease);
}
.lp-problems article:hover,
.lp-method article:hover,
.lp-metrics article:hover{
  transform:translateY(-8px);
  border-color:rgba(217,140,95,.72);
  box-shadow:0 0 0 1px rgba(196,107,60,.28),0 24px 58px rgba(0,0,0,.42),0 0 42px rgba(196,107,60,.16);
  background:linear-gradient(180deg,rgba(39,34,30,.96),rgba(19,19,19,.96));
}
.lp-problems article:hover::after,
.lp-method article:hover::after,
.lp-metrics article:hover::after{opacity:1}
.lp-problems span{
  display:inline-flex;margin-bottom:18px;color:var(--terra-soft);
  font-size:.72rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
}
.lp-problems h3,
.lp-method h3{font-size:1.25rem;line-height:1.2;letter-spacing:-.02em}
.lp-problems p,
.lp-method p,
.lp-metrics p{margin:14px 0 0;color:#BDB8B1;font-size:.94rem;line-height:1.7}

.lp-section--split{background:transparent}
.lp-split{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(40px,7vw,96px);align-items:start}
.lp-split .lp-head{margin-bottom:0;position:sticky;top:120px}
.lp-method{display:grid;gap:16px}
.lp-method article{display:grid;grid-template-columns:54px 1fr;gap:4px 18px;align-items:start}
.lp-method span{
  grid-row:1 / span 2;width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;border:1px solid var(--terra);color:var(--terra-soft);
  font-size:.78rem;font-weight:700;letter-spacing:.12em;
}

.lp-section--visual{background:transparent}
.lp-visual{
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(34px,6vw,82px);align-items:center;
}
.lp-visual__image{
  position:relative;border-radius:22px;overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.48),0 0 0 1px var(--line);
}
.lp-visual__image img{width:100%;height:auto}
.lp-visual__copy .lp-head{margin-bottom:0}
.lp-checks{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:14px}
.lp-checks li{
  position:relative;padding:14px 16px 14px 44px;border:1px solid var(--line);
  border-radius:12px;background:rgba(247,247,245,.04);color:#D7D0C8;font-size:.95rem;
  transition:transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease);
}
.lp-checks li:hover{transform:translateX(6px);border-color:rgba(217,140,95,.55);background:rgba(196,107,60,.08)}
.lp-checks li::before{
  content:"";position:absolute;left:18px;top:21px;width:9px;height:9px;border-radius:50%;
  background:var(--terra-soft);box-shadow:0 0 0 5px rgba(196,107,60,.14);
}

.lp-section--metrics{background:transparent}
.lp-section--comparison{padding-top:56px}
.lp-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.lp-compare article{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:430px;border:1px solid var(--line-strong);border-radius:20px;padding:28px;background:linear-gradient(150deg,rgba(196,107,60,.16),rgba(25,25,25,.95) 48%);box-shadow:0 18px 42px rgba(0,0,0,.25);transition:transform .3s var(--ease),border-color .3s var(--ease),box-shadow .3s var(--ease)}
.lp-compare article:hover{transform:translateY(-6px);border-color:rgba(217,140,95,.7);box-shadow:0 26px 58px rgba(0,0,0,.4),0 0 34px rgba(196,107,60,.12)}
.lp-compare h3{margin:24px 0 0;font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.12;letter-spacing:-.035em;color:var(--bone)}
.lp-compare p{margin:14px 0 0;color:#c8c1b9;line-height:1.65}
.brand-versus{height:90px;display:grid;grid-template-columns:1fr 24px 1.35fr;align-items:center;gap:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}
.brand-versus img{width:100%;height:62px;object-fit:contain}.brand-versus img:first-child{transform:scale(1.45)}.brand-versus span{font-size:1.25rem;color:var(--terra-soft);text-align:center}
.compare-logo{display:block;height:88px;max-width:180px;object-fit:contain;object-position:center}.compare-logo--google{margin-inline:auto;transform:scale(1.15);transform-origin:center}
.search-mock{margin-top:24px;padding:14px;border-radius:12px;background:#fff;color:#353535;box-shadow:0 16px 30px rgba(0,0,0,.22)}.search-mock span{display:block;font-size:.78rem;font-weight:600}.search-mock i{display:block;width:78%;height:5px;margin-top:9px;border-radius:10px;background:#dfe4ea}.search-mock i:last-child{width:55%}
.compare-chart{display:grid;gap:12px;margin-top:auto;padding-top:24px}.compare-chart span{position:relative;display:block;padding-top:14px}.compare-chart span::before{content:"";position:absolute;left:0;top:0;width:100%;height:8px;border-radius:99px;background:rgba(237,229,220,.12)}.compare-chart span i{position:absolute;left:0;top:0;width:var(--bar);height:8px;border-radius:99px;background:linear-gradient(90deg,var(--terra),var(--terra-soft));box-shadow:0 0 15px rgba(196,107,60,.2)}.compare-chart span:first-child i{opacity:.38}.compare-chart b{font-size:.66rem;color:#aca69f;text-transform:uppercase;letter-spacing:.1em}
.owned-brand{height:90px;display:grid;grid-template-columns:1fr 26px 1.1fr;align-items:center;gap:12px;padding:14px;border-radius:14px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.1)}.owned-brand img{width:100%;height:54px;object-fit:contain}.owned-brand img:first-child{opacity:.42;filter:saturate(.35)}.owned-brand span{color:var(--terra-soft);font-size:1.4rem;text-align:center}.owned-data{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:24px}.owned-data span{padding:8px 10px;border-radius:99px;background:rgba(196,107,60,.12);border:1px solid rgba(217,140,95,.28);color:var(--bone);font-size:.7rem;font-weight:600}
.source-note{margin:18px 0 0;color:#8f8982;font-size:.8rem}.source-note a{color:var(--terra-soft)}
.lp-section--video-showcase{padding-top:48px}
.video-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,240px));gap:clamp(18px,3vw,34px);align-items:start;justify-content:center}
.video-showcase article{display:grid;gap:16px;justify-items:center;text-align:center;color:var(--bone)}
.phone-frame{width:100%;padding:8px;border-radius:34px;background:linear-gradient(145deg,#62584f,#121212 35%,#3b342f);box-shadow:0 24px 55px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.12);position:relative;transition:transform .35s var(--ease),box-shadow .35s var(--ease)}
.phone-frame::before{content:"";position:absolute;top:14px;left:50%;translate:-50% 0;width:68px;height:6px;border-radius:10px;background:#080808;z-index:2}.phone-frame video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;border-radius:27px;background:#090909}.video-showcase article:hover .phone-frame,.video-showcase article:focus-within .phone-frame{transform:translateY(-8px) scale(1.015);box-shadow:0 0 0 2px var(--terra-soft),0 28px 70px rgba(0,0,0,.58),0 0 42px rgba(196,107,60,.4)}
.lp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lp-metrics strong{display:block;color:var(--bone);font-size:clamp(2.3rem,5vw,4.6rem);line-height:1;letter-spacing:-.04em}
.lp-metrics span{
  display:block;margin-top:12px;color:var(--terra-soft);
  font-size:.78rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;
}

/* Mockups ligeros para convertir tarjetas explicativas en escenas de producto. */
.lp-problems--mock article{padding-top:142px}
.lp-problems--mock article::after{opacity:1;inset:18px 18px auto;height:94px;border-radius:12px;background:linear-gradient(145deg,#f7f7f5,#dcd9d5);box-shadow:0 10px 24px rgba(0,0,0,.24)}
.lp-problems--mock article:nth-child(1)::after{background:linear-gradient(90deg,#fff 0 12%,#4285f4 12% 15%,#fff 15% 100%),linear-gradient(#e2e7ee,#e2e7ee);box-shadow:inset 0 -34px #f0f2f5,0 10px 24px rgba(0,0,0,.24)}
.lp-problems--mock article:nth-child(2)::after{background:linear-gradient(135deg,transparent 62%,rgba(196,107,60,.35) 62%),url('assets/img/grafico-1.webp') center/cover}
.lp-problems--mock article:nth-child(3)::after{background:linear-gradient(90deg,#1f2937 0 35%,#f7f7f5 35% 100%);box-shadow:inset -28px -18px 0 rgba(196,107,60,.22),0 10px 24px rgba(0,0,0,.24)}
.lp-problems--mock article:nth-child(4)::after{background:linear-gradient(135deg,#20242b 0 52%,#343a45 52%);box-shadow:inset 0 -12px 0 rgba(196,107,60,.55),0 10px 24px rgba(0,0,0,.24)}
.lp-problems--mock .lp-card__ic{position:absolute;top:38px;left:38px;z-index:2;background:rgba(17,17,17,.86);backdrop-filter:blur(6px)}
.lp-method--mock article{grid-template-columns:54px 1fr minmax(90px,150px)}.lp-method--mock article::after{content:"";position:static;grid-column:3;grid-row:1 / span 2;width:100%;height:72px;border-radius:10px;opacity:1;background:linear-gradient(135deg,rgba(196,107,60,.55),rgba(22,50,79,.65)),url('assets/img/google-ads-dashboard.webp') center/cover;align-self:center}.lp-method--mock article:nth-child(2)::after{background:linear-gradient(135deg,rgba(17,17,17,.15),rgba(196,107,60,.25)),url('assets/img/google-ads-landing-mockup.webp') center/cover}.lp-method--mock article:nth-child(3)::after{background:linear-gradient(135deg,rgba(17,17,17,.1),rgba(196,107,60,.28)),url('assets/img/grafico-1.webp') center/cover}.lp-method--mock article:nth-child(4)::after{background:linear-gradient(135deg,rgba(22,50,79,.25),rgba(196,107,60,.25)),url('assets/img/branding-hb.webp') center/cover}

/* Google Ads: visuales individuales y un ritmo vertical más limpio. */
body[data-landing="google-ads"] .lp-hero__media img{object-position:center 44%}
body[data-landing="google-ads"] .lp-crumbs{padding-top:24px}
body[data-landing="google-ads"] .lp-section{padding-block:clamp(54px,4.8vw,70px)}
body[data-landing="google-ads"] .lp-section--comparison{padding-top:46px}
body[data-landing="google-ads"] .lp-head{margin-bottom:clamp(30px,3.6vw,44px)}

body[data-landing="google-ads"] .lp-problems--mock article{
  display:flex;flex-direction:column;padding:0 26px 28px;overflow:hidden;
}
body[data-landing="google-ads"] .lp-problems--mock article::after{display:none}
body[data-landing="google-ads"] .lp-card-visual{
  position:relative;margin:0 -26px 0;aspect-ratio:16/9;overflow:hidden;
  background:#171717;border-bottom:1px solid rgba(237,229,220,.12);
}
body[data-landing="google-ads"] .lp-card-visual::after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 66%,rgba(17,17,17,.42));
}
body[data-landing="google-ads"] .lp-card-visual img{
  width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease);
}
body[data-landing="google-ads"] .lp-problems--mock article:hover .lp-card-visual img{transform:scale(1.035)}
body[data-landing="google-ads"] .lp-problems--mock .lp-card__ic{
  position:relative;top:auto;left:auto;z-index:2;margin:-24px 0 20px;
  flex:none;background:rgba(17,17,17,.94);backdrop-filter:blur(8px);
}
body[data-landing="google-ads"] .lp-problems--mock h3{margin:0}

body[data-landing="google-ads"] .lp-method--mock article{
  grid-template-columns:54px minmax(0,1fr) minmax(150px,190px);
  gap:10px 24px;align-items:start;padding:26px;
}
body[data-landing="google-ads"] .lp-method--mock article::after{
  grid-column:3;grid-row:1 / span 2;height:auto;min-height:110px;align-self:stretch;
  background:linear-gradient(135deg,rgba(17,17,17,.08),rgba(196,107,60,.16)),url('assets/img/google-search-intent-v2.webp') center/cover;
}
body[data-landing="google-ads"] .lp-method--mock article:nth-child(2)::after{background:linear-gradient(135deg,rgba(17,17,17,.08),rgba(196,107,60,.16)),url('assets/img/google-landing-conversion-lima.webp') center/cover}
body[data-landing="google-ads"] .lp-method--mock article:nth-child(3)::after{background:linear-gradient(135deg,rgba(17,17,17,.08),rgba(196,107,60,.16)),url('assets/img/google-crm-attribution-v2.webp') center/cover}
body[data-landing="google-ads"] .lp-method--mock h3{margin:4px 0 0}
body[data-landing="google-ads"] .lp-method--mock p{margin-top:10px}
body[data-landing="google-ads"] #resultados .lp-kpi{margin-top:32px}

@media(max-width:980px){
  body[data-landing="google-ads"] .lp-method--mock article{grid-template-columns:48px minmax(0,1fr) 150px}
}
@media(max-width:767px){
  body[data-landing="google-ads"] .lp-hero{min-height:max(660px,88svh);padding-block:72px}
  body[data-landing="google-ads"] .lp-crumbs{padding-top:22px}
  body[data-landing="google-ads"] .lp-section{padding-block:58px}
  body[data-landing="google-ads"] .lp-section--comparison{padding-top:42px}
  body[data-landing="google-ads"] .lp-problems--mock article{padding:0 22px 26px}
  body[data-landing="google-ads"] .lp-card-visual{margin-inline:-22px}
  body[data-landing="google-ads"] .lp-method--mock article{grid-template-columns:1fr;gap:12px;padding:24px 22px}
  body[data-landing="google-ads"] .lp-method--mock article::after{grid-column:1;grid-row:auto;min-height:0;height:auto;aspect-ratio:16/9;margin-top:8px}
  body[data-landing="google-ads"] #resultados .lp-kpi{margin-top:26px}
}

/* ---------- Google Ads: más aire entre secciones y textos ---------- */
/* objetivos: card destacada a todo el ancho debajo de las tres */
body[data-landing="google-ads"] .lp-metrics__wide{
  grid-column:1 / -1;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,56px);
  padding:clamp(30px,3.4vw,44px);border-color:rgba(217,140,95,.5);
  background:linear-gradient(120deg,rgba(196,107,60,.2),rgba(33,33,33,.92) 46%,rgba(20,20,20,.95));
}
body[data-landing="google-ads"] .lp-metrics__wide span{margin-top:0}
body[data-landing="google-ads"] .lp-metrics__wide p{max-width:62ch}
/* cifra y texto como un bloque centrado en la tarjeta, sin hueco a la derecha */
body[data-landing="google-ads"] .lp-metrics__wide{grid-template-columns:auto minmax(0,62ch);justify-content:center}
body[data-landing="google-ads"] .lp-metrics__wide > div{text-align:center}
body[data-landing="google-ads"] .lp-metrics__wide p{margin-inline:auto}
@media(max-width:767px){
  body[data-landing="google-ads"] .lp-metrics__wide{grid-template-columns:1fr;gap:0;padding:26px 22px;text-align:center}
  body[data-landing="google-ads"] .lp-metrics__wide span{margin-top:10px}
}
body[data-landing="google-ads"] .lp-section{padding-block:clamp(96px,10vw,144px)}
body[data-landing="google-ads"] .lp-section--comparison{padding-top:clamp(112px,11vw,156px)}
body[data-landing="google-ads"] .lp-head{gap:22px;margin-bottom:clamp(52px,5.6vw,80px)}
body[data-landing="google-ads"] .lp-head .lead{line-height:1.8}
body[data-landing="google-ads"] .lp-cta .lp-head,
body[data-landing="google-ads"] .lp-visual__copy .lp-head{margin-bottom:0}
body[data-landing="google-ads"] .lp-compare{gap:24px}
body[data-landing="google-ads"] .lp-compare article{padding:32px 30px}
body[data-landing="google-ads"] .lp-compare p{line-height:1.75}
body[data-landing="google-ads"] .source-note{margin-top:30px}
body[data-landing="google-ads"] .lp-problems{gap:24px}
body[data-landing="google-ads"] .lp-problems--mock article{padding-bottom:34px}
body[data-landing="google-ads"] .lp-problems--mock .lp-card__ic{margin-bottom:24px}
body[data-landing="google-ads"] .lp-problems span{margin-bottom:12px}
body[data-landing="google-ads"] .lp-problems p{margin-top:16px;line-height:1.78}
body[data-landing="google-ads"] .lp-method{gap:22px}
body[data-landing="google-ads"] .lp-method--mock article{padding:30px}
body[data-landing="google-ads"] .lp-method--mock p{margin-top:12px;line-height:1.75}
body[data-landing="google-ads"] #resultados .lp-kpi{gap:22px;margin-top:44px}
body[data-landing="google-ads"] .lp-kpi{gap:24px}
body[data-landing="google-ads"] .lp-kpi article{padding:32px 28px 34px}
body[data-landing="google-ads"] .lp-kpi__n{margin-top:18px}
body[data-landing="google-ads"] .lp-kpi__range{margin-top:12px}
body[data-landing="google-ads"] .lp-kpi__bar{margin-top:20px}
body[data-landing="google-ads"] .lp-kpi__note{margin-top:22px;line-height:1.75}
body[data-landing="google-ads"] .lp-kpi__pie{margin-top:40px;line-height:1.7}
body[data-landing="google-ads"] .lp-section--proof .stat{padding:32px 24px}
body[data-landing="google-ads"] .lp-section--proof .marquee{margin-top:36px}
body[data-landing="google-ads"] .lp-cluster{gap:24px}
body[data-landing="google-ads"] .lp-cluster a{gap:14px;padding:32px 30px}
body[data-landing="google-ads"] .lp-cluster p{line-height:1.75}
body[data-landing="google-ads"] #servicios{padding-block:clamp(72px,7.4vw,108px)}
body[data-landing="google-ads"] #servicios .lp-head{margin-bottom:clamp(40px,4.2vw,58px)}
body[data-landing="google-ads"] .lp-faq{gap:14px}
body[data-landing="google-ads"] .lp-faq summary{padding:24px 26px}
body[data-landing="google-ads"] .lp-faq__a{padding:0 26px 24px;line-height:1.8}
@media(max-width:767px){
  body[data-landing="google-ads"] .lp-section{padding-block:84px}
  body[data-landing="google-ads"] .lp-section--comparison{padding-top:96px}
  body[data-landing="google-ads"] .lp-head{gap:18px;margin-bottom:40px}
  body[data-landing="google-ads"] .lp-compare{gap:18px}
  body[data-landing="google-ads"] .lp-compare article{padding:28px 24px}
  body[data-landing="google-ads"] .lp-problems{gap:18px}
  body[data-landing="google-ads"] .lp-problems--mock article{padding-bottom:30px}
  body[data-landing="google-ads"] .lp-method{gap:18px}
  body[data-landing="google-ads"] .lp-method--mock article{padding:26px 22px}
  body[data-landing="google-ads"] #resultados .lp-kpi{margin-top:36px}
  body[data-landing="google-ads"] .lp-kpi{gap:18px}
  body[data-landing="google-ads"] .lp-kpi article{padding:28px 24px 30px}
  body[data-landing="google-ads"] .lp-kpi__pie{margin-top:32px}
  body[data-landing="google-ads"] .lp-section--proof .stat{padding:26px 18px}
  body[data-landing="google-ads"] .lp-section--proof .marquee{margin-top:26px}
  body[data-landing="google-ads"] .lp-cluster{gap:18px}
  body[data-landing="google-ads"] .lp-cluster a{padding:28px 24px}
  body[data-landing="google-ads"] #servicios{padding-block:68px}
  body[data-landing="google-ads"] #servicios .lp-head{margin-bottom:34px}
  body[data-landing="google-ads"] .lp-faq{gap:12px}
  body[data-landing="google-ads"] .lp-faq summary{padding:22px 22px}
  body[data-landing="google-ads"] .lp-faq__a{padding:0 22px 22px}
}

/* Contenido: cada problema y beneficio muestra una evidencia visual real. */
body[data-landing="contenido"] .lp-problems--portfolio article{display:flex;flex-direction:column;padding:0 26px 32px;overflow:hidden}
body[data-landing="contenido"] .lp-problems--portfolio article::after{display:none}
body[data-landing="contenido"] .lp-problems--portfolio article:nth-child(1)::after{background-image:url('assets/img/contenido-beneficio-1.jpg')}
body[data-landing="contenido"] .lp-problems--portfolio article:nth-child(2)::after{background-image:url('assets/img/contenido-beneficio-2.jpg')}
body[data-landing="contenido"] .lp-problems--portfolio article:nth-child(3)::after{background-image:url('assets/img/contenido-beneficio-3.jpg')}
body[data-landing="contenido"] .lp-problems--portfolio article:nth-child(4)::after{background-image:url('assets/img/contenido-beneficio-4.jpg')}
body[data-landing="contenido"] .lp-problems--portfolio .lp-card-visual{position:relative;margin:0 -26px;aspect-ratio:16/9;overflow:hidden;border-bottom:1px solid rgba(237,229,220,.12);background:#171717}
body[data-landing="contenido"] .lp-problems--portfolio .lp-card-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
body[data-landing="contenido"] .lp-problems--portfolio .lp-card__ic{position:relative;top:auto;left:auto;z-index:2;margin:-24px 0 22px;background:rgba(17,17,17,.94);backdrop-filter:blur(8px)}
body[data-landing="contenido"] .lp-problems--benefits article:nth-child(1)::after{background-image:url('assets/img/thegrand-cocina.webp')}
body[data-landing="contenido"] .lp-problems--benefits article:nth-child(2)::after{background-image:url('assets/img/sala-sanborja.webp')}
body[data-landing="contenido"] .lp-problems--benefits article:nth-child(3)::after{background-image:url('assets/img/brochure-1.jpg')}
body[data-landing="contenido"] .lp-problems--benefits article:nth-child(4)::after{background-image:url('assets/img/playa-carmen.webp')}

/* Proceso y resultados de Meta con más ritmo visual. */
.lp-timeline--cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.lp-timeline--cards li{display:grid;grid-template-columns:48px 1fr;padding:24px;border:1px solid var(--line-strong);border-radius:16px;background:linear-gradient(160deg,rgba(35,31,28,.96),rgba(18,18,18,.96));box-shadow:0 18px 38px rgba(0,0,0,.22)}.lp-timeline--cards li::before{display:none}.lp-timeline--cards .lp-timeline__n{width:38px;height:38px}.lp-timeline--cards h3{margin:7px 0 0}.lp-timeline--cards p{grid-column:1 / -1;margin-top:20px}.lp-timeline--cards li:hover{border-color:rgba(217,140,95,.65);transform:translateY(-4px)}
/* foto de Av. Brasil: arriba para que entre el horizonte con el mar */
body[data-landing="meta-ads"] .lp-hero__media img{object-position:center 12%}
body[data-landing="meta-ads"] .lp-crumbs{padding-top:24px}
body[data-landing="meta-ads"] .lp-section{padding-block:clamp(56px,5vw,76px)}
body[data-landing="meta-ads"] .lp-section--comparison{padding-top:clamp(84px,8vw,116px)}
/* título en 2 líneas: "Construye una marca," / "no dependas de un portal" */
@media(min-width:768px){body[data-landing="meta-ads"] .lp-section--comparison .lp-head{max-width:none}body[data-landing="meta-ads"] .lp-section--comparison .lp-head .h2{max-width:none}}
body[data-landing="meta-ads"] .lp-head{margin-bottom:clamp(30px,3.7vw,46px)}

body[data-landing="meta-ads"] .lp-channel-compare article{min-height:390px;padding:26px}
body[data-landing="meta-ads"] .lp-channel-compare article>img{width:100%;height:70px;object-fit:contain;object-position:left center}
body[data-landing="meta-ads"] .lp-channel-compare article:nth-child(2)>img{max-width:190px}
body[data-landing="meta-ads"] .lp-channel-compare h3{margin-top:26px}
body[data-landing="meta-ads"] .lp-channel-compare p{font-size:.94rem}
body[data-landing="meta-ads"] .lp-channel-compare strong{display:flex;align-items:baseline;gap:9px;margin-top:auto;padding-top:30px;color:#fff;font-size:clamp(2.2rem,3.4vw,3.5rem);line-height:1;letter-spacing:-.045em}
body[data-landing="meta-ads"] .lp-channel-compare strong small{max-width:110px;color:var(--terra-soft);font-size:.68rem;line-height:1.35;letter-spacing:.08em;text-transform:uppercase}
/* La etiqueta reserva siempre dos líneas: con una sola («visitas/mes») el bloque del
   KPI era más bajo y su número quedaba 11 px por debajo de los de las otras tarjetas. */
body[data-landing="meta-ads"] .lp-channel-compare strong small{min-height:2.7em}
/* «Tu marca» ocupa el mismo hueco de 70 px que los logos de Meta y Urbania, para
   que los títulos de las tres tarjetas queden a la misma altura. Lleva la clase de
   la tarjeta en el selector para ganarle a la regla genérica de los párrafos. */
body[data-landing="meta-ads"] .lp-channel-compare .lp-brand-mark{display:flex;align-items:center;height:70px;margin:0;color:#fff;font-size:clamp(2rem,2.6vw,2.6rem);font-weight:700;line-height:1;letter-spacing:-.035em}

body[data-landing="meta-ads"] .lp-problems--mock article{display:flex;flex-direction:column;padding:0 26px 28px;overflow:hidden}
body[data-landing="meta-ads"] .lp-problems--mock article::after{display:none}
body[data-landing="meta-ads"] .lp-card-visual{position:relative;margin:0 -26px;aspect-ratio:16/9;overflow:hidden;background:#171717;border-bottom:1px solid rgba(237,229,220,.12)}
body[data-landing="meta-ads"] .lp-card-visual::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 66%,rgba(17,17,17,.42))}
body[data-landing="meta-ads"] .lp-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .55s var(--ease)}
body[data-landing="meta-ads"] .lp-problems--mock article:hover .lp-card-visual img{transform:scale(1.035)}
body[data-landing="meta-ads"] .lp-problems--mock .lp-card__ic{position:relative;top:auto;left:auto;z-index:2;margin:-24px 0 20px;flex:none;background:rgba(17,17,17,.94);backdrop-filter:blur(8px)}
body[data-landing="meta-ads"] .lp-problems--mock h3{margin:0}

body[data-landing="meta-ads"] .lp-method--mock article{grid-template-columns:54px minmax(0,1fr) minmax(190px,240px);gap:10px 24px;align-items:start;padding:26px}
body[data-landing="meta-ads"] .lp-method--mock article::after{display:none}
body[data-landing="meta-ads"] .lp-method--mock article>img{grid-column:3;grid-row:1 / span 2;width:100%;height:100%;min-height:120px;object-fit:cover;border-radius:12px;border:1px solid rgba(237,229,220,.14);align-self:stretch}
body[data-landing="meta-ads"] .lp-method--mock h3{margin:4px 0 0}
body[data-landing="meta-ads"] .lp-method--mock p{margin-top:10px}

body[data-landing="meta-ads"] .lp-timeline--cards{gap:18px}
body[data-landing="meta-ads"] .lp-timeline--cards li{min-height:220px;padding:28px;gap:8px 18px}
body[data-landing="meta-ads"] .lp-timeline--cards h3{margin:6px 0 0;line-height:1.3}
body[data-landing="meta-ads"] .lp-timeline--cards p{margin-top:24px;font-size:.9rem;line-height:1.65}

body[data-landing="meta-ads"] #resultados{background:radial-gradient(60% 70% at 50% 45%,rgba(196,107,60,.17),transparent 70%)}
body[data-landing="meta-ads"] #resultados .lp-head{margin-inline:auto;text-align:center;justify-items:center}
body[data-landing="meta-ads"] #resultados .lp-kpi{gap:20px;margin-top:32px}
body[data-landing="meta-ads"] #resultados .lp-kpi article{border-color:rgba(217,140,95,.42);box-shadow:0 24px 55px rgba(0,0,0,.4),0 0 28px rgba(196,107,60,.08)}
body[data-landing="meta-ads"] #resultados .lp-kpi__n{font-size:clamp(3rem,5vw,4.4rem);color:#fff;text-shadow:0 0 22px rgba(217,140,95,.22)}

.lp-use-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.lp-use-gallery article{position:relative;min-height:260px;overflow:hidden;border-radius:18px;border:1px solid var(--line-strong);background:#191919;box-shadow:0 20px 46px rgba(0,0,0,.32)}
.lp-use-gallery img{width:100%;height:100%;min-height:260px;object-fit:cover;transition:transform .55s var(--ease),filter .55s var(--ease);filter:saturate(.88)}
.lp-use-gallery article::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(8,8,8,.92))}
.lp-use-gallery span{position:absolute;z-index:1;inset:auto 20px 18px;color:#fff;font-size:1rem;font-weight:600;line-height:1.3}
.lp-use-gallery article:hover img{transform:scale(1.045);filter:saturate(1.04)}

@media(max-width:980px){
  body[data-landing="meta-ads"] .lp-method--mock article{grid-template-columns:48px minmax(0,1fr) 170px}
  .lp-use-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  body[data-landing="meta-ads"] .lp-hero{min-height:max(660px,88svh);padding-block:72px}
  body[data-landing="meta-ads"] .lp-hero__media img{object-position:46% 50%}
  body[data-landing="meta-ads"] .lp-crumbs{padding-top:22px}
  body[data-landing="meta-ads"] .lp-section{padding-block:58px}
  body[data-landing="meta-ads"] .lp-section--comparison{padding-top:80px}
  body[data-landing="meta-ads"] .lp-channel-compare article{min-height:350px}
  body[data-landing="meta-ads"] .lp-problems--mock article{padding:0 22px 26px}
  body[data-landing="meta-ads"] .lp-card-visual{margin-inline:-22px}
  body[data-landing="meta-ads"] .lp-method--mock article{grid-template-columns:1fr;gap:12px;padding:24px 22px}
  body[data-landing="meta-ads"] .lp-method--mock article>img{grid-column:1;grid-row:auto;min-height:0;height:auto;aspect-ratio:16/9;margin-top:8px}
  body[data-landing="meta-ads"] .lp-timeline--cards li{min-height:0;padding:24px 22px}
  body[data-landing="meta-ads"] #resultados .lp-kpi{margin-top:26px}
  .lp-use-gallery{grid-template-columns:1fr;gap:14px}
  .lp-use-gallery article,.lp-use-gallery img{min-height:230px}
}

/* ---------- Meta Ads: más aire entre secciones y textos (listo para publicar) ---------- */
body[data-landing="meta-ads"] .lp-section{padding-block:clamp(96px,10vw,144px)}
body[data-landing="meta-ads"] .lp-section--comparison{padding-top:clamp(112px,11vw,156px)}
body[data-landing="meta-ads"] .lp-head{gap:22px;margin-bottom:clamp(52px,5.6vw,80px)}
body[data-landing="meta-ads"] .lp-head .lead{line-height:1.8}
body[data-landing="meta-ads"] .lp-cta .lp-head{margin-bottom:0}
body[data-landing="meta-ads"] .lp-channel-compare{gap:24px}
body[data-landing="meta-ads"] .lp-channel-compare article{padding:30px}
body[data-landing="meta-ads"] .lp-channel-compare p{line-height:1.75}
body[data-landing="meta-ads"] .lp-problems{gap:24px}
body[data-landing="meta-ads"] .lp-problems--mock article{padding-bottom:34px}
body[data-landing="meta-ads"] .lp-problems--mock .lp-card__ic{margin-bottom:24px}
body[data-landing="meta-ads"] .lp-problems span{margin-bottom:12px}
body[data-landing="meta-ads"] .lp-problems p{margin-top:16px;line-height:1.78}
body[data-landing="meta-ads"] .lp-timeline--cards{gap:24px}
body[data-landing="meta-ads"] .lp-timeline--cards li{min-height:236px;padding:32px 30px}
body[data-landing="meta-ads"] .lp-timeline--cards p{margin-top:26px;line-height:1.75}
body[data-landing="meta-ads"] #resultados .lp-kpi{gap:24px;margin-top:0}
body[data-landing="meta-ads"] #resultados .lp-kpi article{padding:32px 28px 34px}
body[data-landing="meta-ads"] .lp-kpi__n{margin-top:18px}
body[data-landing="meta-ads"] .lp-kpi__range{margin-top:12px}
body[data-landing="meta-ads"] .lp-kpi__bar{margin-top:20px}
body[data-landing="meta-ads"] .lp-kpi__note{margin-top:22px;line-height:1.75}
body[data-landing="meta-ads"] .lp-kpi__pie{margin-top:40px;line-height:1.7}
body[data-landing="meta-ads"] .lp-use-gallery{gap:24px}
/* casos de uso: todas las filas del mismo alto */
body[data-landing="meta-ads"] .lp-use-gallery article{aspect-ratio:4/3;min-height:0}
body[data-landing="meta-ads"] .lp-use-gallery img{position:absolute;inset:0;min-height:0}
/* "Sigue explorando": un poco menos de aire */
body[data-landing="meta-ads"] #servicios{padding-block:clamp(72px,7.4vw,108px)}
body[data-landing="meta-ads"] #servicios .lp-head{margin-bottom:clamp(40px,4.2vw,58px)}
body[data-landing="meta-ads"] .lp-cluster{gap:24px}
body[data-landing="meta-ads"] .lp-cluster a{gap:14px;padding:32px 30px}
body[data-landing="meta-ads"] .lp-cluster p{line-height:1.75}
body[data-landing="meta-ads"] .lp-faq{gap:14px}
body[data-landing="meta-ads"] .lp-faq summary{padding:24px 26px}
body[data-landing="meta-ads"] .lp-faq__a{padding:0 26px 24px;line-height:1.8}
body[data-landing="meta-ads"] .contact__info .lp-head{margin-bottom:40px}
body[data-landing="meta-ads"] .contact__info dl{gap:22px}
@media(max-width:767px){
  body[data-landing="meta-ads"] .lp-section{padding-block:84px}
  body[data-landing="meta-ads"] .lp-section--comparison{padding-top:96px}
  body[data-landing="meta-ads"] .lp-head{gap:18px;margin-bottom:40px}
  body[data-landing="meta-ads"] .lp-channel-compare{gap:18px}
  body[data-landing="meta-ads"] .lp-channel-compare article{padding:26px 24px}
  body[data-landing="meta-ads"] .lp-problems{gap:18px}
  body[data-landing="meta-ads"] .lp-problems--mock article{padding-bottom:30px}
  body[data-landing="meta-ads"] .lp-timeline--cards{gap:18px}
  body[data-landing="meta-ads"] .lp-timeline--cards li{min-height:0;padding:28px 24px}
  body[data-landing="meta-ads"] .lp-timeline--cards p{margin-top:18px}
  body[data-landing="meta-ads"] #resultados .lp-kpi{gap:18px}
  body[data-landing="meta-ads"] #resultados .lp-kpi article{padding:28px 24px 30px}
  body[data-landing="meta-ads"] .lp-kpi__pie{margin-top:32px}
  body[data-landing="meta-ads"] .lp-use-gallery{gap:18px}
  body[data-landing="meta-ads"] #servicios{padding-block:68px}
  body[data-landing="meta-ads"] #servicios .lp-head{margin-bottom:34px}
  body[data-landing="meta-ads"] .lp-cluster{gap:18px}
  body[data-landing="meta-ads"] .lp-cluster a{padding:28px 24px}
  body[data-landing="meta-ads"] .lp-faq{gap:12px}
  body[data-landing="meta-ads"] .lp-faq summary{padding:22px 22px}
  body[data-landing="meta-ads"] .lp-faq__a{padding:0 22px 22px}
  body[data-landing="meta-ads"] .contact__info .lp-head{margin-bottom:32px}
}

.lp-section--proceso .lp-kpi--dato{margin-top:clamp(42px,6vw,72px)}

.lp-cta{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;
  padding:clamp(28px,5vw,56px);border:1px solid rgba(196,107,60,.45);border-radius:22px;
  background:
    linear-gradient(135deg,rgba(196,107,60,.2),transparent 42%),
    linear-gradient(180deg,var(--ink-2),#111);
  box-shadow:0 24px 72px rgba(0,0,0,.36);
}
.lp-cta .lp-head{margin-bottom:0}

@media(max-width:1180px) and (min-width:981px){
  .lp-problems{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:980px){
  .lp-split .lp-head{position:static;top:auto}
  .lp-nav__links{display:none}
  .lp-hero{min-height:auto;padding:126px 0 58px}
  .lp-hero__grid,
  .lp-split,
  .lp-visual,
  .lp-cta{grid-template-columns:1fr}
  .lp-hero__mock{max-width:620px;margin-inline:auto}
  .lp-problems,
  .lp-metrics{grid-auto-flow:row;grid-template-columns:1fr}
  .lp-compare,.video-showcase{grid-template-columns:1fr 1fr}
  .lp-cta .btn{justify-self:start}
}

@media(max-width:767px){
  .lp-nav{position:relative;background:#111}
  .lp-nav__inner{height:82px}
  .lp-nav__logo img{width:136px}
  .lp-nav__cta{display:none}
  .lp-hero{padding:48px 0 54px;text-align:center}
  .lp-hero::after{
    background:
      linear-gradient(180deg,rgba(17,17,17,.7),rgba(17,17,17,.88) 48%,var(--ink) 100%),
      linear-gradient(90deg,rgba(17,17,17,.72),rgba(17,17,17,.35));
  }
  .lp-hero__grid{gap:28px}
  .lp-compare,.video-showcase{grid-template-columns:1fr}
  .lp-hero .display{max-width:none;font-size:2.35rem;line-height:1.02;letter-spacing:-.03em}
  .lp-hero__lead{margin:22px auto 0;font-size:.98rem;line-height:1.65}
  .lp-hero .hero__actions{align-items:stretch}
  .lp-hero__mock{border-radius:18px;padding:6px}
  .lp-hero__mock img{border-radius:14px}
  .lp-section{padding-block:58px}
  .lp-head{justify-items:center;text-align:center;margin-inline:auto}
  .lp-head .eyebrow{justify-content:center}
  .lp-head .h2{max-width:none}
  .lp-problems article,.lp-method article,.lp-metrics article{padding:22px;border-radius:14px;text-align:left}
  .lp-method article{grid-template-columns:1fr}
  .lp-method span{margin-bottom:12px}
  .lp-visual__image{border-radius:16px}
  .lp-checks{text-align:left}
  .lp-cta{text-align:center;border-radius:16px;padding:28px 20px}
  .lp-cta .btn{justify-self:stretch}
}

@media(prefers-reduced-motion:reduce){
  .lp-hero__mock{animation:none}
}


/* ---------- 04 · Respaldo: cifras + colaboraciones ---------- */
.lp-section--proof{background:transparent}
.lp-section--proof .stats{
  background:rgba(237,229,220,.08);
  border-top:1px solid rgba(237,229,220,.08);
  border-bottom:1px solid rgba(237,229,220,.08);
  border-radius:16px;overflow:hidden;
}
.lp-section--proof .stat{
  background:linear-gradient(180deg,rgba(33,33,33,.72),rgba(18,18,18,.78));
  padding:26px 20px;
  transition:background .32s var(--ease);
}
.lp-section--proof .stat:hover{background:linear-gradient(180deg,rgba(41,35,31,.86),rgba(20,20,20,.86))}
.lp-section--proof .marquee{
  margin-top:10px;padding-block:18px;
  border-top:0;border-bottom:0;
}
.lp-section--proof .kicker{color:var(--terra-soft);letter-spacing:.2em}

/* ---------- Ajuste fino en móvil ----------
   Menos cuerpo de letra y más aire: márgenes laterales más anchos,
   más separación entre secciones y más respiro dentro de las tarjetas.
   Va al final del archivo para ganarle al bloque móvil de arriba. */
@media(max-width:767px){
  /* márgenes laterales: de 20px a 26px por lado */
  .lp-page .wrap{width:min(100% - 52px,var(--wrap))}

  /* separación entre secciones */
  .lp-section{padding-block:76px}
  .lp-hero{padding:44px 0 64px}
  .lp-hero__grid{gap:34px}

  /* --- tipografía, un escalón más abajo --- */
  .lp-page .eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:0}
  .lp-hero .hero__tag{font-size:10px}
  .lp-hero .display{font-size:30px;line-height:1.08;letter-spacing:-.02em}
  .lp-hero__lead{margin:20px auto 0;font-size:14.5px;line-height:1.72;max-width:34ch}
  .lp-head{gap:14px;margin-bottom:36px}
  .lp-head .h2{font-size:22px;line-height:1.2}
  .lp-head .lead{font-size:14px;line-height:1.75;max-width:38ch}

  /* --- tarjetas: texto menor, relleno mayor --- */
  .lp-problems,.lp-method,.lp-metrics{gap:16px}
  .lp-problems article,.lp-method article,.lp-metrics article{padding:26px 22px}
  .lp-problems span{font-size:10px;margin-bottom:14px}
  .lp-problems h3,.lp-method h3{font-size:16.5px;line-height:1.3}
  .lp-problems p,.lp-method p,.lp-metrics p{font-size:13.5px;line-height:1.7;margin-top:12px}
  .lp-metrics strong{font-size:34px}
  .lp-metrics span{font-size:10px;margin-top:10px}

  .lp-checks{gap:12px;margin-top:26px}
  .lp-checks li{font-size:13.5px;line-height:1.65;padding:14px 16px 14px 40px}
  .lp-checks li::before{left:16px;top:19px;width:7px;height:7px}

  /* --- cifras y colaboradores --- */
  .lp-section--proof .stat{padding:22px 16px}
  .lp-section--proof .stat__n{font-size:23px}
  .lp-section--proof .stat__l{font-size:9.5px;letter-spacing:.12em;margin-top:5px}
  .lp-section--proof .marquee{margin-top:16px;padding-block:14px}
  .lp-section--proof .marquee__item{height:46px}
  .lp-section--proof .kicker{font-size:10px;margin-bottom:0}

  /* --- CTA final --- */
  .lp-cta{padding:32px 22px;gap:26px}
  .lp-cta .lp-head{gap:12px}

  /* el separador entre secciones, más estrecho que el ancho de texto */
  .lp-section + .lp-section::before{width:min(320px,64vw)}
}

/* "Colaboraciones y más" centrado sobre el carrusel de logos */
.lp-section--proof .kicker{text-align:center}

/* Variante de eyebrow sin la rayita del ::before */
.lp-page .eyebrow--plain::before{display:none}


/* ============================================================
   COMPONENTES COMPARTIDOS DE LANDING
   Los usan google-ads, meta-ads, contenido y drone. Añadir aquí
   antes que crear CSS por página.
   ============================================================ */

/* ---------- Migas de pan ---------- */
.lp-crumbs{padding-top:104px}
.lp-crumbs ol{
  list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;
  font-size:.75rem;color:var(--fg-muted);
}
.lp-crumbs li{display:flex;align-items:center;gap:8px}
.lp-crumbs li+li::before{content:"›";opacity:.5}
.lp-crumbs a{transition:color .25s var(--ease)}
.lp-crumbs a:hover{color:var(--terra-soft)}
.lp-crumbs [aria-current]{color:var(--sand)}

/* ---------- Bloque oscuro con matiz: da ritmo sin saltar a un tono claro ----------
   El paso de negro a beige resultaba brusco, así que la alternancia ahora es
   entre dos profundidades del mismo negro cálido. */
.lp-section--deep{
  background:
    radial-gradient(80% 60% at 50% 0%,rgba(196,107,60,.09),transparent 62%),
    linear-gradient(180deg,#191715 0%,#141312 45%,#171514 100%);
  box-shadow:inset 0 1px 0 rgba(237,229,220,.06),inset 0 -1px 0 rgba(237,229,220,.06);
}
.lp-section--deep::before{display:none}

/* ---------- Timeline de proceso ---------- */
.lp-timeline{list-style:none;margin:0;padding:0;display:grid;gap:0}
.lp-timeline li{
  position:relative;display:grid;grid-template-columns:64px 1fr;
  gap:6px 22px;padding:0 0 34px 0;
}
.lp-timeline li::before{
  content:"";position:absolute;left:23px;top:44px;bottom:0;width:1px;
  background:linear-gradient(180deg,var(--terra),transparent);
}
.lp-timeline li:last-child{padding-bottom:0}
.lp-timeline li:last-child::before{display:none}
.lp-timeline__n{
  grid-row:1 / span 2;width:46px;height:46px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid var(--terra);color:var(--terra-soft);
  font-size:.8rem;font-weight:700;letter-spacing:.08em;
  background:var(--ink);
  transition:background .3s var(--ease),color .3s var(--ease),transform .3s var(--ease);
}
.lp-timeline li:hover .lp-timeline__n{background:var(--terra);color:#fff;transform:scale(1.06)}
.lp-timeline h3{margin:10px 0 0;font-size:1.15rem;line-height:1.25;letter-spacing:-.02em}
.lp-timeline p{margin:8px 0 0;color:#BDB8B1;font-size:.94rem;line-height:1.7}

/* ---------- Rejilla de casos de uso / pastillas ---------- */
.lp-uses{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;padding:0;margin:0}
.lp-uses li{
  list-style:none;display:flex;align-items:center;gap:12px;
  flex:0 1 auto;min-width:190px;
  padding:16px 20px;border:1px solid var(--line);border-radius:12px;
  background:rgba(247,247,245,.04);color:#D7D0C8;font-size:.9rem;
  transition:transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease);
}
.lp-uses li:hover{transform:translateY(-4px);border-color:rgba(217,140,95,.6);background:rgba(196,107,60,.09)}
.lp-uses svg{width:18px;height:18px;flex:none;color:var(--terra-soft)}

/* ---------- Galería ---------- */
.lp-gallery figure{
  position:relative;margin:0;overflow:hidden;border-radius:14px;
  box-shadow:0 18px 46px rgba(0,0,0,.4),0 0 0 1px var(--line);
}
.lp-gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3;transition:transform .6s var(--ease)}
.lp-gallery figure:hover img{transform:scale(1.06)}
.lp-gallery figcaption{
  position:absolute;inset:auto 0 0;padding:26px 16px 14px;
  background:linear-gradient(180deg,transparent,rgba(10,10,10,.88));
  font-size:.78rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--sand);
}
.lp-gallery--tall img{aspect-ratio:3/4}

/* ---------- Precio destacado ---------- */
.lp-price{
  display:inline-flex;flex-direction:column;gap:2px;
  padding:18px 26px;border-radius:16px;
  border:1px solid rgba(196,107,60,.5);
  background:linear-gradient(135deg,rgba(196,107,60,.22),rgba(17,17,17,.5));
  box-shadow:0 0 44px rgba(196,107,60,.2);
}
.lp-price__label{font-size:.7rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--terra-soft)}
.lp-price__n{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:700;line-height:1;letter-spacing:-.04em;color:var(--bone)}
.lp-price__n small{font-size:.36em;font-weight:600;letter-spacing:0;color:var(--fg-muted);margin-left:6px}
.lp-price__note{font-size:.78rem;color:var(--fg-muted);margin-top:6px}

/* ---------- FAQ: <details>, funciona sin JS y es rastreable ---------- */
.lp-faq{display:grid;gap:12px;max-width:80ch}
.lp-faq details{
  border:1px solid var(--line-strong);border-radius:14px;
  background:linear-gradient(180deg,rgba(33,33,33,.9),rgba(20,20,20,.94));
  overflow:hidden;transition:border-color .3s var(--ease),background .3s var(--ease);
}
.lp-faq details[open]{border-color:rgba(217,140,95,.6)}
.lp-faq summary{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:20px 22px;cursor:pointer;list-style:none;
  font-size:1rem;font-weight:600;line-height:1.4;color:var(--bone);
}
.lp-faq summary::-webkit-details-marker{display:none}
.lp-faq summary::after{
  content:"";flex:none;width:11px;height:11px;
  border-right:2px solid var(--terra-soft);border-bottom:2px solid var(--terra-soft);
  transform:rotate(45deg) translate(-2px,-2px);transition:transform .3s var(--ease);
}
.lp-faq details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.lp-faq summary:hover{color:var(--terra-soft)}
.lp-faq__a{padding:0 22px 20px;margin:0;color:#BDB8B1;font-size:.94rem;line-height:1.75}

/* ---------- Parallax suave del fondo de sección ---------- */
.lp-parallax{will-change:transform}
@media(prefers-reduced-motion:reduce){.lp-parallax{transform:none!important}}

/* ---------- Móvil de los componentes nuevos ---------- */
@media(max-width:767px){
  .lp-crumbs{padding-top:26px}
  .lp-crumbs ol{font-size:11px}
  .lp-timeline li{grid-template-columns:44px 1fr;gap:4px 16px;padding-bottom:28px}
  .lp-timeline li::before{left:16px;top:38px}
  .lp-timeline__n{width:34px;height:34px;font-size:11px}
  .lp-timeline h3{font-size:16.5px;margin-top:6px}
  .lp-timeline p{font-size:13.5px;line-height:1.7}
  .lp-uses{grid-template-columns:1fr;gap:10px}
  .lp-uses li{font-size:13.5px;padding:14px 16px}
  .lp-gallery figcaption{font-size:10px}
  .lp-faq summary{padding:16px 18px;font-size:14.5px}
  .lp-faq__a{padding:0 18px 16px;font-size:13.5px}
  .lp-price{padding:16px 20px}
  .lp-price__label{font-size:9.5px}
  .lp-price__note{font-size:11.5px}
}

/* las migas van justo debajo del hero, no necesitan el aire de cabecera */
.lp-hero + .lp-crumbs{padding-top:36px;padding-bottom:0}
@media(max-width:767px){.lp-hero + .lp-crumbs{padding-top:26px}}

/* ---------- Failsafe de animaciones ----------
   styles.css oculta .reveal con opacity:0 y lo revela por JS. Si landing.js
   no llega a correr (bloqueado, error de red, observer inerte), la página
   quedaría en blanco bajo el hero. Aquí invertimos el default: visible
   siempre, y sólo se oculta cuando el <head> confirmó que el JS está vivo.
   IMPORTANTE: este bloque debe quedar al final del archivo. */
body.lp-page .reveal{opacity:1;transform:none}
html.has-js body.lp-page .reveal{opacity:0;transform:translateY(22px)}
html.has-js body.lp-page .reveal.is-in{opacity:1;transform:none}



/* ---------- Icono de tarjeta ---------- */
.lp-page .lp-card__ic{
  display:grid;place-items:center;width:46px;height:46px;margin-bottom:18px;
  border-radius:13px;border:1px solid rgba(196,107,60,.42);
  background:linear-gradient(150deg,rgba(196,107,60,.22),rgba(196,107,60,.04));
  color:var(--terra-soft);
  transition:background .32s var(--ease),color .32s var(--ease),transform .32s var(--ease);
}
.lp-page .lp-card__ic svg{width:22px;height:22px}
.lp-problems article:hover .lp-card__ic{
  background:var(--terra);color:#fff;border-color:var(--terra);transform:translateY(-2px) scale(1.04);
}

/* ---------- Galería en carrusel ---------- */
.lp-gallery{
  display:grid;grid-template-columns:none;
  grid-auto-flow:column;grid-auto-columns:min(84%,980px);
  gap:16px;overflow-x:auto;overscroll-behavior-x:contain;
  scroll-snap-type:x mandatory;scroll-padding-inline:0;
  padding:0 0 16px;margin:0;
  scrollbar-width:thin;scrollbar-color:var(--terra) var(--ink-2);
}
.lp-gallery figure{scroll-snap-align:start;min-width:0}
.lp-gallery img{aspect-ratio:16/9}
.lp-gallery figcaption{
  padding:40px 20px 18px;font-size:.8rem;letter-spacing:.14em;
  background:linear-gradient(180deg,transparent,rgba(8,8,8,.92));
  color:var(--bone);
}
.lp-gallery--tall img{aspect-ratio:16/9}
.lp-gallery__hint{
  margin:0 0 16px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--fg-muted);
}
@media(max-width:767px){
  .lp-gallery{grid-auto-columns:88%;gap:12px}
  .lp-gallery img{aspect-ratio:4/3}
  .lp-gallery__hint{font-size:10px}
}

/* ---------- Método con imagen de apoyo ---------- */
.lp-method--media article{position:relative;grid-template-columns:132px 1fr;gap:6px 22px;align-items:center}
.lp-method--media .lp-method__ph{
  grid-row:1 / span 2;align-self:stretch;
  overflow:hidden;border-radius:12px;min-height:104px;
  box-shadow:0 0 0 1px var(--line);
}
.lp-method--media .lp-method__ph img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.lp-method--media article:hover .lp-method__ph img{transform:scale(1.07)}
.lp-method--media > article > span{
  grid-row:auto;position:absolute;top:14px;right:16px;width:34px;height:34px;
  background:rgba(17,17,17,.82);backdrop-filter:blur(4px);font-size:.68rem;
}
@media(max-width:900px){
  .lp-method--media article{grid-template-columns:96px 1fr;gap:4px 16px}
  .lp-method--media .lp-method__ph{min-height:88px}
}
@media(max-width:767px){
  .lp-method--media article{grid-template-columns:1fr;gap:14px}
  .lp-method--media .lp-method__ph{grid-row:auto;min-height:0;aspect-ratio:16/9}
  .lp-method--media > article > span{position:static;width:34px;height:34px;margin-bottom:0}
}

/* ---------- Contraste general del texto sobre #111111 ----------
   El fondo no es negro puro, así que los grises heredados quedaban justos.
   Se suben un escalón para que el cuerpo de texto se lea bien en móvil. */
body.lp-page .lead{color:#C8C2BA}
body.lp-page .lp-problems p,
body.lp-page .lp-method p,
body.lp-page .lp-metrics p,
body.lp-page .lp-timeline p,
body.lp-page .lp-cluster p,
body.lp-page .lp-faq__a{color:#CFC9C2}
body.lp-page .lp-uses li{color:#E2DCD5}
body.lp-page .lp-checks li{color:#E2DCD5}
body.lp-page .contact__info dd{color:var(--bone)}
body.lp-page .lp-crumbs ol{color:#B4AEA7}
body.lp-page .footer ul a{color:#D8D1C9}
body.lp-page .muted{color:#B4AEA7}
.lp-nav__links a{opacity:.92}
.btn--ghost{border-color:rgba(237,229,220,.5);color:var(--bone)}

/* ---------- Hero a una columna: sin mockup flotante ---------- */
.lp-hero__grid--solo{grid-template-columns:minmax(0,1fr);max-width:none}
.lp-hero__grid--solo .lp-hero__copy{max-width:44rem}
.lp-hero__grid--solo .display{max-width:17ch}
.lp-hero__grid--solo .lp-hero__lead{max-width:48ch}
/* con la foto más presente, el velo se concentra a la izquierda para
   sostener la legibilidad del texto sin apagar la imagen */
.lp-hero:has(.lp-hero__grid--solo)::after{
  background:
    linear-gradient(90deg,rgba(17,17,17,.93) 0,rgba(17,17,17,.8) 38%,rgba(17,17,17,.42) 68%,rgba(17,17,17,.5) 100%),
    linear-gradient(180deg,rgba(17,17,17,.55),rgba(17,17,17,.12) 42%,var(--ink) 100%);
}
@supports not (selector(:has(*))){
  .lp-hero::after{background:
    linear-gradient(90deg,rgba(17,17,17,.93) 0,rgba(17,17,17,.8) 38%,rgba(17,17,17,.45) 100%),
    linear-gradient(180deg,rgba(17,17,17,.55),rgba(17,17,17,.12) 42%,var(--ink) 100%);}
}
@media(max-width:767px){
  .lp-hero__grid--solo .lp-hero__copy{max-width:none}
  .lp-hero__grid--solo .display{max-width:none}
}

/* ---------- Carrusel de galería: flechas y barra de avance ---------- */
.lp-carousel{position:relative}
.lp-carousel .lp-gallery{scrollbar-width:none}
.lp-carousel .lp-gallery::-webkit-scrollbar{display:none}
.lp-carousel__nav{
  position:absolute;top:calc(50% - 26px);translate:0 -50%;z-index:3;
  width:56px;height:56px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid rgba(237,229,220,.5);background:rgba(17,17,17,.72);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  color:var(--bone);
  transition:background .25s var(--ease),color .25s var(--ease),border-color .25s var(--ease),opacity .25s var(--ease);
}
.lp-carousel__nav:hover{background:var(--bone);color:var(--ink);border-color:var(--bone)}
.lp-carousel__nav svg{width:22px;height:22px}
.lp-carousel__nav--prev{left:18px}
.lp-carousel__nav--next{right:18px;border-color:var(--terra-soft);background:rgba(17,17,17,.9);box-shadow:0 0 0 4px rgba(17,17,17,.45),0 0 24px rgba(196,107,60,.28)}
.lp-carousel__nav[disabled]{opacity:.28;pointer-events:none}
.lp-carousel__bar{
  height:3px;border-radius:99px;background:rgba(237,229,220,.14);
  margin-top:6px;overflow:hidden;
}
.lp-carousel__bar i{
  display:block;height:100%;border-radius:99px;background:var(--terra);
  transition:width .3s var(--ease),margin-left .3s var(--ease);
}
/* el aviso de deslizar sólo tiene sentido donde se desliza con el dedo */
@media(min-width:768px){.lp-gallery__hint{display:none}}
@media(max-width:767px){.lp-carousel__nav{display:none}}

/* ---------- Sección con video de fondo ---------- */
.lp-section--film{position:relative;isolation:isolate;overflow:hidden;padding-block:clamp(96px,12vw,150px)}
.lp-film__media{position:absolute;inset:0;z-index:-2}
.lp-film__video{width:100%;height:100%;object-fit:cover;opacity:.5}
.lp-section--film::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:
    linear-gradient(90deg,rgba(17,17,17,.95) 0,rgba(17,17,17,.78) 44%,rgba(17,17,17,.45) 100%),
    linear-gradient(180deg,var(--ink),rgba(17,17,17,.25) 30%,rgba(17,17,17,.35) 70%,var(--ink));
}
.lp-section--film::before{display:none}
.lp-film__copy{position:relative;z-index:1}
.lp-film__copy .lp-head{max-width:46rem}
.lp-film__copy .h2{max-width:18ch}
.lp-film__list{
  list-style:none;margin:38px 0 0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;max-width:62rem;
}
.lp-film__list li{
  padding:20px 22px;border-radius:14px;
  border:1px solid rgba(237,229,220,.24);
  background:rgba(17,17,17,.55);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease);
}
.lp-film__list li:hover{transform:translateY(-5px);border-color:rgba(217,140,95,.7);background:rgba(28,22,18,.72)}
.lp-film__list strong{display:block;font-size:1.05rem;font-weight:600;color:var(--bone);letter-spacing:-.015em}
.lp-film__list span{display:block;margin-top:6px;font-size:.86rem;color:#CFC9C2;line-height:1.55}
.lp-film__note{
  margin:32px 0 0;max-width:60ch;font-size:.9rem;line-height:1.7;color:#BDB8B1;
  padding-left:16px;border-left:2px solid rgba(196,107,60,.6);
}
@media(max-width:767px){
  .lp-section--film{padding-block:76px}
  .lp-film__video{opacity:.34}
  .lp-section--film::after{
    background:linear-gradient(180deg,var(--ink),rgba(17,17,17,.72) 24%,rgba(17,17,17,.82) 70%,var(--ink));
  }
  .lp-film__list{grid-template-columns:1fr;gap:10px;margin-top:28px}
  .lp-film__list li{padding:16px 18px}
  .lp-film__list strong{font-size:15px}
  .lp-film__list span{font-size:13px}
  .lp-film__note{font-size:13px;margin-top:24px}
}
@media(prefers-reduced-motion:reduce){.lp-film__video{display:none}}

/* En móvil el hero es de una columna centrada: el velo debe ir de arriba
   abajo, no lateral, o el texto sobre el cielo pierde contraste. */
@media(max-width:767px){
  .lp-hero:has(.lp-hero__grid--solo)::after,
  .lp-hero::after{
    background:
      linear-gradient(180deg,rgba(17,17,17,.8) 0,rgba(17,17,17,.62) 30%,rgba(17,17,17,.86) 72%,var(--ink) 100%),
      linear-gradient(90deg,rgba(17,17,17,.45),rgba(17,17,17,.3));
  }
  .lp-hero__media img{opacity:.66}
}

/* ---------- Panel de indicadores ----------
   Dos usos distintos y deliberadamente diferenciados:
   .lp-kpi--meta  -> rangos objetivo de mejora (llevan la nota legal)
   .lp-kpi--dato  -> hechos operativos verificables (entrega, cobertura, volumen) */
.lp-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.lp-kpi article{
  position:relative;overflow:hidden;
  padding:28px 24px;border-radius:16px;
  border:1px solid var(--line-strong);
  background:linear-gradient(180deg,rgba(33,33,33,.92),rgba(20,20,20,.95));
  box-shadow:0 18px 42px rgba(0,0,0,.28);
  transition:transform .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease);
}
.lp-kpi article::before{
  content:"";position:absolute;inset:0 0 auto;height:2px;
  background:linear-gradient(90deg,var(--terra),transparent);
}
.lp-kpi article:hover{
  transform:translateY(-6px);border-color:rgba(217,140,95,.7);
  box-shadow:0 0 0 1px rgba(196,107,60,.28),0 24px 58px rgba(0,0,0,.42);
}
.lp-kpi__label{
  margin:0;font-size:.72rem;font-weight:700;letter-spacing:.16em;
  text-transform:uppercase;color:var(--terra-soft);
}
.lp-kpi__n{
  margin:14px 0 0;display:flex;align-items:baseline;gap:2px;
  font-size:clamp(2.4rem,4.4vw,3.4rem);font-weight:700;line-height:1;
  letter-spacing:-.045em;color:var(--bone);font-variant-numeric:tabular-nums;
}
.lp-kpi__n em{font-style:normal;font-size:.5em;font-weight:600;letter-spacing:-.02em}
.lp-kpi__range{
  margin:10px 0 0;font-size:.78rem;letter-spacing:.03em;color:#B4AEA7;
}
.lp-kpi__bar{
  margin-top:16px;height:4px;border-radius:99px;
  background:rgba(237,229,220,.12);overflow:hidden;
}
.lp-kpi__bar i{
  display:block;height:100%;width:var(--v,50%);border-radius:99px;
  background:linear-gradient(90deg,var(--terra),var(--terra-soft));
  transform-origin:left;transform:scaleX(0);
  transition:transform 1.1s var(--ease) .15s;
}
.reveal.is-in .lp-kpi__bar i,
.lp-kpi.is-in .lp-kpi__bar i{transform:scaleX(1)}
html:not(.has-js) .lp-kpi__bar i{transform:scaleX(1)}
.lp-kpi__note{
  margin:16px 0 0;font-size:.88rem;line-height:1.65;color:#CFC9C2;
}
.lp-kpi__pie{
  margin:20px 0 0;font-size:.78rem;line-height:1.6;color:#A6A29C;
  padding-left:14px;border-left:2px solid rgba(196,107,60,.55);max-width:72ch;
}
@media(max-width:767px){
  .lp-kpi{grid-template-columns:1fr;gap:12px}
  .lp-kpi article{padding:22px 20px}
  .lp-kpi__label{font-size:10px}
  .lp-kpi__n{font-size:34px;margin-top:12px}
  .lp-kpi__range{font-size:11.5px}
  .lp-kpi__note{font-size:13.5px;margin-top:12px}
  .lp-kpi__pie{font-size:11.5px;margin-top:16px}
}
@media(min-width:768px) and (max-width:1180px){
  .lp-kpi{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(prefers-reduced-motion:reduce){.lp-kpi__bar i{transition:none;transform:scaleX(1)}}

@media(max-width:980px){
  .lp-method--mock article{grid-template-columns:48px 1fr 110px}
  .lp-timeline--cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-compare{grid-template-columns:1fr 1fr}
  .video-showcase{grid-template-columns:repeat(3,minmax(0,190px))}
}
@media(max-width:767px){
  .lp-problems--mock article{padding-top:132px}
  .lp-method--mock article{grid-template-columns:1fr}
  .lp-method--mock article::after{grid-column:1;grid-row:auto;height:96px;margin-top:10px}
  .lp-timeline--cards,.lp-compare{grid-template-columns:1fr}
  .video-showcase{grid-template-columns:repeat(3,72vw);justify-content:start;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 8vw 20px;margin-inline:-6vw}
  .video-showcase article{scroll-snap-align:center}
}

/* Contenido inmobiliario: ritmo visual, carruseles y canales de entrega. */
body[data-landing="contenido"] .lp-hero{min-height:92vh;min-height:92svh;padding:124px 0 80px}
body[data-landing="contenido"] .lp-hero__media img{object-position:center 48%}
body[data-landing="contenido"] .lp-crumbs{padding-top:24px}
body[data-landing="contenido"] .lp-section{padding-block:clamp(96px,10vw,144px)}
body[data-landing="contenido"] .lp-head{gap:22px;margin-bottom:clamp(52px,5.6vw,80px)}
body[data-landing="contenido"] .lp-head .lead{line-height:1.8}
body[data-landing="contenido"] .lp-head--results{max-width:820px;margin-bottom:clamp(52px,5.6vw,80px)}
body[data-landing="contenido"] #problema{padding-block:clamp(96px,10vw,144px)}
body[data-landing="contenido"] #problema .lp-problems{gap:24px}
body[data-landing="contenido"] #problema .lp-problems article{min-height:390px;padding-bottom:34px}
body[data-landing="contenido"] #problema .lp-problems p{margin-top:16px;line-height:1.78}

.lp-benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.lp-benefit-grid article{display:grid;grid-template-columns:minmax(170px,42%) 1fr;grid-template-rows:auto auto 1fr;gap:8px 24px;min-height:290px;overflow:hidden;padding:0 26px 26px 0;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(155deg,rgba(37,32,28,.96),rgba(18,18,18,.97));box-shadow:0 20px 44px rgba(0,0,0,.28);transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
.lp-benefit-grid article:hover{transform:translateY(-6px);border-color:rgba(217,140,95,.65);box-shadow:0 28px 58px rgba(0,0,0,.42)}
.lp-benefit-grid img{grid-row:1 / -1;width:100%;height:100%;min-height:290px;object-fit:cover;transition:transform .55s var(--ease)}
.lp-benefit-grid article:hover img{transform:scale(1.04)}
.lp-benefit-grid article>span{align-self:end;margin-top:28px;color:var(--terra-soft);font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.lp-benefit-grid h3{margin:4px 0 0;color:var(--bone);font-size:1.2rem;line-height:1.25;letter-spacing:-.025em}
.lp-benefit-grid p{margin:8px 0 0;color:#cfc9c2;font-size:.88rem;line-height:1.65}
body[data-landing="contenido"] .lp-kpi--content{position:relative;gap:22px;margin-top:0}
body[data-landing="contenido"] .lp-kpi--content::before{content:"";position:absolute;inset:-42px -3%;z-index:-1;background:radial-gradient(circle at 50% 50%,rgba(196,107,60,.2),transparent 68%);filter:blur(12px);pointer-events:none}
body[data-landing="contenido"] .lp-kpi--content article{min-height:280px;padding:30px 28px;border-color:rgba(217,140,95,.45);background:linear-gradient(155deg,rgba(52,39,31,.97),rgba(18,18,18,.98));box-shadow:0 24px 60px rgba(0,0,0,.4)}
body[data-landing="contenido"] .lp-kpi--content .lp-kpi__n{font-size:clamp(3.2rem,5vw,4.8rem)}

.lp-service-carousel{margin-top:6px}
.lp-service-track{grid-auto-columns:calc((100% - 20px)/2);gap:20px;padding-bottom:18px}
.lp-service-track article{scroll-snap-align:start;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;gap:8px;min-height:500px;overflow:hidden;padding:0 28px 28px;border:1px solid var(--line-strong);border-radius:20px;background:linear-gradient(150deg,rgba(40,34,30,.96),rgba(18,18,18,.98));box-shadow:0 22px 50px rgba(0,0,0,.34)}
.lp-service-track .lp-method__ph{grid-row:auto;width:calc(100% + 56px);height:auto;margin-inline:-28px;min-height:0;aspect-ratio:16/8.2;overflow:hidden}
.lp-service-track .lp-method__ph img{width:100%;height:100%;object-fit:cover;aspect-ratio:auto;transition:transform .55s var(--ease)}
.lp-service-track article:hover .lp-method__ph img{transform:scale(1.045)}
.lp-service-track article>span{align-self:end;margin-top:22px;color:var(--terra-soft);font-size:.75rem;font-weight:700;letter-spacing:.16em}
.lp-service-track h3{margin:4px 0 0;color:var(--bone);font-size:clamp(1.45rem,2.2vw,2rem);line-height:1.16;letter-spacing:-.035em}
.lp-service-track p{margin:10px 0 0;color:#cfc9c2;font-size:.95rem;line-height:1.7}

body[data-landing="contenido"] .lp-section--video-showcase{padding-block:clamp(104px,10.5vw,152px)}
body[data-landing="contenido"] .video-showcase{grid-template-columns:repeat(3,minmax(0,340px));gap:clamp(22px,2.8vw,36px)}
body[data-landing="contenido"] .phone-frame{padding:9px;border-radius:38px}
body[data-landing="contenido"] .phone-frame::before{display:none}
body[data-landing="contenido"] .phone-frame video{border-radius:30px}
body[data-landing="contenido"] .video-showcase b{max-width:300px;font-size:1.08rem;line-height:1.45}

.lp-timeline--interactive{grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;counter-reset:steps}
.lp-timeline--interactive li{display:block;min-height:225px;padding:24px 22px;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(155deg,rgba(37,32,28,.95),rgba(18,18,18,.97));box-shadow:0 18px 40px rgba(0,0,0,.25);transition:transform .35s var(--ease),border-color .35s var(--ease),box-shadow .35s var(--ease)}
.lp-timeline--interactive li::before{display:block;left:24px;right:24px;top:auto;bottom:20px;width:auto;height:3px;border-radius:99px;background:linear-gradient(90deg,var(--terra) 0 32%,rgba(237,229,220,.12) 32%)}
.lp-timeline--interactive li:hover{transform:translateY(-9px);border-color:rgba(217,140,95,.72);box-shadow:0 28px 58px rgba(0,0,0,.42),0 0 28px rgba(196,107,60,.12)}
.lp-timeline--interactive li:hover::before{background:linear-gradient(90deg,var(--terra),var(--terra-soft))}
.lp-timeline--interactive .lp-timeline__n{width:42px;height:42px;margin-bottom:22px}
.lp-timeline--interactive h3{margin:0;font-size:1.02rem;line-height:1.3}
.lp-timeline--interactive p{margin:14px 0 0;font-size:.83rem;line-height:1.65}
body[data-landing="contenido"] .lp-section--proceso .lp-kpi--dato{margin-top:clamp(42px,4.5vw,58px)}

.lp-content-channels{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.lp-content-channel{display:grid;grid-template-columns:64px 1fr;gap:16px;align-items:center;min-height:134px;padding:21px;border:1px solid var(--line-strong);border-radius:18px;background:linear-gradient(150deg,rgba(33,31,29,.95),rgba(17,17,17,.96));box-shadow:0 18px 42px rgba(0,0,0,.25);transition:transform .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease)}
.lp-content-channel:hover{transform:translateY(-6px);border-color:rgba(217,140,95,.68);box-shadow:0 26px 52px rgba(0,0,0,.4)}
.lp-content-channel--feature{grid-column:span 2;grid-template-columns:minmax(120px,30%) 1fr;min-height:190px;background:linear-gradient(145deg,rgba(196,107,60,.17),rgba(22,22,22,.97) 50%)}
.lp-content-channel img{width:100%;height:64px;object-fit:contain}
.lp-content-channel--feature img{height:96px}
.lp-content-channel:nth-child(1) img{transform:scale(1.18)}
.lp-content-channel:nth-child(4) img{height:74px}
.lp-content-channel span{display:block;color:var(--terra-soft);font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.lp-content-channel h3{margin:8px 0 0;color:var(--bone);font-size:1.05rem;line-height:1.3}
.lp-content-channel--feature h3{font-size:clamp(1.35rem,2vw,1.8rem)}
.lp-content-channel p{margin:12px 0 0;color:#cfc9c2;font-size:.88rem;line-height:1.65}
.lp-content-channel__icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;background:rgba(196,107,60,.14);border:1px solid rgba(217,140,95,.35);color:var(--terra-soft);font-size:1.4rem}
.lp-content-channel__icon svg{width:32px;height:32px}

@media(max-width:1100px){
  .lp-benefit-grid article{grid-template-columns:150px 1fr}
  .lp-service-track{grid-auto-columns:calc((100% - 18px)/2);gap:18px}
  .lp-timeline--interactive{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-content-channels{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  body[data-landing="contenido"] .lp-hero{min-height:max(660px,88svh);padding-block:72px}
  body[data-landing="contenido"] .lp-crumbs{padding-top:22px}
  body[data-landing="contenido"] .lp-section{padding-block:84px}
  body[data-landing="contenido"] .lp-head{gap:18px;margin-bottom:40px}
  body[data-landing="contenido"] #problema{padding-block:84px}
  body[data-landing="contenido"] #problema .lp-problems{gap:18px}
  body[data-landing="contenido"] #problema .lp-problems article{min-height:0;padding-bottom:30px}
  .lp-benefit-grid{grid-template-columns:1fr;gap:14px}
  .lp-benefit-grid article{grid-template-columns:1fr;padding:0 22px 24px;min-height:0}
  .lp-benefit-grid img{grid-row:auto;margin-inline:-22px;width:calc(100% + 44px);min-height:0;aspect-ratio:16/9}
  .lp-benefit-grid article>span{margin-top:18px}
  body[data-landing="contenido"] .lp-kpi--content{margin-top:0}
  .lp-service-track{grid-auto-columns:100%;gap:14px}
  .lp-service-track article{grid-template-columns:1fr;padding:0 22px 26px;min-height:0}
  .lp-service-track .lp-method__ph{grid-row:auto;margin-inline:-22px;width:calc(100% + 44px);min-height:0;aspect-ratio:16/10}
  .lp-service-track article>span{margin-top:18px}
  body[data-landing="contenido"] .lp-section--video-showcase{padding-block:88px}
  body[data-landing="contenido"] .video-showcase{grid-template-columns:repeat(3,86vw);gap:18px}
  .lp-timeline--interactive{grid-template-columns:repeat(5,78vw);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-6vw;padding:0 6vw 20px}
  .lp-timeline--interactive li{scroll-snap-align:center;min-height:240px}
  .lp-content-channels{grid-template-columns:1fr;gap:14px}
  .lp-content-channel--feature{grid-column:auto;grid-template-columns:100px 1fr;min-height:190px}
}

/* ==========================================================================
   Google Ads + Meta Ads: fondo continuo y animado, sin líneas entre secciones
   ========================================================================== */
:is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page){background:var(--ink)}
/* dos capas de luz fijas al viewport: el difuminado nunca termina al hacer scroll */
:is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page)::before,
:is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page)::after{
  content:"";position:fixed;inset:-25vmax;z-index:-1;pointer-events:none;will-change:transform;
}
:is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page)::before{
  background:
    radial-gradient(36vmax 26vmax at 70% 26%,rgba(196,107,60,.22),transparent 70%),
    radial-gradient(40vmax 30vmax at 22% 40%,rgba(22,50,79,.36),transparent 70%),
    radial-gradient(32vmax 24vmax at 62% 74%,rgba(196,107,60,.15),transparent 70%),
    radial-gradient(38vmax 28vmax at 30% 80%,rgba(22,50,79,.26),transparent 70%);
  animation:lpAuroraA 36s ease-in-out infinite alternate;
}
:is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page)::after{
  background:
    radial-gradient(28vmax 22vmax at 42% 52%,rgba(217,140,95,.10),transparent 70%),
    radial-gradient(32vmax 24vmax at 80% 58%,rgba(22,50,79,.24),transparent 70%),
    radial-gradient(26vmax 20vmax at 18% 22%,rgba(196,107,60,.08),transparent 70%);
  animation:lpAuroraB 48s ease-in-out infinite alternate;
}
@keyframes lpAuroraA{
  0%{transform:translate3d(-5%,-3%,0) rotate(0deg) scale(1)}
  50%{transform:translate3d(4%,3%,0) rotate(9deg) scale(1.08)}
  100%{transform:translate3d(6%,-2%,0) rotate(-5deg) scale(1.02)}
}
@keyframes lpAuroraB{
  0%{transform:translate3d(5%,4%,0) rotate(0deg) scale(1.05)}
  50%{transform:translate3d(-4%,-2%,0) rotate(-10deg) scale(.96)}
  100%{transform:translate3d(-6%,3%,0) rotate(6deg) scale(1.06)}
}
/* sin divisores ni bandas: todas las secciones sobre el mismo fondo */
:is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page) .lp-section + .lp-section::before{display:none}
:is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page) .lp-section--deep,
body[data-landing="meta-ads"] #resultados{background:transparent;box-shadow:none}
:is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page) .footer{border-top:0;background:transparent}
/* la foto del hero y la de contacto se funden con el fondo en vez de cortar en negro */
:is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page) .lp-hero__media,
:is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page) .lp-hero::after{
  -webkit-mask-image:linear-gradient(180deg,#000 38%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.45) 78%,rgba(0,0,0,.14) 92%,transparent);mask-image:linear-gradient(180deg,#000 38%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.45) 78%,rgba(0,0,0,.14) 92%,transparent);
}
:is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page) .section__bg{
  -webkit-mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);mask-image:linear-gradient(180deg,transparent,#000 24%,#000 76%,transparent);
}
@media(prefers-reduced-motion:reduce){
  :is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page)::before,
  :is(body[data-landing="google-ads"],body[data-landing="meta-ads"],body[data-landing="contenido"],body[data-landing="drone"],body.blog-page)::after{animation:none}
}

/* Drone inmobiliario: entregables visuales y casos de uso compactos. */
body[data-landing="drone"] .lp-section{padding-block:clamp(96px,10vw,144px)}
body[data-landing="drone"] .lp-head{gap:22px;margin-bottom:clamp(52px,5.6vw,80px)}
body[data-landing="drone"] #incluye .lp-head{max-width:920px}
.drone-includes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;counter-reset:drone-card}
.drone-includes article{counter-increment:drone-card;position:relative;display:flex;min-height:280px;flex-direction:column;justify-content:space-between;overflow:hidden;padding:30px;border:1px solid rgba(217,140,95,.38);border-radius:22px;background:linear-gradient(150deg,rgba(55,40,31,.92),rgba(18,18,18,.98) 66%);box-shadow:0 24px 58px rgba(0,0,0,.38);isolation:isolate;transition:transform .38s var(--ease),border-color .38s var(--ease),box-shadow .38s var(--ease)}
.drone-includes article::before{content:"0" counter(drone-card);position:absolute;right:20px;top:14px;z-index:-1;color:rgba(237,229,220,.06);font-size:clamp(4.8rem,7vw,7.2rem);font-weight:800;line-height:1;letter-spacing:-.08em}
.drone-includes article::after{content:"";position:absolute;width:170px;height:170px;right:-70px;bottom:-90px;z-index:-1;border-radius:50%;background:rgba(196,107,60,.22);filter:blur(14px);transition:transform .45s var(--ease),background .45s var(--ease)}
.drone-includes article:hover{transform:translateY(-9px);border-color:rgba(217,140,95,.78);box-shadow:0 34px 72px rgba(0,0,0,.48),0 0 34px rgba(196,107,60,.12)}
.drone-includes article:hover::after{transform:scale(1.28);background:rgba(196,107,60,.34)}
.drone-includes .lp-card__ic{position:static;width:72px;height:72px;border-radius:19px;background:linear-gradient(145deg,rgba(196,107,60,.30),rgba(196,107,60,.08));box-shadow:inset 0 0 0 1px rgba(217,140,95,.46),0 14px 28px rgba(0,0,0,.26);color:var(--terra-soft)}
.drone-includes .lp-card__ic svg{width:32px;height:32px}
.drone-includes h3{max-width:190px;margin:52px 0 0;color:var(--bone);font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.12;letter-spacing:-.035em}
.drone-usecases{margin-top:clamp(48px,5vw,72px);padding:28px;border:1px solid rgba(217,140,95,.32);border-radius:22px;background:linear-gradient(145deg,rgba(52,38,30,.72),rgba(18,18,18,.72));box-shadow:0 22px 54px rgba(0,0,0,.3);backdrop-filter:blur(10px)}
.drone-usecases>.eyebrow{margin-bottom:22px}
.drone-usecases ul{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}
.drone-usecases li{display:flex;min-height:86px;align-items:center;gap:13px;padding:16px;border:1px solid rgba(237,229,220,.14);border-radius:15px;background:rgba(17,17,17,.48);color:var(--bone);font-size:.9rem;font-weight:650;line-height:1.35;transition:transform .3s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}
.drone-usecases li:hover{transform:translateY(-5px);border-color:rgba(217,140,95,.62);background:rgba(196,107,60,.13)}
.drone-usecases li span{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:11px;background:rgba(196,107,60,.18);color:var(--terra-soft);font-size:.68rem;letter-spacing:.08em}
@media(max-width:980px){
  .drone-includes{grid-template-columns:repeat(2,minmax(0,1fr))}
  .drone-usecases ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .drone-usecases li:last-child{grid-column:1 / -1}
}
@media(max-width:767px){
  body[data-landing="drone"] .lp-section{padding-block:84px}
  body[data-landing="drone"] .lp-head{gap:18px;margin-bottom:40px}
  .drone-includes{grid-template-columns:1fr;gap:14px}
  .drone-includes article{min-height:180px;padding:24px}
  .drone-includes .lp-card__ic{width:60px;height:60px;border-radius:16px}
  .drone-includes h3{margin-top:34px}
  .drone-usecases{margin-top:38px;padding:20px}
  .drone-usecases ul{grid-template-columns:1fr}
  .drone-usecases li:last-child{grid-column:auto}
}

/* Google Ads · método: icono en lugar de la miniatura de fondo.
   Va con el prefijo body[data-landing] para ganar a las reglas de columnas
   que reservaban 150-190 px para la miniatura. */
body[data-landing="google-ads"] .lp-method--icons article::after{display:none}
body[data-landing="google-ads"] .lp-method--icons article{grid-template-columns:54px minmax(0,1fr) 56px;align-items:center}
.lp-method__ico{
  grid-column:3;grid-row:1 / span 2;justify-self:end;align-self:center;
  width:56px;height:56px;border-radius:14px;display:grid;place-items:center;
  border:1px solid rgba(196,107,60,.42);
  background:linear-gradient(150deg,rgba(196,107,60,.22),rgba(196,107,60,.04));
  color:var(--terra-soft);
  transition:background .32s var(--ease),color .32s var(--ease),border-color .32s var(--ease),transform .32s var(--ease);
}
.lp-method__ico svg{width:26px;height:26px}
.lp-method--icons article:hover .lp-method__ico{background:var(--terra);border-color:var(--terra);color:#fff;transform:translateY(-2px) scale(1.04)}
@media(max-width:980px){
  body[data-landing="google-ads"] .lp-method--icons article{grid-template-columns:48px minmax(0,1fr) 52px}
}
@media(max-width:767px){
  body[data-landing="google-ads"] .lp-method--icons article{grid-template-columns:minmax(0,1fr) auto;gap:10px 14px}
  body[data-landing="google-ads"] .lp-method--icons article > span{grid-column:1;grid-row:1}
  body[data-landing="google-ads"] .lp-method--icons article > h3,
  body[data-landing="google-ads"] .lp-method--icons article > p{grid-column:1 / -1}
  .lp-method__ico{grid-column:2;grid-row:1;width:44px;height:44px;border-radius:12px}
  .lp-method__ico svg{width:21px;height:21px}
}

/* ==========================================================================
   Drone · "Qué incluye" compacto: tarjetas sin número de fondo, ficha del
   equipo y casos de uso dentro de la misma sección.
   ========================================================================== */
body[data-landing="drone"] .drone-includes{gap:16px}
body[data-landing="drone"] .drone-includes article{
  min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;
  padding:20px 22px;border-radius:18px;
}
body[data-landing="drone"] .drone-includes article::before{content:none;display:none}
body[data-landing="drone"] .drone-includes article::after{width:120px;height:120px;right:-60px;bottom:-70px}
body[data-landing="drone"] .drone-includes .lp-card__ic{flex:none;width:52px;height:52px;margin:0;border-radius:15px}
body[data-landing="drone"] .drone-includes .lp-card__ic svg{width:24px;height:24px}
body[data-landing="drone"] .drone-includes h3{max-width:none;margin:0;font-size:clamp(1.02rem,1.3vw,1.18rem);line-height:1.25;letter-spacing:-.02em}

/* ficha del equipo */
.drone-gear{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:clamp(20px,3vw,40px);align-items:center;
  margin-top:16px;padding:24px 26px;border-radius:18px;
  border:1px solid rgba(217,140,95,.32);
  background:linear-gradient(145deg,rgba(52,38,30,.72),rgba(18,18,18,.78));
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}
.drone-gear__head .eyebrow{margin:0 0 8px}
.drone-gear__head h3{margin:0;font-size:clamp(1.3rem,1.8vw,1.6rem);letter-spacing:-.03em;color:var(--bone)}
.drone-gear__head p:not(.eyebrow){margin:8px 0 0;font-size:.88rem;line-height:1.6;color:#CFC9C2}
.drone-gear__specs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.drone-gear__specs li{
  padding:14px 14px 12px;border-radius:13px;border:1px solid rgba(237,229,220,.14);
  background:rgba(17,17,17,.5);transition:border-color .3s var(--ease),background .3s var(--ease);
}
.drone-gear__specs li:hover{border-color:rgba(217,140,95,.6);background:rgba(196,107,60,.12)}
.drone-gear__specs strong{display:block;font-size:clamp(1.05rem,1.5vw,1.3rem);font-weight:700;letter-spacing:-.03em;color:var(--bone);white-space:nowrap}
.drone-gear__specs span{display:block;margin-top:4px;font-size:.74rem;line-height:1.4;color:#B4AEA7}

/* casos de uso: más pequeños y pegados al bloque */
body[data-landing="drone"] #incluye .drone-usecases{margin-top:16px;padding:20px 22px;border-radius:18px}
body[data-landing="drone"] #incluye .drone-usecases>.eyebrow{margin-bottom:14px}
body[data-landing="drone"] #incluye .drone-usecases ul{gap:10px}
body[data-landing="drone"] #incluye .drone-usecases li{min-height:0;padding:12px 14px;gap:11px;font-size:.84rem;border-radius:13px}
body[data-landing="drone"] #incluye .drone-usecases li span{flex-basis:30px;height:30px;border-radius:9px;font-size:.62rem}

@media(max-width:1100px){
  .drone-gear{grid-template-columns:1fr}
}
@media(max-width:767px){
  body[data-landing="drone"] .drone-includes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  body[data-landing="drone"] .drone-includes article{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}
  body[data-landing="drone"] .drone-includes .lp-card__ic{width:44px;height:44px;border-radius:12px}
  body[data-landing="drone"] .drone-includes .lp-card__ic svg{width:21px;height:21px}
  body[data-landing="drone"] .drone-includes h3{font-size:15px}
  .drone-gear{padding:18px}
  .drone-gear__specs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .drone-gear__specs strong{font-size:17px}
  .drone-gear__specs span{font-size:11px}
  body[data-landing="drone"] #incluye .drone-usecases{padding:16px}
  body[data-landing="drone"] #incluye .drone-usecases li{font-size:13px}
}
/* la etiqueta "Equipo" va alineada con el título de la ficha, no centrada */
.drone-gear__head .eyebrow{justify-content:flex-start;text-align:left}
body[data-landing="drone"] #incluye .drone-usecases>.eyebrow{justify-content:flex-start;text-align:left}

/* ==========================================================================
   Drone · banda de licencia DGAC dentro de "Qué esperar, sin letra chica".
   Resume la antigua sección "Piloto certificado, permisos y seguridad".
   ========================================================================== */
.drone-license{
  position:relative;overflow:hidden;isolation:isolate;
  display:grid;grid-template-columns:auto minmax(0,1.3fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;
  margin-top:18px;padding:clamp(24px,3vw,34px);border-radius:20px;
  border:1px solid rgba(217,140,95,.55);
  background:linear-gradient(120deg,rgba(196,107,60,.24),rgba(33,28,24,.94) 42%,rgba(18,18,18,.96));
  box-shadow:0 0 0 1px rgba(196,107,60,.12),0 24px 60px rgba(0,0,0,.38);
}
.drone-license::after{
  content:"";position:absolute;z-index:-1;width:260px;height:260px;left:-80px;top:-90px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(217,140,95,.28),transparent);
}
.drone-license__badge{
  width:76px;height:76px;border-radius:20px;display:grid;place-items:center;
  background:linear-gradient(145deg,var(--terra),#A9562B);color:#fff;
  box-shadow:0 14px 30px rgba(196,107,60,.35),inset 0 0 0 1px rgba(255,255,255,.18);
}
.drone-license__badge svg{width:36px;height:36px}
.drone-license__k{margin:0;font-size:.7rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--terra-soft)}
.drone-license__copy h3{margin:8px 0 0;font-size:clamp(1.25rem,2vw,1.7rem);line-height:1.2;letter-spacing:-.03em;color:var(--bone)}
.drone-license__copy h3 strong{color:var(--terra-soft)}
.drone-license__copy p:not(.drone-license__k){margin:10px 0 0;font-size:.9rem;line-height:1.65;color:#CFC9C2;max-width:52ch}
.drone-license__list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.drone-license__list li{
  display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:12px;
  border:1px solid rgba(237,229,220,.14);background:rgba(17,17,17,.5);
  font-size:.86rem;color:#E2DCD5;
}
.drone-license__list svg{width:16px;height:16px;flex:none;color:var(--terra-soft)}
@media(max-width:1100px){
  .drone-license{grid-template-columns:auto minmax(0,1fr)}
  .drone-license__list{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:767px){
  .drone-license{grid-template-columns:1fr;gap:16px;padding:22px 18px;text-align:left}
  .drone-license__badge{width:60px;height:60px;border-radius:16px}
  .drone-license__badge svg{width:28px;height:28px}
  .drone-license__copy h3{font-size:19px}
  .drone-license__copy p:not(.drone-license__k){font-size:13.5px}
  .drone-license__list{grid-template-columns:1fr}
  .drone-license__list li{font-size:13px}
}

/* ==========================================================================
   Drone · lectura más corrida: menos aire entre secciones desde la 2.ª
   (galería) hasta el formulario. Antes ~288 px entre bloques, ahora ~128.
   ========================================================================== */
body[data-landing="drone"] #incluye{padding-bottom:clamp(40px,4.4vw,64px)}
body[data-landing="drone"] #galeria,
body[data-landing="drone"] #galeria ~ .lp-section:not(#contacto){padding-block:clamp(40px,4.4vw,64px)}
body[data-landing="drone"] #contacto{padding-top:clamp(56px,5.6vw,80px)}
@media(max-width:767px){
  body[data-landing="drone"] #incluye{padding-bottom:36px}
  body[data-landing="drone"] #galeria,
  body[data-landing="drone"] #galeria ~ .lp-section:not(#contacto){padding-block:36px}
  body[data-landing="drone"] #contacto{padding-top:52px}
}

/* ==========================================================================
   Drone · "Qué incluye": más contraste en las tarjetas.
   Fondo más plano y oscuro, sin el halo naranja detrás del texto, y
   título en blanco y con más peso.
   ========================================================================== */
body[data-landing="drone"] .drone-includes article{
  background:linear-gradient(160deg,#2A2320 0%,#1A1817 55%,#151515 100%);
  border-color:rgba(217,140,95,.5);
}
body[data-landing="drone"] .drone-includes article::after{opacity:.35}
body[data-landing="drone"] .drone-includes h3{color:#FFFFFF;font-weight:700;text-shadow:0 1px 12px rgba(0,0,0,.45)}
body[data-landing="drone"] .drone-includes .lp-card__ic{
  background:linear-gradient(145deg,rgba(196,107,60,.42),rgba(196,107,60,.16));
  color:#F2B48D;box-shadow:inset 0 0 0 1px rgba(217,140,95,.7),0 10px 22px rgba(0,0,0,.3);
}
body[data-landing="drone"] .drone-includes article:hover{border-color:rgba(217,140,95,.9)}

/* ==========================================================================
   Drone · banda de licencia DGAC animada.
   Brillo que recorre la banda, sello con pulso, escudo que se dibuja y
   puntos de la lista que entran en cascada al aparecer.
   ========================================================================== */
.drone-license::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(105deg,transparent 35%,rgba(255,214,186,.14) 50%,transparent 65%);
  background-size:250% 100%;background-position:130% 0;
  animation:dgacSheen 5.5s var(--ease) infinite;
}
.drone-license > *{position:relative;z-index:1}
@keyframes dgacSheen{0%,35%{background-position:130% 0}75%,100%{background-position:-30% 0}}

.drone-license__badge{position:relative}
.drone-license__badge::after{
  content:"";position:absolute;inset:-6px;border-radius:24px;border:2px solid rgba(217,140,95,.55);
  animation:dgacPulse 2.6s var(--ease) infinite;
}
@keyframes dgacPulse{0%{transform:scale(.92);opacity:.9}70%{transform:scale(1.18);opacity:0}100%{opacity:0}}

/* el escudo y el check se dibujan al entrar */
.drone-license__badge path{stroke-dasharray:80;stroke-dashoffset:80}
.drone-license.is-in .drone-license__badge path{animation:dgacDraw 1.2s var(--ease) .25s forwards}
.drone-license.is-in .drone-license__badge path + path{animation-delay:.9s}
@keyframes dgacDraw{to{stroke-dashoffset:0}}

/* "DGAC" con un subrayado que crece */
.drone-license__copy h3 strong{position:relative;white-space:nowrap}
.drone-license__copy h3 strong::after{
  content:"";position:absolute;left:0;right:0;bottom:-3px;height:2px;border-radius:2px;
  background:var(--terra-soft);transform:scaleX(0);transform-origin:left;
  transition:transform .8s var(--ease) .6s;
}
.drone-license.is-in .drone-license__copy h3 strong::after{transform:scaleX(1)}

/* lista en cascada */
.drone-license__list li{opacity:0;transform:translateX(18px);transition:opacity .5s var(--ease),transform .5s var(--ease),border-color .3s var(--ease),background .3s var(--ease)}
.drone-license.is-in .drone-license__list li{opacity:1;transform:none}
.drone-license.is-in .drone-license__list li:nth-child(1){transition-delay:.35s}
.drone-license.is-in .drone-license__list li:nth-child(2){transition-delay:.5s}
.drone-license.is-in .drone-license__list li:nth-child(3){transition-delay:.65s}
.drone-license.is-in .drone-license__list li:nth-child(4){transition-delay:.8s}
.drone-license__list li:hover{border-color:rgba(217,140,95,.6);background:rgba(196,107,60,.12)}

/* sin JS o sin animaciones: todo visible y quieto */
html:not(.has-js) .drone-license__list li{opacity:1;transform:none}
html:not(.has-js) .drone-license__badge path{stroke-dashoffset:0}
@media(prefers-reduced-motion:reduce){
  .drone-license::before,.drone-license__badge::after{animation:none;display:none}
  .drone-license__badge path{stroke-dasharray:none;stroke-dashoffset:0;animation:none!important}
  .drone-license__list li{opacity:1;transform:none;transition:none}
  .drone-license__copy h3 strong::after{transform:scaleX(1);transition:none}
}
/* textos secundarios de "Qué incluye": más grandes y claros */
body[data-landing="drone"] .drone-gear__specs span{font-size:.82rem;color:#DAD4CD}
body[data-landing="drone"] .drone-gear__specs strong{color:#FFFFFF}
body[data-landing="drone"] .drone-gear__head p:not(.eyebrow){font-size:.94rem;color:#DCD6CF}
body[data-landing="drone"] .drone-gear__head h3{color:#FFFFFF}
body[data-landing="drone"] #incluye .drone-usecases li{font-weight:600;color:#FFFFFF}
@media(max-width:767px){
  body[data-landing="drone"] .drone-gear__specs span{font-size:12px}
  body[data-landing="drone"] .drone-gear__head p:not(.eyebrow){font-size:14px}
}
/* "Todo el sistema…" va ahora después del formulario: mismo ritmo arriba y
   algo más de aire antes del pie de página */
body[data-landing="drone"] #contacto{padding-bottom:clamp(40px,4.4vw,64px)}
/* especificidad por encima de "#galeria ~ .lp-section:not(#contacto)" */
body[data-landing="drone"] #galeria ~ #contacto + #servicios.lp-section{padding-bottom:clamp(64px,7vw,104px)}
@media(max-width:767px){
  body[data-landing="drone"] #contacto{padding-bottom:36px}
  body[data-landing="drone"] #galeria ~ #contacto + #servicios.lp-section{padding-bottom:64px}
}

/* ==========================================================================
   Google Ads, Meta Ads y Contenido: "Todo el sistema…" va ahora al final,
   después del formulario (o del CTA final en Google Ads). Arriba recupera el
   margen estándar de sección para seguir el ritmo de la página, y abajo deja
   el mismo aire antes del pie que en la landing de drone.
   main > #servicios:last-child gana a las reglas que la compactaban cuando
   iba en medio de la página.
   ========================================================================== */
body[data-landing="google-ads"] main > #servicios:last-child,
body[data-landing="meta-ads"] main > #servicios:last-child,
body[data-landing="contenido"] main > #servicios:last-child{
  padding-top:clamp(96px,10vw,144px);padding-bottom:clamp(64px,7vw,104px);
}
@media(max-width:767px){
  body[data-landing="google-ads"] main > #servicios:last-child,
  body[data-landing="meta-ads"] main > #servicios:last-child,
  body[data-landing="contenido"] main > #servicios:last-child{padding-top:84px;padding-bottom:64px}
}

/* ==========================================================================
   Móvil · las cuatro landings: menos cuerpo de letra y más margen lateral.
   El prefijo html body.lp-page gana a las reglas por página (body[data-landing])
   sin recurrir a !important. :not(.blog-page) deja el blog fuera.
   Los campos del formulario se quedan en 16 px: por debajo, Safari en iOS
   hace zoom al enfocarlos.
   ========================================================================== */
@media(max-width:767px){
  /* margen lateral: de 26 a 32 px por lado */
  html body.lp-page:not(.blog-page) .wrap{width:calc(100% - 64px)}

  /* titulares y textos */
  html body.lp-page:not(.blog-page) .lp-hero .display{font-size:27px;line-height:1.1}
  html body.lp-page:not(.blog-page) .lp-hero__lead{font-size:13.5px;line-height:1.7}
  html body.lp-page:not(.blog-page) .lp-head .h2,
  html body.lp-page:not(.blog-page) .h2{font-size:20px;line-height:1.22}
  html body.lp-page:not(.blog-page) .lp-head .lead,
  html body.lp-page:not(.blog-page) .lead{font-size:13.5px;line-height:1.72}
  html body.lp-page:not(.blog-page) .eyebrow,
  html body.lp-page:not(.blog-page) .kicker{font-size:9.5px;letter-spacing:.18em}
  html body.lp-page:not(.blog-page) .hero__tag{font-size:9.5px}

  /* tarjetas */
  html body.lp-page:not(.blog-page) .lp-problems article,
  html body.lp-page:not(.blog-page) .lp-method article,
  html body.lp-page:not(.blog-page) .lp-metrics article{padding:22px 18px}
  html body.lp-page:not(.blog-page) .lp-problems h3,
  html body.lp-page:not(.blog-page) .lp-method h3,
  html body.lp-page:not(.blog-page) .lp-timeline h3{font-size:15.5px;line-height:1.3}
  html body.lp-page:not(.blog-page) .lp-problems p,
  html body.lp-page:not(.blog-page) .lp-method p,
  html body.lp-page:not(.blog-page) .lp-metrics p,
  html body.lp-page:not(.blog-page) .lp-timeline p,
  html body.lp-page:not(.blog-page) .lp-cluster p{font-size:13px;line-height:1.7}
  html body.lp-page:not(.blog-page) .lp-uses li,
  html body.lp-page:not(.blog-page) .lp-checks li{font-size:13px}
  html body.lp-page:not(.blog-page) .lp-cluster strong{font-size:15.5px}

  /* cifras: mismo tamaño en las cuatro páginas (estaban entre 34 y 51 px) */
  html body.lp-page:not(.blog-page) .lp-kpi article{padding:20px 18px}
  html body.lp-page:not(.blog-page) .lp-kpi__n,
  html body.lp-page:not(.blog-page) .lp-metrics strong{font-size:30px}
  html body.lp-page:not(.blog-page) .lp-kpi__label{font-size:9.5px}
  html body.lp-page:not(.blog-page) .lp-kpi__range{font-size:11px}
  html body.lp-page:not(.blog-page) .lp-kpi__note{font-size:13px;line-height:1.65}
  html body.lp-page:not(.blog-page) .stat__n{font-size:21px}

  /* preguntas frecuentes y CTA */
  html body.lp-page:not(.blog-page) .lp-faq summary{font-size:14px;padding:15px 16px}
  html body.lp-page:not(.blog-page) .lp-faq__a{font-size:13px;padding:0 16px 15px}
  html body.lp-page:not(.blog-page) .lp-cta{padding:26px 18px}

  /* contacto: el texto baja, pero los campos se quedan en 16 px */
  html body.lp-page:not(.blog-page) .contact__info dt{font-size:9.5px}
  html body.lp-page:not(.blog-page) .contact__info dd{font-size:14.5px}
  html body.lp-page:not(.blog-page) .form__panel{padding:18px 15px}
  html body.lp-page:not(.blog-page) .field label{font-size:10px}
  html body.lp-page:not(.blog-page) .form__consent{font-size:12px}
  html body.lp-page:not(.blog-page) .field input,
  html body.lp-page:not(.blog-page) .field select,
  html body.lp-page:not(.blog-page) .field textarea{font-size:16px}
}
  /* Meta Ads fija el tamaño de sus cifras en #resultados: hay que igualarlo */
@media(max-width:767px){
  html body.lp-page:not(.blog-page) #resultados .lp-kpi__n{font-size:30px}
}