/* Asegurar que el modal quede por encima del header */
  #modalBienvenidaFidelitas {
    z-index: 1060 !important;
  }

  /* Fondo oscuro detrás del modal */
  .modal-backdrop {
    z-index: 1055 !important;
  }
  /* contenedor modal */
  .fid-welcome-modal{
    border: 0;
    border-radius: 20px !important;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 18px 48px rgba(0,0,0,.25);
  }

  /* cuerpo */
  .fid-welcome-body{
    position: relative;
    padding: 18px 22px 20px;
    text-align: center;
  }

  /* X arriba a la derecha */
  .fid-welcome-close{
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 10;
    opacity: .75;
  }
  .fid-welcome-close:hover{ opacity: 1; }

  /* logo centrado */
  .fid-welcome-logo{
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .fid-welcome-logo img{
    height: 26px;
    width: auto;
    display:block;
  }

  /* título celeste */
  .fid-welcome-title{
    margin: 10px;
    font-weight: 700;
    font-size: 28px;
    color: var(--fid-primary)
  }

  /* cajas con borde (arriba y abajo) */
  .fid-welcome-box{
    border-radius: 2px;
    padding: 10px 14px;
    font-size: 14px;
    line-height: 1.25;
    color: var(--neutral-dark);
  }
  .fid-welcome-box--gray{
    color: #444;
  }
  .fid-welcome-box--top{ margin: 8px auto 14px; font-size:18px !important; font-weight: 500;}
  .fid-welcome-box--bottom{ margin: 14px;  font-size:16px !important; }

  /* imagen centrada */
  .fid-welcome-imgwrap{
    display:flex;
    justify-content:center;
    align-items:center;
    padding: 20px;
  }
  .fid-welcome-imgwrap img{
    width: 100%;
    max-width: 530px;
    height: auto;
    max-height: 330px;      /* similar a la captura */
    object-fit: contain;
    display:block;
  }

  /* responsive */
  @media (max-width: 992px){
    .fid-welcome-body{ padding: 16px 14px 16px; }
    .fid-welcome-title{ font-size: 16px; }
    .fid-welcome-imgwrap img{ max-height: 320px; }
  }

/* ===== Responsive fino (mobile / pantallas chicas) ===== */
@media (max-width: 992px){
  .fid-welcome-title{ font-size: 22px; margin: 8px 6px; }
  .fid-welcome-box--top{ font-size: 16px !important; }
  .fid-welcome-box--bottom{ font-size: 14px !important; margin: 12px; }
  .fid-welcome-imgwrap{ padding: 14px; }
  .fid-welcome-imgwrap img{ max-width: 100%; max-height: 300px; }
}

@media (max-width: 576px){
  .fid-welcome-body{ padding: 12px 12px 14px; }
  .fid-welcome-title{ font-size: 18px; }
  .fid-welcome-box{ padding: 10px 10px; }
  .fid-welcome-box--top{ font-size: 14px !important; margin: 6px auto 10px; }
  .fid-welcome-box--bottom{ font-size: 13px !important; margin: 10px; }
  .fid-welcome-imgwrap{ padding: 10px; }
  .fid-welcome-imgwrap img{ max-height: 240px; }
  .fid-welcome-close{ top: 8px; right: 8px; }
}
@media (max-width: 480px) {
  #modalBienvenidaFidelitas .modal-dialog {
    margin-top: 80px;
  }

  #modalBienvenidaFidelitas .modal-content {
    max-height: calc(100vh - 5vh);
  }
}