/* Páginas interiores al estilo v5 (v1.84, fase 2) — inc/home-v5.php, lp_inner_v5().
   Opción lp_inner_v5 = 1 o ?lp_i5=1 para revisarla. Requiere chrome-v5.css (tokens y fuentes).
   Se toca lo común (tipografía, colores, botones, rótulos, esquinas); cada página conserva
   su estructura. */

body.lp-i5{
  --font-display:var(--v5-display);
  --color-bg:var(--v5-bg); --color-bg-card:var(--v5-bg2); --color-bg-subtle:var(--v5-bg2);
  --color-text:var(--v5-fg); --color-white:var(--v5-fg); --color-text-muted:var(--v5-fg2);
  --color-border:var(--v5-rule);
  --radius-sm:2px; --radius-md:4px; --radius-lg:6px;
  /* el .container del tema se abre al mismo marco que la cabecera (contenido de 1760 px) */
  --container:calc(1760px + 2 * clamp(1.25rem,5vw,3rem));
  background:var(--v5-bg);
}

/* titulares: Archivo compacta en vez de la serif fina (style.css los fuerza con !important) */
body.lp-i5 :is(h1,h2,h3,h4,h5,h6,.hero-title,.article-title,.svc-hero__title,.manifesto-text,.bento__title,.svc-row__title,.trust-row__title,.service-title,.post-card__title,.case-card__name,.author-box__name,.process-row-body h3){
  font-family:var(--v5-display);font-weight:720;font-stretch:92%;letter-spacing:-.035em!important}
body.lp-i5 :is(h1,.hero-title,.article-title,.svc-hero__title){letter-spacing:-.045em!important;line-height:.95}
body.lp-i5 :is(h3,h4,h5,h6,.post-card__title,.case-card__name,.author-box__name,.process-row-body h3,.svc-row__title,.trust-row__title,.service-title,.bento__title){font-weight:680;letter-spacing:-.02em!important}
/* la palabra en cursiva dorada, fuera: mismo trazo, en gris */
body.lp-i5 :is(h1,h2,h3) em{font-style:normal;color:var(--v5-fg3);letter-spacing:inherit!important}

/* rótulos «— SOBRE MI» → etiqueta mono, sin raya */
body.lp-i5 .section-label{font:500 11.5px/1.4 var(--v5-mono);letter-spacing:.02em;text-transform:uppercase;color:var(--v5-fg2)}
body.lp-i5 .section-label::before{display:none}

/* botones: ver «Botones» en chrome-v5.css (mismo sistema en toda la web) */

/* sin notas manuscritas */
body.lp-i5 .hand-note{display:none!important}

/* números de pasos y bloques: Archivo (antes Syne) y sin la raya «01 —» */
body.lp-i5{--font-numeric:var(--v5-display)}
body.lp-i5 .steps2__n::after{content:none}
body.lp-i5 .steps2__n{font:500 11.5px/1.4 var(--v5-mono);color:var(--v5-fg3)}

/* landings de servicio: hero alineado a la izquierda, sin halo de luz */
body.lp-i5 .svc-hero{text-align:left}
body.lp-i5 .svc-hero::before{display:none}
body.lp-i5 .svc-hero__inner{max-width:none;margin:0}
body.lp-i5 .svc-hero__title{font-size:clamp(2.6rem,6.2vw,5.4rem);max-width:14ch}
body.lp-i5 .svc-hero__sub{margin:0 0 var(--space-lg);max-width:46ch}
body.lp-i5 .svc-hero__cta{justify-content:flex-start}
body.lp-i5 .svc-hero .section-label{justify-content:flex-start}
/* CTA final de las landings: bloque plano, sin halo ni borde dorado */
body.lp-i5 .svc-cta{border-radius:4px;border:0;background:var(--v5-bg2);background-image:none;text-align:left}
body.lp-i5 .svc-cta::before,body.lp-i5 .svc-cta::after{display:none}
/* iconos de la lista (✓) en tinta, no dorados */
body.lp-i5 .svc svg{color:var(--v5-fg)}

/* sin halos de luz detrás de los títulos (proyectos, blog…) */
body.lp-i5 .page-hero::before{display:none}
/* marco de navegador de las fichas: sin los tres puntos de colores */
body.lp-i5 .demo-frame__dots{display:none}