/* Nueva principal: hero fotográfico + contenido modular elegido de la propuesta 4.
   Las cinco propuestas nuevas comparten esa base y cambian su composición. */
.bv-main .bx-hero { min-height: max(620px, calc(100svh - 144px)); }
.bach-propuesta .bv-image-prompt { color: var(--navy); }
.bach-propuesta .bv-image-prompt--panorama .bv-image-space { aspect-ratio: 16 / 9; }
.bach-propuesta .bv-preparation { background: var(--cream); }
.bv-preparation-grid { display: grid; grid-template-columns: .8fr 1.2fr; align-items: center; gap: clamp(32px, 6vw, 80px); }
.bv-preparation-grid > * { min-width: 0; }
.bv-preparation-grid > div > p:not(.bv-eyebrow) { color: var(--muted); }
.bv-preparation-grid .bv-text-link { margin-top: 22px; }
.bv-contact-image { margin: 26px 0; max-width: 480px; }
.bv-contact-image .bv-image-space { max-height: 230px; }
.bach-propuesta .bv-contact .bv-image-prompt p,
.bach-propuesta .bv-contact .bv-image-prompt .bv-eyebrow { color: var(--muted); }
.bv-contact-image .bv-image-prompt figcaption { padding: 14px 18px; }
.bv-contact-image .bv-image-prompt .bv-eyebrow { margin-bottom: 2px; }
.bv-contact .bv-contact-grid { align-items: start; }
.bv-main .bv-process .bv-stage { padding: 24px; }
.bv-main .bv-stage h3 { font-size: 25px; }
.bv-main .bv-stage header { margin-bottom: 22px; }

/* 02 · Panorama: fotografía amplia, lectura centrada y módulos sobre papel. */
.bv-new--2 .bx-hero { min-height: 680px; }
.bv-new--2 .bx-hero::before { background: linear-gradient(0deg, #211a2cf2 0%, #211a2c7d 70%, #211a2c55); }
.bv-new--2 .bx-hero-photo { object-position: 50% 50%; }
.bv-new--2 .bx-hero-copy { max-width: 880px; margin-inline: auto; text-align: center; padding-top: 54px; }
.bv-new--2 .bx-hero h1 { font-size: clamp(44px, 5.5vw, 80px); max-width: 17ch; margin-inline: auto; }
.bv-new--2 .bx-hero h1 span { display: inline; }
.bv-new--2 .bx-hero-copy > p { max-width: 64ch; margin-inline: auto; }
.bv-new--2 .bx-hero-actions { justify-content: center; }
.bv-new--2 .bx-facts { margin-top: 48px; text-align: center; gap: 24px; }
.bv-new--2 .bx-facts > div { padding: 18px 14px; border: 1px solid #ffffff2e; border-radius: 8px; background: #211a2c4a; }
.bv-new--2 .bv-process { background: #faf8fc; }
.bv-new--2 .bv-stage { background: white; box-shadow: 0 12px 40px #29223608; }
.bv-new--2 .bv-stage-number { background: #f0e7f5; }
.bv-new--2 .bv-preparation { background: white; }
.bv-new--2 .bv-preparation-grid { grid-template-columns: 1.1fr .9fr; }
.bv-new--2 .bv-preparation-grid > div { grid-column: 2; grid-row: 1; }
.bv-new--2 .bv-preparation-grid > figure { grid-column: 1; grid-row: 1; }
.bv-new--2 .bv-program { background: var(--cream); }
.bv-new--2 .bv-program-photo img { aspect-ratio: 1 / 1; border-radius: 12px; }
.bv-new--2 .bv-reasons { background: var(--cream); padding-top: 0; }
.bv-new--2 .bv-reason-grid > div { background: white; }
.bv-new--2 .bv-next-program { border-radius: 16px; }
.bv-new--2 .bv-learning { background: white; }
.bv-new--2 .bv-learning-card { background: var(--cream); }

/* 03 · Recorrido: imagen lateral y ruta de cuatro etapas navegable. */
.bv-new--3 .bx-hero { min-height: 710px; }
.bv-new--3 .bx-hero-photo { left: 52%; width: 48%; object-position: 70% 50%; }
.bv-new--3 .bx-hero::before { background: linear-gradient(90deg, #292236 0%, #292236 46%, #29223644 78%, #29223610); }
.bv-new--3 .bx-hero-copy { max-width: 58%; padding-right: 30px; padding-top: 40px; }
.bv-new--3 .bx-hero h1 { font-size: clamp(42px, 4.6vw, 67px); }
.bv-new--3 .bx-hero-copy > p { max-width: 46ch; font-size: 17px; }
.bv-new--3 .bx-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); width: 52%; gap: 20px 28px; margin-top: 36px; }
.bv-new--3 .bx-facts dd { font-size: 20px; }
.bv-new--3 .bv-process { background: var(--cream); }
.bv-new--3 .bv-process-layout { display: grid; grid-template-columns: .85fr 1.15fr; gap: 30px; }
.bv-new--3 .bv-stage-panels { grid-template-columns: 1fr; }
.bv-new--3 .bv-stage { min-height: 340px; padding: 32px; border: 1px solid var(--line); background: white; }
.bv-new--3 .bv-stage header { padding: 0; border: 0; }
.bv-new--3 .bv-stage h3 { font-size: 32px; }
.bv-new--3 .bv-stage-number { width: auto; height: auto; padding: 0; background: none; font-size: 13px; }
.bv-new--3 .bv-preparation { background: white; }
.bv-new--3 .bv-program { background: var(--cream); }
.bv-new--3 .bv-reasons { background: var(--cream); padding-top: 0; }
.bv-new--3 .bv-reason-grid > div { background: white; }
.bv-new--3 .bv-learning-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 34px; }
.bv-new--3 .bv-learning-panels { grid-template-columns: 1fr; }
.bv-new--3 .bv-learning-card { padding: 30px; min-height: 430px; }
.bv-new--3 .bv-learning-card .bv-plain-list { padding: 0; }
.bv-new--3 .bv-audience { background: #382b45; }

/* 04 · Revista: portada fotográfica superior y cuerpos de lectura en columnas. */
.bv-new--4 .bx-hero { background: white; color: var(--navy); display: block; min-height: 0; }
.bv-new--4 .bx-hero-photo { position: relative; width: 100%; height: 390px; z-index: 0; object-position: 50% 62%; }
.bv-new--4 .bx-hero::before { inset: 0 0 auto; height: 390px; z-index: 1; background: linear-gradient(180deg, #211a2c70, #211a2c00 65%); }
.bv-new--4 .bx-hero-inner { position: relative; z-index: 2; padding-top: 32px; }
.bv-new--4 .bx-hero .page-crumbs { color: var(--muted); }
.bv-new--4 .bx-hero-copy { display: grid; grid-template-columns: 1.15fr 1fr; max-width: none; gap: 0 70px; margin: 0; padding-top: 36px; }
.bv-new--4 .bx-hero h1 { color: var(--navy); font-size: clamp(42px, 4.6vw, 66px); grid-row: 1 / 3; }
.bv-new--4 .bx-hero h1 em { color: var(--accent); }
.bv-new--4 .bx-hero-copy > p { color: var(--muted); margin: 0; max-width: none; font-size: 17px; }
.bv-new--4 .bx-hero-actions { margin-top: 24px; }
.bv-new--4 .bx-btn { background: var(--navy); color: white; }
.bv-new--4 .bx-hero-link { color: var(--navy); border-color: var(--line); }
.bv-new--4 .bx-facts { margin-top: 38px; }
.bv-new--4 .bx-facts > div { border-color: var(--line); }
.bv-new--4 .bx-facts dt { color: var(--muted); }
.bv-new--4 .bx-facts dd { color: var(--navy); }
.bv-new--4 .bv-process { background: #faf9fb; }
.bv-new--4 .bv-stage { border-top: 3px solid #cdb8dc; background: white; border-radius: 0 0 10px 10px; }
.bv-new--4 .bv-stage:nth-child(even) { margin-top: 28px; }
.bv-new--4 .bv-preparation { background: white; }
.bv-new--4 .bv-program-grid { grid-template-columns: .9fr 1.1fr; }
.bv-new--4 .bv-program-photo { grid-column: 1; grid-row: 1; }
.bv-new--4 .bv-program-copy { grid-column: 2; grid-row: 1; }
.bv-new--4 .bv-program-photo img { aspect-ratio: 4 / 5; }
.bv-new--4 .bv-reason-grid > div { border-top: 1px solid var(--line); border-radius: 0; background: white; padding: 22px 0; }
.bv-new--4 .bv-learning { background: white; }
.bv-new--4 .bv-learning-panels { grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; }
.bv-new--4 .bv-learning-card { background: var(--cream); padding: 0 24px; }
.bv-new--4 .bv-learning-card summary { gap: 12px; flex-wrap: wrap; }
.bv-new--4 .bv-learning-card summary h3 { flex-basis: 75%; font-size: 24px; }
.bv-new--4 .bv-learning-card summary > span:first-child { flex-basis: 100%; }
.bv-new--4 .bv-contact { background: #faf9fb; }

/* 05 · Esencial: hero contenido, índice de lectura y proceso desplegable. */
.bv-new--5 .bx-hero { display: block; background: white; min-height: 0; color: var(--navy); }
.bv-new--5 .bx-hero-photo { position: relative; height: 260px; width: 100%; object-position: 50% 65%; z-index: 0; }
.bv-new--5 .bx-hero::before { inset: 0 0 auto; height: 260px; z-index: 1; background: #29223615; }
.bv-new--5 .bx-hero-inner { padding-top: 26px; padding-bottom: 44px; }
.bv-new--5 .bx-hero .page-crumbs { color: var(--muted); }
.bv-new--5 .bx-hero-copy { max-width: 850px; margin-inline: auto; text-align: center; padding-top: 30px; }
.bv-new--5 .bx-hero h1 { color: var(--navy); font-size: clamp(40px, 4.3vw, 62px); }
.bv-new--5 .bx-hero h1 span { display: inline; }
.bv-new--5 .bx-hero h1 em { color: var(--accent); }
.bv-new--5 .bx-hero-copy > p { max-width: 65ch; color: var(--muted); margin-inline: auto; font-size: 16px; }
.bv-new--5 .bx-hero-actions { justify-content: center; margin-top: 24px; }
.bv-new--5 .bx-btn { background: var(--navy); color: white; }
.bv-new--5 .bx-hero-link { color: var(--navy); border-color: var(--line); }
.bv-new--5 .bx-facts { grid-template-columns: repeat(4, minmax(0, 1fr)); border-block: 1px solid var(--line); padding: 22px 0; margin-top: 34px; }
.bv-new--5 .bx-facts > div { border: 0; padding: 0; }
.bv-new--5 .bx-facts dt { color: var(--muted); }
.bv-new--5 .bx-facts dd { color: var(--navy); font-size: 20px; }
.bv-new--5 section:not(.bx-hero) { padding-block: 60px; }
.bv-new--5 .bv-process > .container { display: grid; grid-template-columns: .8fr 1.2fr; gap: 0 54px; }
.bv-new--5 .bv-process .bv-section-heading { display: block; }
.bv-new--5 .bv-process .bv-section-heading > p { margin-top: 22px; }
.bv-new--5 .bv-stage-panels { grid-template-columns: 1fr; gap: 12px; }
.bv-new--5 .bv-stage { border: 1px solid var(--line); background: white; padding: 0 24px; }
.bv-new--5 .bv-stage summary { display: flex; align-items: center; gap: 16px; padding: 22px 0; cursor: pointer; list-style: none; }
.bv-new--5 .bv-stage summary::-webkit-details-marker { display: none; }
.bv-new--5 .bv-stage summary > span { font-size: 12px; color: var(--accent); }
.bv-new--5 .bv-stage summary > span:last-child { margin-left: auto; font-size: 24px; }
.bv-new--5 .bv-stage[open] summary > span:last-child { transform: rotate(45deg); }
.bv-new--5 .bv-stage .bv-steps { padding-bottom: 24px; }
.bv-new--5 .bv-times { grid-column: 1 / -1; }
.bv-new--5 .bv-program-grid { grid-template-columns: 1.2fr .8fr; }
.bv-new--5 .bv-program-photo img { aspect-ratio: 1 / 1; }
.bv-new--5 .bv-reasons { padding-top: 0 !important; }
.bv-new--5 .bv-reason-grid > div { background: transparent; border-radius: 0; padding: 20px 0; border-top: 1px solid var(--line); }
.bv-new--5 .bv-audience { background: var(--cream); color: var(--navy); }
.bv-new--5 .bv-audience :is(.sec-title, li) { color: var(--navy); }
.bv-new--5 .bv-audience li { border-color: var(--line); font: 400 17px/1.6 'Source Sans 3', sans-serif; }
.bv-new--5 .bv-learning { background: white; }
.bv-new--5 .bv-learning-card { border: 1px solid var(--line); background: white; }
.bv-new--5 .bv-next { background: white; border-block: 1px solid var(--line); }
.bv-new--5 .bv-contact { background: var(--cream); }

/* 06 · Acompañamiento: imagen enmarcada, programa primero y aprendizaje por temas. */
.bv-new--6 .bx-hero { background: #f8f5fa; min-height: 710px; color: var(--navy); }
.bv-new--6 .bx-hero-photo { width: 43%; height: calc(100% - 72px); left: auto; right: 30px; top: 36px; border-radius: 180px 180px 12px 12px; z-index: 0; object-position: 58% 50%; }
.bv-new--6 .bx-hero::before { z-index: 1; inset: 36px 30px 36px auto; width: 43%; border-radius: 180px 180px 12px 12px; background: linear-gradient(0deg, #29223644, #29223600 65%); }
.bv-new--6 .bx-hero-inner { position: relative; z-index: 2; }
.bv-new--6 .bx-hero .page-crumbs { color: var(--muted); }
.bv-new--6 .bx-hero-copy { max-width: 54%; padding-right: 36px; padding-top: 40px; }
.bv-new--6 .bx-hero h1 { color: var(--navy); font-size: clamp(42px, 4.5vw, 65px); }
.bv-new--6 .bx-hero h1 em { color: var(--accent); }
.bv-new--6 .bx-hero-copy > p { color: var(--muted); font-size: 17px; }
.bv-new--6 .bx-btn { background: var(--navy); color: white; }
.bv-new--6 .bx-hero-link { color: var(--navy); border-color: var(--line); }
.bv-new--6 .bx-facts { width: 52%; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; margin-top: 36px; }
.bv-new--6 .bx-facts > div { border-color: var(--line); }
.bv-new--6 .bx-facts dt { color: var(--muted); }
.bv-new--6 .bx-facts dd { color: var(--navy); font-size: 20px; }
.bv-new--6 .bv-program { background: white; }
.bv-new--6 .bv-program-photo { grid-column: 1; grid-row: 1; }
.bv-new--6 .bv-program-copy { grid-column: 2; grid-row: 1; }
.bv-new--6 .bv-program-photo img { border-radius: 140px 140px 8px 8px; }
.bv-new--6 .bv-process { background: #f3edf7; }
.bv-new--6 .bv-stage { background: white; }
.bv-new--6 .bv-stage-number { border-radius: 50%; background: #ece2f2; }
.bv-new--6 .bv-learning-grid { display: grid; grid-template-columns: 1fr; gap: 26px; }
.bv-new--6 .bv-learning-tabs { display: flex; flex-wrap: wrap; gap: 0 30px; border-bottom: 1px solid var(--line); }
.bv-new--6 .bv-learning-tabs button { border: 0; border-bottom: 2px solid transparent; }
.bv-new--6 .bv-learning-tabs button[aria-selected=true] { border-bottom-color: var(--accent); }
.bv-new--6 .bv-learning-card { background: white; padding: 30px; }
.bv-new--6 .bv-learning-card .bv-plain-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 36px; }
.bv-new--6 .bv-faq { background: #faf7fc; }
.bv-new--6 .bv-contact { background: #f0e8f5; }
.bv-new--6 .bv-contact .form { border-radius: 16px; }

@media (max-width: 1100px) {
  .bv-new--3 .bx-hero-copy, .bv-new--6 .bx-hero-copy { max-width: 60%; padding-right: 25px; }
  .bv-new--3 .bx-hero-photo { left: 55%; width: 45%; }
  .bv-new--4 .bv-learning-panels { grid-template-columns: 1fr; }
  .bv-new--4 .bv-learning-card summary > span:first-child { flex-basis: auto; }
  .bv-new--4 .bv-learning-card summary h3 { flex-basis: auto; }
  .bv-new--5 .bv-process > .container { gap: 0 32px; }
}
@media (max-width: 800px) {
  .bv-preparation-grid, .bv-new--2 .bv-preparation-grid { grid-template-columns: 1fr; gap: 28px; }
  .bv-new--2 .bv-preparation-grid > div, .bv-new--2 .bv-preparation-grid > figure { grid-column: auto; grid-row: auto; }
  .bv-new--3 .bx-hero-copy, .bv-new--6 .bx-hero-copy { max-width: 100%; padding-right: 0; }
  .bv-new--3 .bx-hero-photo { left: 0; width: 100%; }
  .bv-new--3 .bx-hero::before { background: linear-gradient(90deg, #292236ed, #29223688); }
  .bv-new--3 .bx-facts, .bv-new--6 .bx-facts { width: 100%; }
  .bv-new--3 .bv-process-layout, .bv-new--3 .bv-learning-grid { grid-template-columns: 1fr; }
  .bv-new--4 .bx-hero-copy { grid-template-columns: 1fr; gap: 24px; }
  .bv-new--4 .bx-hero h1 { grid-row: auto; }
  .bv-new--4 .bx-hero-actions { margin-top: 0; }
  .bv-new--4 .bv-program-copy, .bv-new--4 .bv-program-photo, .bv-new--6 .bv-program-copy, .bv-new--6 .bv-program-photo { grid-column: auto; grid-row: auto; }
  .bv-new--4 .bv-stage:nth-child(even) { margin-top: 0; }
  .bv-new--5 .bv-process > .container { display: block; }
  .bv-new--5 .bv-program-grid { grid-template-columns: 1fr; }
  .bv-new--6 .bv-learning-card .bv-plain-list { grid-template-columns: 1fr; }
  .bv-new--6 .bx-hero { display: block; min-height: 0; }
  .bv-new--6 .bx-hero-photo { position: relative; inset: auto; width: 100%; height: 340px; border-radius: 0; }
  .bv-new--6 .bx-hero::before { inset: 0 0 auto; width: 100%; height: 340px; border-radius: 0; background: linear-gradient(0deg, #f8f5fa, #f8f5fa00 65%); }
  .bv-new--6 .bx-hero-inner { margin-top: -340px; }
  .bv-new--6 .bx-hero-copy { padding-top: 292px; }
}
@media (max-width: 720px) {
  .bv-main .bx-hero, .bv-new--2 .bx-hero, .bv-new--3 .bx-hero, .bv-new--6 .bx-hero { min-height: 0; display: block; }
  .bv-new--2 .bx-hero-photo, .bv-new--3 .bx-hero-photo, .bv-new--6 .bx-hero-photo { position: relative; inset: auto; width: 100%; height: 280px; z-index: 0; }
  .bv-new--2 .bx-hero::before, .bv-new--3 .bx-hero::before { inset: 0 0 auto; height: 280px; z-index: 1; background: linear-gradient(0deg, #292236, #29223600 60%); }
  .bv-new--2 .bx-hero-copy, .bv-new--3 .bx-hero-copy { padding-top: 232px; }
  .bv-new--2 .bx-hero h1 { max-width: none; font-size: clamp(36px, 9vw, 48px); }
  .bv-new--2 .bx-facts { gap: 14px; text-align: left; }
  .bv-new--2 .bx-facts > div { padding: 12px 0; border: 0; border-top: 1px solid #ffffff35; border-radius: 0; background: none; }
  .bv-new--3 .bx-hero h1 { font-size: clamp(36px, 9vw, 48px); }
  .bv-new--3 .bx-hero::before { background: linear-gradient(0deg, #292236, #29223600 65%); }
  .bv-new--4 .bx-hero-photo { height: 280px; }
  .bv-new--4 .bx-hero::before { height: 280px; background: #29223618; }
  .bv-new--4 .bx-hero-inner { margin-top: 0; padding-top: 22px; }
  .bv-new--4 .bx-hero-copy { padding-top: 24px; }
  .bv-new--4 .bx-hero h1 { font-size: clamp(36px, 9vw, 48px); }
  .bv-new--5 .bx-hero-photo { height: 220px; }
  .bv-new--5 .bx-hero::before { height: 220px; }
  .bv-new--5 .bx-hero-inner { margin-top: 0; padding-top: 22px; }
  .bv-new--5 .bx-hero-copy { padding-top: 24px; text-align: left; }
  .bv-new--5 .bx-hero h1 { font-size: clamp(36px, 9vw, 48px); }
  .bv-new--5 .bx-hero-actions { justify-content: flex-start; }
  .bv-new--5 .bx-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bv-new--6 .bx-hero::before { inset: 0 0 auto; width: 100%; height: 280px; background: linear-gradient(0deg, #f8f5fa, #f8f5fa00 65%); }
  .bv-new--6 .bx-hero-inner { margin-top: -280px; }
  .bv-new--6 .bx-hero-copy { padding-top: 232px; }
  .bv-new--6 .bx-hero h1 { font-size: clamp(36px, 9vw, 48px); }
}
@media (max-width: 540px) {
  .bv-contact-image { margin-block: 22px; }
  .bv-contact-image .bv-image-space { max-height: 200px; }
  .bv-new--3 .bv-stage, .bv-new--3 .bv-learning-card { padding: 24px; }
  .bv-new--4 .bv-stage { padding: 24px; }
  .bv-new--4 .bx-hero-copy { gap: 20px; }
  .bv-new--5 .bv-stage { padding: 0 20px; }
  .bv-new--5 .bv-stage h3 { font-size: 23px; }
  .bv-new--6 .bv-learning-tabs { gap: 0 20px; }
  .bv-new--6 .bv-learning-tabs button { font-size: 14px; }
  .bv-new--6 .bv-learning-card { padding: 24px; }
}