/* ==========================================================
   PATYTA — iOS STATUS BAR DEFAULT + REAL COLOR SAMPLER R1
   Prueba experimental iOS PWA
   ========================================================== */

/*
 * Elemento REAL del DOM.
 * No pseudo-elemento.
 *
 * En navegación normal permanece oculto.
 */
.patyta-ios-status-color{
    display:none;
}

/*
 * PWA instalada detectada por Patyta.
 */
html.patyta-pwa-installed .patyta-ios-status-color{
    display:block;

    position:fixed;
    top:0;
    left:0;
    right:0;

    width:100%;
    height:8px;

    margin:0;
    padding:0;

    background:#008B4F;
    background-color:#008B4F;
    background-image:none;

    border:0;
    border-radius:0;

    box-shadow:none;

    filter:none;

    -webkit-backdrop-filter:none;
    backdrop-filter:none;

    opacity:1;

    pointer-events:none;

    z-index:2147483647;
}

/*
 * Segunda detección estándar.
 * Útil aunque la clase JS todavía no se haya aplicado.
 */
@media (display-mode: standalone){
    .patyta-ios-status-color{
        display:block;

        position:fixed;
        top:0;
        left:0;
        right:0;

        width:100%;
        height:8px;

        background:#008B4F;
        background-color:#008B4F;
        background-image:none;

        box-shadow:none;
        filter:none;

        -webkit-backdrop-filter:none;
        backdrop-filter:none;

        opacity:1;

        pointer-events:none;

        z-index:2147483647;
    }
}


/* PATYTA_IOS_HEADER_COMPACT_R2_START */

/*
 * Con apple-mobile-web-app-status-bar-style=default
 * iOS ya reserva físicamente la zona del status bar.
 *
 * La configuración anterior todavía dejaba ~52px adicionales
 * dentro del topbar para black-translucent.
 *
 * Reducimos únicamente ese espacio extra.
 *
 * NO desplazamos el topbar bajo el notch.
 * NO modificamos el sampler verde.
 * NO modificamos las filas internas.
 */

@media (display-mode: standalone) and (max-width:860px){

    html.patyta-pwa-installed body > .topbar.pet-topbar-portal-r74126,
    html.patyta-pwa-installed body .topbar.pet-topbar-portal-r74126{

        --patyta-header-top-space:10px !important;

        padding-top:10px !important;
    }
}

/*
 * Fallback para iOS standalone cuando la clase temprana
 * todavía no se haya aplicado.
 */
@media (display-mode: standalone) and (max-width:860px){

    body > .topbar.pet-topbar-portal-r74126{
        --patyta-header-top-space:10px !important;
        padding-top:10px !important;
    }
}

/* PATYTA_IOS_HEADER_COMPACT_R2_END */