/* Mejora exclusiva del banner promocional en teléfonos.
   Se preservan íntegras las imágenes y la composición de escritorio. */
.fort-mobile-campaign-summary{display:none}
@media (max-width:780px) {
  .home-page .fort-hero.has-campaign-art {
    height:auto !important;
    min-height:0;
    padding:0 !important;
    width:100%;
    max-width:none;
    margin:0;
    overflow:hidden;
    background:#0a2237;
  }
  /* Mostrar el arte original completo, sin recorte. */
  .home-page .fort-hero.has-campaign-art .fort-slide-bg {
    position:relative;
    inset:auto;
    width:100%;
    height:auto;
    aspect-ratio:1600 / 540;
    background-size:contain !important;
    background-repeat:no-repeat;
    background-position:center;
  }
  .home-page .fort-hero.has-campaign-art .fort-hero-inner { display:none; }
  .home-page .fort-hero.has-campaign-art .fort-mobile-campaign-summary {
    display:block;
    position:relative;
    z-index:4;
    padding:16px 19px 42px;
    color:#fff;
    background:linear-gradient(140deg,#08253f 0%,#08556a 100%);
    border-top:1px solid #ffffff33;
    text-align:left;
  }
  .home-page .fort-mobile-campaign-kicker {
    display:block;
    color:#99e6ed;
    font:800 13px/1.4 Arial,Helvetica,sans-serif;
    text-transform:uppercase;
    letter-spacing:.045em;
    margin-bottom:5px;
  }
  .home-page .fort-mobile-campaign-summary h2 {
    font:800 clamp(21px,5.8vw,27px)/1.2 Arial,Helvetica,sans-serif;
    margin:0 0 9px;
    color:#fff;
  }
  .home-page .fort-mobile-campaign-description {
    color:#f2f9fb;
    font:400 16px/1.48 Arial,Helvetica,sans-serif;
    margin:0 0 8px;
  }
  .home-page .fort-mobile-campaign-terms {
    color:#e2f1f4;
    font:400 13px/1.45 Arial,Helvetica,sans-serif;
    margin:0 0 15px;
  }
  .home-page .fort-mobile-campaign-action {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:11px 16px;
    min-height:44px;
    max-width:100%;
    background:#25d366;
    color:#053321;
    border-radius:23px;
    font:800 15px/1.2 Arial,Helvetica,sans-serif;
    text-decoration:none;
  }
  .home-page .fort-hero.has-campaign-art .fort-arrow {
    top:16.875vw;
    transform:translateY(-50%);
    width:34px;
    height:34px;
    font-size:25px;
    line-height:24px;
    border:1px solid #fff;
    background:#001d3299;
    z-index:5;
  }
  .home-page .fort-hero.has-campaign-art .fort-dots {
    top:auto;
    bottom:13px;
    right:20px;
    left:auto;
    transform:none;
    z-index:5;
  }
  .home-page .fort-hero.has-campaign-art .fort-dots button {
    width:11px;
    height:11px;
  }
}

/* Ajuste solicitado 01/11/2026: no repetir en celular el texto integrado
   en los banners; conservar solo el acceso real y compacto a WhatsApp. */
@media (max-width: 780px) {
  .home-page .fort-hero.has-campaign-art .fort-slide-bg {
    aspect-ratio: 3 / 1;
  }
  .home-page .fort-hero.has-campaign-art .fort-mobile-campaign-summary {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:9px 16px 12px;
    background:#fff;
    border-top:0;
  }
  .home-page .fort-hero.has-campaign-art .fort-mobile-campaign-kicker,
  .home-page .fort-hero.has-campaign-art .fort-mobile-campaign-summary h2,
  .home-page .fort-hero.has-campaign-art .fort-mobile-campaign-description,
  .home-page .fort-hero.has-campaign-art .fort-mobile-campaign-terms {
    display:none;
  }
  .home-page .fort-hero.has-campaign-art .fort-mobile-campaign-action {
    min-height:44px;
    padding:10px 22px;
  }
  .home-page .fort-hero.has-campaign-art .fort-dots {
    top:calc(100vw / 3 - 16px);
    bottom:auto;
    right:20px;
  }
}
/* Ocultar temporalmente el botón flotante solo cuando los logos de aliados
   son visibles en el teléfono: el botón dejaba tapada la marca Mutuus. */
@media (max-width:780px) {
  .home-page .fort-wa-float.fort-wa-float--allies-visible {
    opacity:0;
    pointer-events:none;
  }
}

/* Afinación final móvil, 01/11/2026. El diseño de escritorio queda intacto.
   Controles fuera de la imagen: los textos de Allianz ya no quedan tapados. */
@media (max-width: 780px) {
  /* Aprovechar la franja blanca como una fila de controles compacta. */
  .home-page .fort-hero.has-campaign-art .fort-mobile-campaign-summary {
    padding:6px 12px 5px;
  }
  .home-page .fort-hero.has-campaign-art .fort-mobile-campaign-action {
    width:min(56vw, 200px);
    min-height:44px;
    padding:7px 9px;
    gap:5px;
    border-radius:24px;
    font-size:13px;
    line-height:1.15;
    white-space:nowrap;
  }
  /* Flechas a los lados del botón, sin cubrir la fotografía ni los titulares. */
  .home-page .fort-hero.has-campaign-art .fort-arrow {
    top:calc(100vw / 3 + 14px);
    transform:none;
    width:28px;
    height:28px;
    font-size:19px;
    line-height:22px;
    border:1px solid #cadbe3;
    background:#f1f7fa;
    color:#15506c;
    opacity:.85;
    z-index:5;
  }
  .home-page .fort-hero.has-campaign-art .fort-prev {
    left:clamp(8px, calc(50% - 140px), 100px);
  }
  .home-page .fort-hero.has-campaign-art .fort-next {
    right:clamp(8px, calc(50% - 140px), 100px);
  }
  /* Los indicadores permanecen visibles, discretos, en el borde inferior del arte. */
  .home-page .fort-hero.has-campaign-art .fort-dots {
    left:50%;
    right:auto;
    top:calc(100vw / 3 - 12px);
    bottom:auto;
    transform:translateX(-50%);
    gap:7px;
  }
  .home-page .fort-hero.has-campaign-art .fort-dots button {
    width:8px;
    height:8px;
    outline:1px solid #486b80;
  }
  /* Acercar las tarjetas sin alterar sus tamaños ni sus colores. */
  .home-page .fort-hero.has-campaign-art + .fort-services {
    padding-top:5px;
  }
}
