/* Campañas de Inicio: aisladas del catálogo, matrículas y el tema compartido. */
.home-banner-page .banner-carousel { height:auto; min-height:0; background:var(--navy); }
.home-banner-page .banner-slides { height: auto; }
.home-banner-page .quality-seal-home { bottom: auto; }
.home-banner-page .promo-slide :is(h1, h2, p) { overflow-wrap: anywhere; }
.home-banner-page .promo-slide .btn { white-space: normal; text-align: center; max-width: 100%; }
.home-banner-page .promo-slide { height:auto; min-height:0; background:var(--navy); }
.home-banner-page .promo-slide::before { pointer-events: none; }
.home-banner-page .campaign-piece { display:flex; flex-direction:column; justify-content:center; gap:24px; padding:96px 48px 28px; }
.home-banner-page .promo-slide[hidden] { display: none; }
.campaign-poster { width: 100%; display: block; position: relative; z-index: 2; }
.campaign-poster img { display:block; width:100%; height:auto; max-height:340px; object-fit:contain; border-radius:8px; }
.campaign-summary { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 24px; position: relative; z-index: 2; }
.campaign-summary > div { max-width: 760px; }
.home-banner-page .campaign-summary h1, .home-banner-page .campaign-summary h2 { font-size: clamp(1.5rem, 2.5vw, 2.1rem); line-height: 1.15; text-wrap: initial; }
.home-banner-page .campaign-summary p { margin: 10px 0 0; font-size: 1rem; line-height: 1.6; }
.campaign-summary > .btn { flex-shrink: 0; }
.home-banner-page .campaign-new { grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr); gap:48px; padding:108px 48px 40px; min-height:560px; }
.home-banner-page .campaign-new h2 { font-size: clamp(2.2rem, 3.45vw, 3.1rem); line-height: 1.13; }
.home-banner-page .campaign-new p { font-size: 1.0625rem; line-height: 1.7; }
.home-banner-page .promo-slide .campaign-condition { font-size: .875rem; line-height: 1.65; margin: 24px 0 0; color: #dce5f8; max-width: 610px; }
.campaign-portrait { border-radius: 14px; overflow: hidden; position: relative; width: min(100%, 410px); justify-self: center; background: white; border: 1px solid #ffffff30; }
.campaign-portrait img { display: block; width: 100%; height: auto; max-height: 450px; object-fit: contain; background: #f2bd28; }
.campaign-portrait > span { display: block; position: relative; padding: 20px 22px; font-size: .9375rem; line-height: 1.65; background: #fff; color: #102558; }
.campaign-mascot { background: white; border-radius: 14px; padding: 10px 20px; width: min(100%, 365px); justify-self: center; }
.campaign-mascot img { width: 100%; height: auto; max-height: 470px; object-fit: contain; display: block; }
.home-mascot-link { display: inline-block; margin-top: 26px; color: var(--navy); font-size: 1rem; font-weight:700; line-height: 1.65; text-decoration: underline; text-underline-offset: 4px; }
.home-banner-page .home-route-card { min-width: 0; overflow-wrap: anywhere; }
.campaign-controls { display: grid; grid-template-columns: 44px minmax(180px, 1fr) 44px auto auto; grid-template-areas: 'prev dots next pause counter'; align-items: center; gap: 16px; padding: 16px 70px 28px; position: relative; }
.home-banner-page .campaign-controls :is(.carousel-arrow,.carousel-dots,.carousel-pause,.carousel-counter) { position: static; inset: auto; transform: none; }
.home-banner-page .carousel-dots { grid-area: dots; justify-content: flex-start; gap: 2px; }
.home-banner-page .carousel-dots button { width:44px; height:44px; border:16px solid transparent; background-clip:padding-box; }
.home-banner-page .carousel-dots button.active { width: 46px; }
.home-banner-page .carousel-pause { grid-area: pause; font-size: .875rem; min-height: 40px; white-space: normal; }
.home-banner-page .carousel-counter { grid-area: counter; font-size: .875rem; white-space: nowrap; }
.home-banner-page .carousel-arrow { display:grid; width:44px; height:44px; }
.home-banner-page .carousel-arrow.prev { grid-area: prev; }
.home-banner-page .carousel-arrow.next { grid-area: next; }
@media (max-width: 1000px) {
  .home-banner-page .campaign-new { gap: 28px; padding-right: 54px; padding-left: 54px; }
  .campaign-summary { align-items: flex-start; flex-direction: column; gap: 18px; }
  .home-banner-page .campaign-piece { padding-right: 54px; padding-left: 54px; }
  .campaign-controls { padding-left: 28px; padding-right: 28px; gap: 12px; }
}
@media (max-width: 700px) {
  .home-banner-page .banner-carousel { min-height:0; }
  .home-banner-page .promo-slide { min-height: 0; }
  .home-banner-page .campaign-piece { padding: 90px 20px 28px; justify-content: flex-start; gap: 26px; }
  .campaign-poster { width: calc(100% + 16px); margin: 0 -8px; }
  .campaign-poster img { border-radius: 5px; }
  .home-banner-page .campaign-summary h1, .home-banner-page .campaign-summary h2 { font-size: 1.65rem; }
  .home-banner-page .campaign-summary p { font-size: 1rem; line-height: 1.6; }
  .home-banner-page .campaign-new { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto; gap: 28px; padding: 94px 24px 28px; }
  .home-banner-page .campaign-new h2 { font-size: clamp(1.8rem, 7.5vw, 2.5rem); }
  .home-banner-page .campaign-new p { font-size: 1rem; line-height: 1.65; }
  .campaign-portrait { width: min(100%, 320px); }
  .campaign-portrait img { max-height: 300px; }
  .campaign-mascot { width: min(100%, 280px); }
  .campaign-mascot img { max-height: 300px; }
  .campaign-controls { grid-template-columns: 40px minmax(0, 1fr) auto; grid-template-areas: 'prev dots next' 'pause pause counter'; gap: 18px 8px; padding: 4px 20px 28px; }
  .home-banner-page .carousel-dots { justify-content: center; gap: 0; }
  .home-banner-page .carousel-dots button { width:28px; height:44px; border-width:16px 8px; }
  .home-banner-page .carousel-dots button.active { width: 34px; }
  .home-banner-page .carousel-pause { justify-self: start; max-width: 100%; }
  .home-banner-page .carousel-counter { justify-self: end; }
}
html.high-contrast .home-banner-page .campaign-portrait > span { color: #102558; background: white; }