/* ═══ Mai en acción (rail) — faltaba migrar: sin estas reglas el rail no
   era flex y las fotos salían a tamaño natural (gigantes) en la página y
   en la landing de ads, que hotlinkea este CSS. Donante: emociones. ═══ */
/* ===== Mai en acción (rail) ===== */.acmp-accion { overflow: hidden; background: #fff; }.acmp-accion-head { max-width: 1200px; margin: 0 auto 40px; padding: 0 28px; text-align: center; }.acmp-accion-title { font-family: var(--font-section); font-weight: 700; font-size: 34px; line-height: 1.15; letter-spacing: -0.02em; margin: 0; }.acmp-aa-viewport { position: relative; width: 100%; }.acmp-aa-rail { display: flex; gap: 8px; width: 100%; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -ms-overflow-style: none; }.acmp-aa-rail::-webkit-scrollbar { display: none; }.acmp-aa-card { flex: 0 0 auto; width: 496px; height: 620px; border-radius: 20px; overflow: hidden; background: #eee; }.acmp-aa-card img { width: 100%; height: 100%; object-fit: cover; object-position: center center; display: block; }.acmp-aa-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; border-radius: 50%; border: none; background: rgba(255,255,255,0.92); color: var(--acmp-navy); cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(34,43,73,0.22); z-index: 2; transition: background 0.2s, color 0.2s; }.acmp-aa-nav:hover { background: #f74604; color: #fff; }.acmp-aa-nav.is-prev { left: 20px; }.acmp-aa-nav.is-next { right: 20px; }@media (max-width: 768px) {
.acmp-aa-rail { gap: 6px; }.acmp-aa-card { width: 336px; height: 420px; border-radius: 14px; }.acmp-aa-nav { width: 42px; height: 42px; }.acmp-aa-nav.is-prev { left: 10px; }.acmp-aa-nav.is-next { right: 10px; }
}


/* ═══ Antes y después (acmp-ad): CSS que faltaba migrar (donante: curso-liderazgo.css).
   Sin estas reglas la imagen se renderizaba a tamaño natural y el grid
   no colapsaba a una columna en pantallas chicas. ═══ */
.acmp-ad { background: #fff; padding: 96px 0 64px; }
.acmp-ad-wrap { max-width: 1200px; margin: 0 auto; padding: 0 28px; }
.acmp-ad-head { text-align: center; margin-bottom: 48px; }
.acmp-ad-head .eyebrow { color: var(--acmp-orange); margin-bottom: 14px; }
.acmp-ad-head h2 .kw { color: var(--acmp-orange); }
.acmp-ad-grid { display: grid; grid-template-columns: 1fr 0.85fr 1fr; gap: 28px; align-items: stretch; }
.acmp-ad-col { background: #f6f6f6; border: 1px solid var(--border-subtle); border-radius: var(--radius-lg, 20px); padding: 26px 26px 28px; }
.acmp-ad-col-head { margin-bottom: 18px; display: flex; }
.acmp-ad-col-tag { font-family: var(--font-section, 'Inter', sans-serif); font-weight: 700; font-size: 12px; letter-spacing: 0.22em; text-transform: uppercase; padding: 6px 12px; border-radius: 999px; }
.acmp-ad-tag-antes { color: #8a8a8a; background: #ebebeb; }
.acmp-ad-tag-despues { color: #fff; background: var(--acmp-orange); }
.acmp-ad-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.acmp-ad-col li { display: flex; align-items: flex-start; gap: 12px; font-family: var(--font-body, 'Inter', sans-serif); font-size: 15px; line-height: 1.45; color: var(--fg-1); }
.acmp-ad-icon { flex: 0 0 22px; width: 22px; height: 22px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; margin-top: 1px; }
.acmp-ad-icon-x { background: #e0e0e0; color: #6b6b6b; }
.acmp-ad-icon-check { background: var(--acmp-orange); color: #fff; }
.acmp-ad-col-antes li { color: var(--fg-2); }
.acmp-ad-col-despues { background: #fff7f2; border-color: rgba(217, 119, 87, .25); }
.acmp-ad-media { display: flex; align-items: stretch; justify-content: center; }
.acmp-ad-photo { width: 100%; border-radius: var(--radius-lg, 20px); overflow: hidden; background: #f2f2f2; }
.acmp-ad-photo img { width: 100%; height: 100%; object-fit: cover; display: block; }
.acmp-page .acmp-ad-wrap h3, .acmp-page .liq-bono-title, .acmp-page .acmp-course-title { font-size: 20px; }
@media (max-width: 1100px) {
  .acmp-ad-grid { grid-template-columns: 1fr 1fr; }
  .acmp-ad-media { grid-column: 1 / -1; order: -1; max-height: 420px; }
}
@media (max-width: 640px) {
  .acmp-ad-grid { grid-template-columns: 1fr; }
}
@media (max-width: 900px) {
  .acmp-ad { padding: 56px 0 32px; }
  .acmp-ad-wrap { padding: 0 20px; }
  .acmp-ad-head { margin-bottom: 24px; }
  .acmp-ad-grid { grid-template-columns: 1fr; gap: 16px; }
  .acmp-ad-media { order: -1; max-height: 260px; }
  .acmp-ad-col { padding: 20px; }
  .acmp-ad-col li { font-size: 14px; }
}

/* ═══ Certificados (liq-cert): CSS que faltaba migrar (donante: curso-storytelling.css).
   Sin estas reglas la imagen se renderizaba a tamaño natural y el grid
   no colapsaba a una columna en pantallas chicas. ═══ */
.acmp-page .liq-cert-title br { display: none !important; }
.liq-cert-row { gap: 24px !important; }
/* Certificado */.liq-cert-art img { width: 100% !important; height: auto !important; }
/* ===== Certificado — copiada de Oratoria ===== */.liq-cert { background: #fff; padding-left: 28px; padding-right: 28px; }
.liq-cert-row { max-width: 1240px; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr); gap: 64px; align-items: center; }
.liq-cert-copy { text-align: left; }
.liq-cert-title { margin: 0 0 24px; }
.liq-cert-desc { font-family: var(--font-body); font-size: 16px; line-height: 1.65; color: var(--acmp-navy); margin: 0; max-width: 46ch; }
.liq-cert-art img { width: 100%; height: auto; display: block; border-radius: 10px; box-shadow: 0 30px 70px rgba(34,43,73,0.18); transition: transform var(--dur-base, 220ms) cubic-bezier(0.2,0.7,0.2,1), box-shadow var(--dur-base, 220ms) cubic-bezier(0.2,0.7,0.2,1); }
.liq-cert-art img:hover { transform: translateY(-6px) rotate(-1deg); box-shadow: 0 40px 90px rgba(34,43,73,0.24); }
@media (max-width: 768px) {
  .liq-cert { padding-left: 20px; padding-right: 20px; }
  .liq-cert-row { grid-template-columns: 1fr !important; gap: 32px; }
  .liq-cert-title { margin-bottom: 12px; }
  .liq-cert-desc { font-size: 14px; line-height: 1.5; }
}


/* ═══ Bonos del curso: CSS que faltaba migrar (donante: academia-ingles.css) ═══ */
.acmp-bonos-wrap { max-width: 1100px; margin: 0 auto; padding: 24px 28px 80px; }
.acmp-bonos-head .eyebrow { color: var(--acmp-orange); margin-bottom: 10px; }
.acmp-bonos-head h2 { color: var(--acmp-navy); margin: 0 0 8px; text-wrap: balance; }
.acmp-bonos-head h2 .kw { color: var(--acmp-orange); }
.acmp-bonos-head .desc { color: var(--fg-2); margin: 0 auto; }
.acmp-bonos-list { display: flex; flex-direction: column; gap: 12px; }
.acmp-bonus { text-align: left; width: 100%; cursor: pointer; background: #fff; border: 1px solid var(--border-subtle); border-radius: var(--radius-lg, 20px); padding: 18px 22px; font-family: inherit; color: inherit; transition: border-color .15s ease, box-shadow .15s ease, transform .15s ease; }
.acmp-bonus:hover { border-color: rgba(217, 119, 87, .35); box-shadow: 0 6px 24px rgba(34, 43, 73, 0.06); }
.acmp-bonus.no-body { cursor: default; }
.acmp-bonus.no-body:hover { transform: none; }
.acmp-bonus-row { display: flex; align-items: center; gap: 18px; }
.acmp-bonus-tag { flex: 0 0 auto; font-family: var(--font-section, 'Inter', sans-serif); font-weight: 700; font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase; color: #fff; background: var(--acmp-orange); padding: 8px 12px; border-radius: 999px; }
.acmp-bonus-main { flex: 1; min-width: 0; }
.acmp-bonus-title { font-family: var(--font-section, 'Inter', sans-serif); font-weight: 700; font-size: 17px; color: var(--acmp-navy); letter-spacing: -0.01em; line-height: 1.3; }
.acmp-bonus-by { font-family: var(--font-body, 'Inter', sans-serif); font-size: 13px; color: var(--fg-2); margin-top: 2px; }
.acmp-bonus-chev { color: var(--acmp-navy); transition: transform .2s ease; }
.acmp-bonus.is-open .acmp-bonus-chev { transform: rotate(180deg); }
.acmp-bonus-badge { width: 26px; height: 26px; border-radius: 999px; background: rgba(217, 119, 87, .12); color: var(--acmp-orange); display: inline-flex; align-items: center; justify-content: center; }
.acmp-bonus-body { padding: 8px 0 6px 0; }
.acmp-bonus-body ul { list-style: none; margin: 14px 0 4px; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.acmp-bonus-body li { position: relative; padding-left: 18px; font-family: var(--font-body, 'Inter', sans-serif); font-size: 15px; line-height: 1.5; color: var(--fg-1); }
.acmp-bonus-body li::before { content: ''; position: absolute; left: 2px; top: 9px; width: 6px; height: 6px; border-radius: 999px; background: var(--acmp-orange); }
@media (max-width: 900px) {
  .acmp-bonos-wrap { padding: 16px 20px 56px; }
  .acmp-bonos-head { margin-bottom: 24px; }
  .acmp-bonus { padding: 14px 16px; }
  .acmp-bonus-row { gap: 12px; }
  .acmp-bonus-tag { font-size: 9px; padding: 6px 9px; letter-spacing: 0.14em; }
  .acmp-bonus-title { font-size: 14px; line-height: 1.3; }
  .acmp-bonus-by { font-size: 12px; }
  .acmp-bonus-body li { font-size: 14px; }
}

/* ═══ Bloque de compra: CSS que faltaba migrar (donante: curso-desarrollo-profesional.css) ═══ */
.acmp-buy-combo-title { font-family: 'DM Sans', 'Inter', system-ui, sans-serif; font-weight: 700; font-size: 26px; line-height: 1.15; letter-spacing: -0.02em; color: #fff; margin: 0; }
.acmp-buy-kicker { font-family: var(--font-section, 'Inter', sans-serif); font-weight: 700; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--acmp-orange, #f74604); margin: 0 0 -10px; }
.acmp-buy-kicker.is-combo { color: rgba(255,255,255,0.78); }
.acmp-buy-preventa { display: inline-flex; align-items: center; gap: 8px; align-self: center; font-family: var(--font-section, 'Inter', sans-serif); font-weight: 700; font-size: 12.5px; letter-spacing: 0.04em; color: #fff; background: var(--acmp-orange, #f74604); padding: 7px 14px; border-radius: 999px; }
.acmp-buy-preventa-dot { width: 7px; height: 7px; border-radius: 999px; background: #fff; box-shadow: 0 0 0 0 rgba(255,255,255,0.7); animation: acmp-pulse 1.6s infinite; }
.acmp-buy-cta-sm { padding: 13px 18px; font-size: 13.5px; white-space: nowrap; }

/* ═══ Ebook: CSS que faltaba migrar (donante: curso-desarrollo-profesional.css) ═══ */
.liq-ebook-cover { flex: none; width: 340px; }
.liq-ebook-cover img { width: 100%; height: auto; display: block; border-radius: 14px; box-shadow: 0 28px 72px rgba(0,0,0,.4); transition: transform var(--dur-base) var(--ease-standard); }
.liq-ebook-cover img:hover { transform: rotate(-1deg) translateY(-4px); }
.liq-ebook-copy { flex: 0 1 560px; }
.liq-ebook-title { font-family: 'Poppins', sans-serif; font-size: 34px; line-height: 1.12; letter-spacing: -0.02em; color: #fff; margin: 12px 0 20px; }
@media (max-width: 900px) {
  .liq-ebook-cover { width: 240px; margin: 0 auto; }
  .liq-ebook-title { font-size: 26px; }
}

/* ═══ Para quién es: CSS que faltaba migrar (donante: academia-ingles.css) ═══ */
.acmp-para-quien-head { text-align: center; margin-bottom: 48px; }
.acmp-para-quien-head .eyebrow { color: var(--acmp-orange); margin-bottom: 14px; }
.acmp-para-quien-head h2 { font-family: 'Extenda 30 Deca', 'Poppins', sans-serif; font-weight: 800; font-size: clamp(2rem, 4.4vw, 56px); line-height: 1.02; letter-spacing: -0.01em; text-transform: uppercase; color: var(--acmp-navy); margin: 0; text-wrap: balance; }
.acmp-para-quien-head h2 .kw { color: var(--acmp-orange); }
.acmp-para-quien-check { flex: 0 0 28px; width: 28px; height: 28px; border-radius: 999px; background: var(--acmp-orange); color: #fff; display: inline-flex; align-items: center; justify-content: center; margin-top: 1px; }
.acmp-para-quien-text { display: block; }

/* ═══ Test: CSS que faltaba migrar (donante: curso-desarrollo-profesional.css) ═══ */
.acmp-quiz-actions { display: flex; align-items: center; gap: 18px; flex-wrap: wrap; }
.acmp-quiz-note { font-family: var(--font-body); font-size: 12.5px; color: rgba(255,255,255,0.6); }

/* ═══ Hero: CSS que faltaba migrar (donante: curso-desarrollo-profesional.css) ═══ */
.acmp-hero h1.acmp-hero-h1-extenda { font-family: 'Extenda 30 Deca', 'Poppins', sans-serif; font-weight: 800; font-size: 140px; text-transform: uppercase; letter-spacing: -0.01em; line-height: 0.72; margin: 32px 0 22px; }
.acmp-hero h1.acmp-hero-h1-extenda + p.lead { margin-top: 0; }
.acmp-hero-eyebrow { display: flex; flex-direction: column; gap: 2px; line-height: 1.3; }
@media (max-width: 900px) {
  .acmp-hero h1.acmp-hero-h1-extenda { font-size: 112px !important; line-height: 0.72; margin: 4px 0 6px; text-align: center; }
  .acmp-hero-eyebrow { align-items: center; }
  .acmp-hero-eyebrow span { display: block; text-align: center; }
  .acmp-hero-eyebrow .acmp-hero-instr-br { display: block; height: 4px; overflow: hidden; }
}
@media (max-width: 480px) {
  .acmp-hero h1.acmp-hero-h1-extenda { font-size: 94px !important; }
}