/* ACMP pipeline — adaptaciones globales (scripts/templates/global.css)
   Se copia a output/css/ en cada migración. No editar en output/. */

/* Reset margen del body del design system (colors_and_type no lo incluye) */
html,
body {
  margin: 0;
  padding: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Nav y footer a ancho completo (sin franjas laterales del body) */
.acmp-nav,
.acmp-footer {
  width: 100%;
}

/* ============================================================
   Correcciones de proporción (2026-07) — carga después de kit.css.
   Las entregas de Claude Design traen height/width fijos en px inline
   (style={{height:'648px'…}}) que recortan contenido y causan solapes.
   Acá se neutralizan con !important (gana sobre el inline no-important):
   los contenedores toman la altura real de su contenido; los anchos
   fijos ~1180px pasan a max-width responsivo.
   ============================================================ */

/* Contenedores/secciones que recortaban contenido → altura por contenido */
.acmp-logos,
.acmp-stats,
.acmp-ad,
.acmp-modules-wrap,
.acmp-outcomes-wrap,
.acmp-vsl-wrap,
.acmp-hero-ctas,
.acmp-buy-card,
.liq-auto-sec,
.liq-accion,
.liq-ebook-inner,
.liq-contacto-inner,
.liq-contacto-text,
.liq-workshop-logos,
.cc-collage,
.cc-combo-buy,
.ejx-then-wave,
.sn-team,
.sn-mai,
.sn-hero-lead {
  height: auto !important;
  min-height: 0 !important;
}

/* Anchos fijos ~1180px → responsivos, centrados, sin scroll horizontal */
.acmp-logos,
.acmp-stats,
.acmp-ad,
.acmp-modules-wrap,
.acmp-outcomes-wrap,
.acmp-vsl-wrap,
.liq-auto-sec,
.liq-accion,
.liq-contacto-inner,
.cc-collage,
.ejx-then-wave,
.sn-team,
.sn-mai {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Fotos de secciones internas: nunca desbordar su marco (ej. oratoria img
   341×478 en frame 311×351). NO incluir .hero-photo del hero: el design system
   lo quiere a 180% con object-fit:contain (sangra fuera del marco a propósito
   para darle presencia). Clamparlo achicaba todos los heros. El caso puntual
   de Academia en Inglés (hero gigante) se corrige scopeado en academia-ingles.css. */
.liq-lograras-photo,
.liq-contacto-photo,
.acmp-outcomes-photo,
.sn-hero-photos {
  height: auto !important;
  min-height: 0 !important;
}
.liq-lograras-photo img,
.liq-contacto-photo img,
.acmp-outcomes-photo img,
.sn-hero-photos img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: cover;
}

/* Grillas de las secciones recurrentes: cards de igual altura */
.liq-accion-grid,
.acmp-para-quien-grid,
.acmp-bio-grid,
.acmp-bonos-list,
.cc-grid {
  align-items: stretch !important;
}
.liq-accion-grid > *,
.acmp-para-quien-grid > *,
.acmp-bio-grid > *,
.acmp-bonos-list > *,
.cc-grid > * {
  height: auto !important;
}