/* ==========================================================
   PWA INSTALL BUTTON - Biblia Correcta
   Diseño integrado para móvil
========================================================== */

.ib-install-app-wrap{
    width:100% !important;
    margin:28px 0 34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
}

/* Oculto real: no deja espacio */
.ib-install-app-wrap--hidden{
    display:none !important;
}

/* Por defecto lo ocultamos en escritorio */
@media (min-width:768px){
    .ib-install-app-wrap{
        display:none !important;
    }
}

/* Card móvil */
.ib-install-app-card{
    width:min(86vw, 390px) !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:54px minmax(0,1fr) !important;
    grid-template-areas:
        "icon info"
        "button button" !important;
    align-items:center !important;
    gap:12px 14px !important;
    padding:16px !important;
    border-radius:26px !important;
    border:1px solid rgba(59,89,152,.16) !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,.98), rgba(247,250,255,.96)) !important;
    box-shadow:0 18px 42px rgba(18,35,68,.13) !important;
}

/* Icono */
.ib-install-app-icon{
    grid-area:icon !important;
    width:54px !important;
    height:54px !important;
    border-radius:17px !important;
    overflow:hidden !important;
    background:#0d3b66 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    box-shadow:0 8px 18px rgba(13,59,102,.22) !important;
}

.ib-install-app-icon img{
    width:54px !important;
    height:54px !important;
    display:block !important;
    object-fit:cover !important;
    border-radius:17px !important;
}

.ib-install-app-icon span{
    color:#fff !important;
    font-family:Inter, system-ui, sans-serif !important;
    font-size:17px !important;
    font-weight:800 !important;
    letter-spacing:-.04em !important;
}

/* Textos */
.ib-install-app-info{
    grid-area:info !important;
    min-width:0 !important;
    display:flex !important;
    flex-direction:column !important;
    gap:4px !important;
}

.ib-install-app-title{
    color:#17233a !important;
    font-family:Inter, system-ui, sans-serif !important;
    font-size:16px !important;
    font-weight:800 !important;
    line-height:1.15 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
}

.ib-install-app-subtitle{
    color:#627086 !important;
    font-family:Inter, system-ui, sans-serif !important;
    font-size:13.5px !important;
    font-weight:500 !important;
    line-height:1.35 !important;
}

/* Botón */
.ib-install-app-btn{
    all:unset;
    grid-area:button !important;
    box-sizing:border-box !important;
    width:100% !important;
    min-height:50px !important;
    padding:13px 20px !important;
    border:0 !important;
    outline:0 !important;
    border-radius:999px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:9px !important;
    background:linear-gradient(135deg, #0d3b66, #155b96) !important;
    color:#fff !important;
    font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size:15px !important;
    font-weight:750 !important;
    line-height:1 !important;
    white-space:nowrap !important;
    cursor:pointer !important;
    box-shadow:0 10px 22px rgba(13,59,102,.26) !important;
    transition:transform .18s ease, box-shadow .18s ease, filter .18s ease !important;
    -webkit-tap-highlight-color:transparent !important;
    appearance:none !important;
    -webkit-appearance:none !important;
}

.ib-install-app-btn:hover,
.ib-install-app-btn:focus,
.ib-install-app-btn:focus-visible{
    border:0 !important;
    outline:0 !important;
    color:#fff !important;
    transform:scale(1.025) !important;
    box-shadow:0 13px 28px rgba(13,59,102,.32) !important;
    filter:saturate(1.05) !important;
}

.ib-install-app-btn:active{
    transform:scale(.99) !important;
    box-shadow:0 7px 16px rgba(13,59,102,.24) !important;
}

.ib-install-app-btn::-moz-focus-inner{
    border:0 !important;
}

.ib-install-app-btn__icon{
    width:17px !important;
    height:17px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    color:currentColor !important;
}

.ib-install-app-btn__text{
    color:inherit !important;
    white-space:nowrap !important;
    font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-weight:750 !important;
}

/* Móviles pequeños */
@media (max-width:390px){
    .ib-install-app-card{
        width:min(88vw, 360px) !important;
        padding:14px !important;
        border-radius:24px !important;
    }

    .ib-install-app-title{
        font-size:15px !important;
    }

    .ib-install-app-subtitle{
        font-size:12.8px !important;
    }

    .ib-install-app-btn{
        min-height:48px !important;
        font-size:14.5px !important;
    }
}