/* ============================================================
   LEAD THE MOOD — CAPA INDUSTRIAL
   Solo cambia la piel: color, tipografía y superficies.
   Las rejillas y los layouts de site.css / pages.css se respetan
   tal cual, porque funcionan.
   ============================================================ */

body.ltm-ind{
	/* paleta técnica: grafito, acero y un único acento */
	--lm-bg:#f4f5f7;
	--lm-ink:#14181f;
	--lm-dim:rgba(20,24,31,.62);
	--lm-line:rgba(20,24,31,.14);
	--lm-card:#ffffff;
	--lm-deep:#14181f;
	--ind-accent:#0a5cd6;      /* azul técnico */
	--ind-accent-d:#08429b;
	--ind-steel:#5b6472;
	--ind-rule:rgba(20,24,31,.2);
	/* el g-flow se congela: un solo par de color, sin animación */
	--ang:90deg; --cA:#0a5cd6; --cB:#0a5cd6;
	animation:none !important;
}

/* ------------------------------------------------ superficies planas */
body.ltm-ind .g-fill,
body.ltm-ind .lbtn-grad,
body.ltm-ind .lst-pill{
	background-image:none !important; background-color:var(--ind-accent) !important; color:#fff;
	box-shadow:none !important;
}
body.ltm-ind .g-text,
body.ltm-ind .lnum-fig,
body.ltm-ind .se-stat b,
body.ltm-ind .ab-num b,
body.ltm-ind .mt-n,
body.ltm-ind .nf b{
	background-image:none !important;
	-webkit-text-fill-color:var(--ind-accent) !important;
	color:var(--ind-accent) !important;
}
body.ltm-ind .lsrow:hover .lsrow-name,
body.ltm-ind .sv-card:hover .sv-name,
body.ltm-ind .bl-row:hover h3,
body.ltm-ind .lfooter-mail:hover,
body.ltm-ind .lmanifest-text a,
body.ltm-ind .ab-manifest em,
body.ltm-ind .pr-plan:not(.is-star) .pr-fig{
	background-image:none !important;
	-webkit-text-fill-color:var(--ind-accent) !important;
	color:var(--ind-accent) !important;
}
/* nada de canvas ni degradados animados */
body.ltm-ind canvas[data-gflow]{ display:none !important; }
body.ltm-ind .lconfetti{ display:none !important; }

/* esquinas menos redondas: registro más técnico */
body.ltm-ind .lhero2{ border-radius:0; }
body.ltm-ind .lcta-panel,
body.ltm-ind .sv-card,
body.ltm-ind .sc-card,
body.ltm-ind .lcaso,
body.ltm-ind .lcase,
body.ltm-ind .se-stat,
body.ltm-ind .ab-num,
body.ltm-ind .pr-plan,
body.ltm-ind .sd-item,
body.ltm-ind .lwork,
body.ltm-ind .bl-feat,
body.ltm-ind .ct-split,
body.ltm-ind .se-vs,
body.ltm-ind .sd-price,
body.ltm-ind .lfooter{ border-radius:4px; }
body.ltm-ind .lbtn{ border-radius:3px; }
body.ltm-ind .lhero2-kicker,
body.ltm-ind .lhero2-meta li,
body.ltm-ind .mt-out span,
body.ltm-ind .cs-mrow li,
body.ltm-ind .lfilter,
body.ltm-ind .laudit-list li{ border-radius:3px; }

/* sombras: fuera el brillo de color */
body.ltm-ind .sv-card,
body.ltm-ind .lcaso,
body.ltm-ind .lcase,
body.ltm-ind .se-stat,
body.ltm-ind .ab-num,
body.ltm-ind .pr-plan,
body.ltm-ind .lwork,
body.ltm-ind .bl-feat,
body.ltm-ind .ct-split{ box-shadow:0 1px 3px rgba(20,24,31,.08); }
body.ltm-ind .sv-card:hover,
body.ltm-ind .lcaso:hover,
body.ltm-ind .lcase:hover,
body.ltm-ind .lwork:hover,
body.ltm-ind .sc-card:hover,
body.ltm-ind .lsector:hover{
	transform:translateY(-2px) !important; box-shadow:0 6px 18px rgba(20,24,31,.13) !important;
}

/* ------------------------------------------------ hero plano con rejilla */
.lhero2.is-ind{
	background:var(--lm-deep); color:#fff; overflow:hidden;
	border-bottom:3px solid var(--ind-accent);
}
.lhero2-grid{
	position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5;
	background-image:
		linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
		linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
	background-size:64px 64px;
	mask-image:linear-gradient(to bottom, #000 20%, transparent 92%);
	-webkit-mask-image:linear-gradient(to bottom, #000 20%, transparent 92%);
}
.lhero2.is-ind .lhero2-title{ text-shadow:none; letter-spacing:-.03em; }
.lhero2.is-ind .lhero2-text{ text-shadow:none; color:rgba(255,255,255,.78); }
.lhero2.is-ind .lhero2-kicker{
	background:transparent; border:1px solid var(--ind-accent); color:#fff;
	backdrop-filter:none; letter-spacing:.18em;
}
.lhero2.is-ind .lhero2-meta li{
	background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.18);
	backdrop-filter:none; font-weight:500;
}

/* botones industriales */
.lbtn-ind{ background:var(--ind-accent); color:#fff; }
.lbtn-ind:hover{ background:var(--ind-accent-d); }
.lbtn-indline{ border:1.5px solid rgba(255,255,255,.4); color:#fff; background:transparent; }
.lbtn-indline:hover{ border-color:#fff; background:rgba(255,255,255,.08); }
body.ltm-ind .lbtn-line{ border-color:var(--ind-rule); color:var(--lm-ink); }
body.ltm-ind .lbtn-line:hover{ border-color:var(--ind-accent); color:var(--ind-accent); }
body.ltm-ind .lbtn-white{ background:var(--ind-accent); color:#fff; box-shadow:none; }
body.ltm-ind .lbtn-white:hover{ background:var(--ind-accent-d); }
body.ltm-ind .lbtn-glass{ border:1.5px solid rgba(255,255,255,.4); background:transparent; backdrop-filter:none; }

/* CTA de cierre plano */
.lcta.is-ind .lcta-panel{
	background:var(--lm-deep); box-shadow:none;
	border-left:4px solid var(--ind-accent); padding:8vh 6vw;
}
.lcta.is-ind .lcta-title em{ text-decoration-color:var(--ind-accent); }

/* ------------------------------------------------ header industrial */
body.ltm-ind .cheader{ background:#fff; box-shadow:0 1px 0 var(--lm-line); }
body.ltm-ind .cheader.is-scrolled{ background:#fff; backdrop-filter:none; }
body.ltm-ind .cheaderlogo a,
body.ltm-ind .cheader.is-scrolled .cheaderlogo a{ color:var(--lm-ink); }
body.ltm-ind .cheader .cmenu li a,
body.ltm-ind .cheader.is-scrolled .cmenu li a{ color:var(--lm-ink); border-radius:3px; }
body.ltm-ind .cheader .cmenu li a:hover{ background:rgba(20,24,31,.06); }
body.ltm-ind .cheader .cmenu li:last-child a{
	border:1.5px solid var(--ind-accent); color:var(--ind-accent);
}
body.ltm-ind .cheader .cmenu li:last-child a:hover{
	background:var(--ind-accent); background-image:none; color:#fff; border-color:var(--ind-accent);
}
body.ltm-ind .cburger .cbar,
body.ltm-ind .cheader.is-scrolled .cburger .cbar{ background:var(--lm-ink); }
body.ltm-ind .lang{ color:var(--lm-ink); }
body.ltm-ind .lang:hover{ background:rgba(20,24,31,.06); }

/* el logo lleva sufijo "Industrial" */
body.ltm-ind .cheaderlogo a{ display:flex; align-items:center; gap:12px; }
.cheaderlogo-sub{
	font-size:11px; font-weight:700; letter-spacing:.2em; text-transform:uppercase;
	color:var(--ind-accent); border-left:1px solid var(--lm-line); padding-left:12px;
	white-space:nowrap;
}
@media (max-width:560px){ .cheaderlogo-sub{ display:none; } }

/* etiqueta de grupo en el header */
.ind-groupbar{
	background:var(--lm-deep); color:rgba(255,255,255,.72);
	font-size:11.5px; letter-spacing:.1em; text-transform:uppercase;
	padding:9px 2vw; display:flex; justify-content:space-between; align-items:center; gap:16px;
}
.ind-groupbar a{ color:#fff; border-bottom:1px solid var(--ind-accent); }
.ind-groupbar span{ white-space:nowrap; }
@media (max-width:760px){ .ind-groupbar .ind-gb-tel{ display:none; } }

/* ------------------------------------------------ tipografía técnica */
body.ltm-ind .lhero2-kicker,
body.ltm-ind .lkicker,
body.ltm-ind .lcaso-sec,
body.ltm-ind .lwork-sec,
body.ltm-ind .lcase-k,
body.ltm-ind .bl-tag,
body.ltm-ind .sd-step span,
body.ltm-ind .ab-vn,
body.ltm-ind .cs-mrow span,
body.ltm-ind .lfcol-t{
	font-family:'Poppins',sans-serif; letter-spacing:.16em; font-weight:600;
	color:var(--ind-accent);
}
body.ltm-ind .lh1,
body.ltm-ind .lh2,
body.ltm-ind .lsec-title,
body.ltm-ind .lhero2-title{ letter-spacing:-.028em; }

/* reglas y separadores marcados */
body.ltm-ind .lsechead{
	border-bottom:2px solid var(--lm-ink); padding-bottom:22px;
}
body.ltm-ind .sd-rail::before{
	background-image:none; background-color:var(--ind-rule); height:2px;
}
body.ltm-ind .sd-step::before{ background:var(--lm-bg); border-color:var(--ind-accent); border-radius:0; }
body.ltm-ind .mt-steps::before{ background-image:none; background-color:var(--ind-rule); }
body.ltm-ind .mt-step::before{ border-color:var(--ind-accent); border-radius:0; background:var(--lm-bg); }
body.ltm-ind .sd-item::before{
	background-image:none; background-color:var(--ind-accent); border-radius:2px;
}
body.ltm-ind .lcase::after{ background-image:none; background-color:var(--ind-accent); }
body.ltm-ind .se-sol .se-list li::before{
	background-image:none; -webkit-text-fill-color:var(--ind-accent); color:var(--ind-accent);
}
body.ltm-ind .pr-feat li::before{ color:var(--ind-accent); }
body.ltm-ind .lfaq2-item summary::after{ color:var(--ind-accent); }
body.ltm-ind .sv-free{ background-image:none; background-color:var(--ind-accent); }
body.ltm-ind .lfilter.is-on{ background-image:none; background-color:var(--ind-accent); }
body.ltm-ind .lsrow-hl .lsrow-name::after{ background-image:none; background-color:var(--ind-accent); }

/* tarjeta destacada del bento y de precios, en plano */
body.ltm-ind .sv-card.is-hero,
body.ltm-ind .pr-plan.is-star{
	background-image:none !important; background-color:var(--lm-deep) !important;
	transform:none; box-shadow:0 1px 3px rgba(20,24,31,.12);
}
body.ltm-ind .pr-plan.is-star .pr-fig{ -webkit-text-fill-color:#fff; color:#fff; }
body.ltm-ind .pr-badge{ background:var(--ind-accent); border-color:var(--ind-accent); border-radius:3px; }

/* sectores con foto: menos glamour, más documental */
body.ltm-ind .sc-card::after{
	background:linear-gradient(to top, rgba(20,24,31,.92) 14%, rgba(20,24,31,.45) 60%, rgba(20,24,31,.2));
}
body.ltm-ind .sc-bg img,
body.ltm-ind .lwork img{ filter:saturate(.72) contrast(1.04); }
body.ltm-ind .sc-card:hover .sc-bg img,
body.ltm-ind .lwork:hover img{ filter:saturate(.9) contrast(1.04); }

/* ------------------------------------------------ footer industrial */
body.ltm-ind .lfooter{
	background:var(--lm-deep); border-radius:0;
	border-top:3px solid var(--ind-accent);
}

/* ------------------------------------------------ ficha técnica y tablas */
.ind-specs{ width:100%; border-collapse:collapse; font-size:15px; }
.ind-specs th,.ind-specs td{ padding:16px 14px; border-bottom:1px solid var(--lm-line); text-align:left; }
.ind-specs thead th{
	font-size:11.5px; letter-spacing:.14em; text-transform:uppercase;
	color:var(--ind-accent); border-bottom:2px solid var(--lm-ink);
}
.ind-specs tbody th{ font-weight:500; color:var(--lm-dim); width:38%; }

/* bloque de datos duros */
.ind-facts{ display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--lm-line); border:1px solid var(--lm-line); }
.ind-fact{ background:var(--lm-card); padding:30px 24px; }
.ind-fact b{ display:block; font-size:clamp(28px,3.2vw,44px); font-weight:700; letter-spacing:-.04em; color:var(--ind-accent); line-height:1; }
.ind-fact span{ display:block; margin-top:10px; font-size:13.5px; line-height:1.5; color:var(--lm-dim); }
@media (max-width:900px){ .ind-facts{ grid-template-columns:1fr 1fr; } }
@media (max-width:560px){ .ind-facts{ grid-template-columns:1fr; } }

/* el crédito de Code vive en pages.css para estar en todo el site */
body.ltm-ind .ind-credit{ border-left-color:var(--ind-accent); border-radius:3px; }
body.ltm-ind .ind-credit:hover{ border-left-color:var(--ind-accent-d); }

/* ------------------------------------------------ reduce motion */
@media (prefers-reduced-motion:reduce){
	body.ltm-ind *{ animation:none !important; }
}
