/* ==========================================================
   App Welcome — Biblia Correcta
========================================================== */

.ib-app-welcome{
  height:100dvh;
  min-height:100dvh;
  box-sizing:border-box;
  background:#f7f9fc;
  color:#1d2b42;
  padding:22px 28px 24px;
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden !important;
}

.ib-app-welcome::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:220px;
  background:#3B5998;
  z-index:0;
  border-bottom-left-radius:46px;
  border-bottom-right-radius:46px;
}

/* TOP BAR */

.ib-app-welcome__topbar{
  position:relative;
  z-index:10000;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin:0 0 42px;
  overflow:visible !important;
}

.ib-app-welcome__brand{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  position:relative;
  z-index:10001;
}

.ib-app-welcome__logo{
  max-width:92px;
  max-height:54px;
  object-fit:contain;
  display:block;
  filter:none !important;
}

.ib-app-welcome__language{
  width:auto;
  min-width:0;
  flex:1 1 auto;
  max-width:245px; /* 👈 importante para que no se estire */
  position:relative;
  z-index:10002;
}

.ib-app-welcome__language .ib-lang-dd{
  width:100%;
  min-width:0;
  position:relative;
  z-index:10003;
}

.ib-app-welcome__language .ib-lang-field{
  position:relative !important;
  z-index:10004 !important;
}

.ib-app-welcome__language .ib-lang-btn{
      width:100% !important;
  min-width:0 !important;
  background:#fff !important;
  border:1px solid rgba(255,255,255,.65) !important;
  box-shadow:0 8px 18px rgba(0,0,0,.14) !important;
  opacity:1 !important;
}

.ib-app-welcome__language .ib-lang-panel{
  position:absolute !important;
  z-index:10005 !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  background:#fff !important;
}

/* CONTENIDO */

.ib-app-welcome__inner{
  position:relative;
  z-index:1;
  width:100%;
  max-width:680px;
  margin:0 auto;
  text-align:center;
}

.ib-app-welcome__title{
  font-family:"Philosopher", Georgia, serif;
  font-size:clamp(2.2rem, 6vw, 3.5rem);
  font-weight:700;
  line-height:1.1;
  margin:0 0 22px;
  color:#3B5998;
}

.ib-app-welcome__subtitle{
  font-size:1.15rem;
  line-height:1.6;
  color:#5b6b84;
  margin:0 0 34px;
}

/* BOTONES */

.ib-app-welcome__actions{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.ib-app-welcome__btn{
  min-height:58px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none !important;
  font-size:1.1rem;
  font-weight:700;
  padding:14px 22px;
  transition:.2s ease;
}

.ib-app-welcome__btn--primary{
  background:#3B5998;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(18,35,68,.18);
}

.ib-app-welcome__btn--primary:hover{
  transform:translateY(-1px);
  box-shadow:0 14px 28px rgba(18,35,68,.22);
}

.ib-app-welcome__btn--secondary{
  background:#fff;
  border:1px solid #dce5f2;
  color:#1d2b42 !important;
}

.ib-app-welcome__btn--secondary:hover{
  background:#f1f5fb;
}

.ib-app-welcome__link{
  font-size:1rem;
  font-weight:600;
  color:#5b6b84 !important;
  margin-top:6px;
  text-decoration:none !important;
}

/* PRIVACIDAD */

.ib-app-welcome__privacy{
  margin:46px 0 0;
  font-size:.95rem;
  color:#7a889e;
  line-height:1.6;
}

.ib-app-welcome__privacy a{
  color:#3B5998 !important;
  font-weight:700;
  text-decoration:none;
}

/* MOBILE */

/* MOBILE */

@media(max-width:767px){

html:has(.ib-app-welcome),
body:has(.ib-app-welcome){
  min-height:100%;
  }
  .ib-app-welcome{
min-height:100svh;
height:auto;
overflow:visible !important;
  opacity:0;
  }

  .ib-app-welcome::before{
    height:172px;
    border-bottom-left-radius:38px;
    border-bottom-right-radius:38px;
  }

.ib-app-welcome__topbar{
  position:relative;
  top:auto;
  left:auto;
  right:auto;
  z-index:10000;
  margin:0 0 30px;
  gap:12px;
  transform:translateY(-22px);
}

  .ib-app-welcome__logo{
    max-width:98px;
    max-height:56px;
    object-fit:contain;
  }

  .ib-app-welcome__language{
    width:min(245px, 62vw);
  }

  .ib-app-welcome__title{
    font-size:1.9rem;
    line-height:1.04;
    margin:0 0 12px;
  }

  .ib-app-welcome__title span,
  .ib-app-welcome__title strong{
    display:block;
  }

  .ib-app-welcome__title strong{
    font-weight:700;
  }

  .ib-app-welcome__slogan{
    font-family:"Philosopher", Georgia, serif;
    color:#3B5998;
    font-size:1.24rem;
    font-weight:700;
    line-height:1.1;
    text-align:center;
    margin:0 0 16px;
  }

  .ib-app-welcome__subtitle{
    font-size:.96rem;
    line-height:1.42;
    margin-bottom:20px;
  }

  .ib-app-welcome__actions{
    gap:12px;
  }

  .ib-app-welcome__btn{
    min-height:50px;
  }

  .ib-app-welcome__privacy{
    margin-top:10px;
    font-size:.88rem;
    line-height:1.45;
  }
  

.ib-app-welcome.is-ready{
  opacity:1;
  transition:opacity .18s ease;
}
}