/**
 * VR Shopping - Cross-Browser Compatibility
 * Compatibilidade total para todos os navegadores desktop e mobile
 * 
 * @version 1.0.0
 * @description Garante visual e comportamento idênticos em:
 *              - Google Chrome (desktop/mobile)
 *              - Microsoft Edge (desktop/mobile)
 *              - Mozilla Firefox (desktop/mobile)
 *              - Safari (macOS/iOS)
 *              - Samsung Internet
 *              - Opera (desktop/mobile)
 *              - UC Browser
 *              - Brave
 *              - Vivaldi
 */

/* ============================================
   RESET CROSS-BROWSER
   ============================================ */

/* Box-sizing universal */
*,
*::before,
*::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Remove estilos padrão inconsistentes */
html {
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* ============================================
   VENDOR PREFIXES - FLEXBOX
   ============================================ */

/* Display flex com todos os prefixos */
.flex-container,
#minhaDiv,
.container-login-vr,
.login-header,
.login-form .field-actions,
.button.btn-block,
#mostrarBtn,
.button.prefer-responsive,
.close-btn,
.cookie-content,
.g-recaptcha-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

/* Inline-flex com prefixos */
#mostrarBtn,
.button.prefer-responsive,
.close-btn,
#fecharModal {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

/* Flex direction */
.flex-column,
.login-form,
#minhaDiv {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

/* Align items center */
.align-center,
#minhaDiv,
.login-header,
.button.btn-block,
#mostrarBtn,
.button.prefer-responsive,
.close-btn,
#fecharModal,
.g-recaptcha-container {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* Justify content center */
.justify-center,
#minhaDiv,
.button.btn-block,
#mostrarBtn,
.button.prefer-responsive,
.close-btn,
#fecharModal {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Justify content space-between */
.login-header {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

/* Flex wrap */
.flex-wrap,
.cookie-content,
nav.saldkaslkdsad22222 ul {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* ============================================
   VENDOR PREFIXES - TRANSFORMS
   ============================================ */

.container-login-vr {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}

/* Transform translate para centralização (fallback) */
.center-transform {
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* ============================================
   VENDOR PREFIXES - TRANSITIONS
   ============================================ */

#mostrarBtn,
.button.prefer-responsive,
.button.btn-block,
.close-btn,
#fecharModal,
.login-form input,
.g-recaptcha-container,
.forgottenPassword {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

/* ============================================
   VENDOR PREFIXES - BORDER RADIUS
   ============================================ */

#mostrarBtn,
.button.prefer-responsive {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.button.btn-block {
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
}

.login-article {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}

.close-btn,
#fecharModal {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.login-form input[type="text"],
.login-form input[type="password"],
.login-form input[type="email"] {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

/* ============================================
   BOTÃO FECHAR - CROSS-BROWSER
   ============================================ */
.close-btn,
.close-btn-outside,
#fecharModal {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    -webkit-tap-highlight-color: transparent !important;
    -webkit-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
}

#mostrarBtn,
.button.prefer-responsive {
    -webkit-box-shadow: 0 2px 8px rgba(0, 140, 21, 0.3);
    -moz-box-shadow: 0 2px 8px rgba(0, 140, 21, 0.3);
    box-shadow: 0 2px 8px rgba(0, 140, 21, 0.3);
}

.button.btn-block {
    -webkit-box-shadow: 0 2px 8px rgba(0, 140, 21, 0.25);
    -moz-box-shadow: 0 2px 8px rgba(0, 140, 21, 0.25);
    box-shadow: 0 2px 8px rgba(0, 140, 21, 0.25);
}

.login-article {
    -webkit-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 25px rgba(0, 0, 0, 0.15);
}

/* ============================================
   VENDOR PREFIXES - GRADIENTS
   ============================================ */

.button.btn-block {
    background: #00aa13; /* Fallback */
    background: -webkit-linear-gradient(top, #00bb15, #009912);
    background: -moz-linear-gradient(top, #00bb15, #009912);
    background: -o-linear-gradient(top, #00bb15, #009912);
    background: linear-gradient(to bottom, #00bb15, #009912);
}

.button.btn-block:hover {
    background: #00bb15; /* Fallback */
    background: -webkit-linear-gradient(top, #00cc18, #00aa14);
    background: -moz-linear-gradient(top, #00cc18, #00aa14);
    background: -o-linear-gradient(top, #00cc18, #00aa14);
    background: linear-gradient(to bottom, #00cc18, #00aa14);
}

/* ============================================
   VENDOR PREFIXES - APPEARANCE
   ============================================ */

#mostrarBtn,
.button.prefer-responsive,
.button.btn-block,
.login-form input,
.login-form select,
.login-form textarea,
button,
[type="button"],
[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* ============================================
   VENDOR PREFIXES - USER SELECT
   ============================================ */

.g-recaptcha-container,
.close-btn,
#fecharModal,
#mostrarBtn,
.button.prefer-responsive {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ============================================
   VENDOR PREFIXES - TAP HIGHLIGHT
   ============================================ */

#mostrarBtn,
.button.prefer-responsive,
.button.btn-block,
.close-btn,
#fecharModal,
.forgottenPassword,
.g-recaptcha-container,
a,
button {
    -webkit-tap-highlight-color: transparent;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* ============================================
   VENDOR PREFIXES - OVERFLOW SCROLLING
   ============================================ */

#minhaDiv,
.login-article {
    -webkit-overflow-scrolling: touch;
}

/* ============================================
   MICROSOFT EDGE - ESPECÍFICO
   ============================================ */

/* Edge Legacy (EdgeHTML) */
@supports (-ms-ime-align: auto) {
    #mostrarBtn,
    .button.prefer-responsive,
    .button.btn-block {
        display: inline-flex !important;
    }
    
    #minhaDiv {
        display: flex !important;
    }
    
    .login-form input {
        padding: 12px 15px !important;
    }
}

/* Edge Chromium - reset de estilos padrão */
@supports (-ms-accelerator: true) {
    input::-ms-reveal,
    input::-ms-clear {
        display: none;
    }
}

/* Edge - botões com visual consistente */
body.browser-edge #mostrarBtn,
body.browser-edge .button.prefer-responsive {
    background-color: #008c15 !important;
    background-image: none !important;
    border: none !important;
}

body.browser-edge .button.btn-block {
    background: linear-gradient(to bottom, #00bb15, #009912) !important;
}

body.browser-edge .close-btn,
body.browser-edge #fecharModal {
    background: transparent !important;
    border: none !important;
}

/* Edge Desktop - Fix botão Entrar parcialmente escondido */
body.browser-edge.device-desktop .container.login.modal-container article,
body.browser-edge.device-desktop .modal-container article {
    min-height: auto !important;
    padding-bottom: 25px !important;
}

body.browser-edge.device-desktop .container.login.modal-container .login {
    padding-bottom: 50px !important;
}

body.browser-edge.device-desktop .container.login.modal-container .field-actions,
body.browser-edge.device-desktop .modal-container .field-actions {
    margin-bottom: 25px !important;
    padding-bottom: 15px !important;
}

body.browser-edge.device-desktop .container.login.modal-container .button.btn-block,
body.browser-edge.device-desktop .container.login.modal-container button[type="submit"],
body.browser-edge.device-desktop .modal-container .button.btn-block {
    margin-bottom: 20px !important;
}

/* Edge - Fallback genérico para qualquer Edge */
body.browser-edge .container.login.modal-container .login {
    padding-bottom: 50px !important;
}

body.browser-edge .container.login.modal-container .button.btn-block,
body.browser-edge .container.login.modal-container button[type="submit"] {
    margin-bottom: 20px !important;
}

/* Edge Mobile */
body.browser-edge.device-mobile #mostrarBtn,
body.browser-edge.device-mobile .button.prefer-responsive {
    min-height: 44px !important;
    padding: 12px 24px !important;
}

body.browser-edge.device-mobile .close-btn,
body.browser-edge.device-mobile #fecharModal {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
}

/* ============================================
   FIREFOX - ESPECÍFICO
   ============================================ */

/* Firefox focus outline */
@-moz-document url-prefix() {
    #mostrarBtn:focus,
    .button.prefer-responsive:focus,
    .button.btn-block:focus,
    .close-btn:focus,
    #fecharModal:focus {
        outline: 2px solid rgba(0, 140, 21, 0.5);
        outline-offset: 2px;
    }
    
    /* Firefox input styling */
    .login-form input[type="text"],
    .login-form input[type="password"],
    .login-form input[type="email"] {
        -moz-appearance: none;
    }
    
    /* Firefox button reset */
    button::-moz-focus-inner,
    [type="button"]::-moz-focus-inner,
    [type="submit"]::-moz-focus-inner {
        border-style: none;
        padding: 0;
    }
}

body.browser-firefox #mostrarBtn,
body.browser-firefox .button.prefer-responsive {
    line-height: 1.2 !important;
}

body.browser-firefox .button.btn-block {
    line-height: 1.2 !important;
}

/* Firefox Mobile */
body.browser-firefox.device-mobile #minhaDiv {
    display: flex !important;
}

/* ============================================
   CHROME/FIREFOX DESKTOP - FIX BOTÃO ENTRAR
   ============================================ */

/* Chrome Desktop */
body.browser-chrome.device-desktop .container.login.modal-container article,
body.browser-chrome:not(.device-mobile) .container.login.modal-container article {
    overflow: visible !important;
    min-height: auto !important;
    height: auto !important;
}

body.browser-chrome.device-desktop .container.login.modal-container .login,
body.browser-chrome:not(.device-mobile) .container.login.modal-container .login {
    padding-bottom: 30px !important;
    overflow: visible !important;
}

body.browser-chrome.device-desktop .container.login.modal-container .field-actions,
body.browser-chrome:not(.device-mobile) .container.login.modal-container .field-actions {
    margin-bottom: 10px !important;
    overflow: visible !important;
}

body.browser-chrome.device-desktop .container.login.modal-container .button.prefer-responsive.btn-block,
body.browser-chrome:not(.device-mobile) .container.login.modal-container .button.prefer-responsive.btn-block {
    position: relative !important;
    margin-top: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Firefox Desktop */
body.browser-firefox.device-desktop .container.login.modal-container article,
body.browser-firefox:not(.device-mobile) .container.login.modal-container article {
    overflow: visible !important;
    min-height: auto !important;
    height: auto !important;
}

body.browser-firefox.device-desktop .container.login.modal-container .login,
body.browser-firefox:not(.device-mobile) .container.login.modal-container .login {
    padding-bottom: 30px !important;
    overflow: visible !important;
}

body.browser-firefox.device-desktop .container.login.modal-container .field-actions,
body.browser-firefox:not(.device-mobile) .container.login.modal-container .field-actions {
    margin-bottom: 10px !important;
    overflow: visible !important;
}

body.browser-firefox.device-desktop .container.login.modal-container .button.prefer-responsive.btn-block,
body.browser-firefox:not(.device-mobile) .container.login.modal-container .button.prefer-responsive.btn-block {
    position: relative !important;
    margin-top: 12px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* ============================================
   SAFARI - ESPECÍFICO (iOS e macOS)
   ============================================ */

/* Safari/WebKit */
@supports (-webkit-touch-callout: none) {
    /* Prevenir zoom em inputs no iOS */
    .login-form input[type="text"],
    .login-form input[type="password"],
    .login-form input[type="email"],
    .login-form select,
    .login-form textarea {
        font-size: 16px !important;
    }
    
    /* Fix para altura em Safari iOS */
    #minhaDiv {
        min-height: -webkit-fill-available;
    }
    
    body {
        min-height: -webkit-fill-available;
    }
    
    /* Safari button styling */
    #mostrarBtn,
    .button.prefer-responsive,
    .button.btn-block {
        -webkit-appearance: none !important;
        -webkit-transform: translateZ(0);
    }
    
    /* Fix para border-radius em Safari */
    .login-article {
        -webkit-mask-image: -webkit-radial-gradient(white, black);
    }
}

body.browser-safari #mostrarBtn,
body.browser-safari .button.prefer-responsive {
    -webkit-transform: translate3d(0, 0, 0) !important;
}

body.browser-safari .close-btn,
body.browser-safari #fecharModal {
    -webkit-transform: translate3d(0, 0, 0) !important;
}

/* Safari iOS - botão fechar maior */
body.browser-safari.os-ios .close-btn,
body.browser-safari.os-ios #fecharModal {
    width: 48px !important;
    height: 48px !important;
}

/* ============================================
   SAMSUNG INTERNET - ESPECÍFICO
   ============================================ */

body.browser-samsung #mostrarBtn,
body.browser-samsung .button.prefer-responsive {
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
}

body.browser-samsung .button.btn-block {
    font-weight: 600 !important;
}

body.browser-samsung .close-btn,
body.browser-samsung #fecharModal {
    font-size: 24px !important;
}

body.browser-samsung #minhaDiv {
    display: flex !important;
}

body.browser-samsung .login-form input {
    font-size: 16px !important;
}

/* ============================================
   OPERA - ESPECÍFICO
   ============================================ */

body.browser-opera #mostrarBtn,
body.browser-opera .button.prefer-responsive {
    background-color: #008c15 !important;
}

body.browser-opera .button.btn-block {
    background: linear-gradient(to bottom, #00bb15, #009912) !important;
}

/* Opera Mini - simplificar animações */
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: .001dpcm) {
    body.browser-opera .container-login-vr {
        animation: none !important;
    }
}

/* ============================================
   UC BROWSER - ESPECÍFICO
   ============================================ */

body.browser-uc #mostrarBtn,
body.browser-uc .button.prefer-responsive {
    box-shadow: none !important;
    border: 1px solid rgba(0, 140, 21, 0.3) !important;
}

body.browser-uc .button.btn-block {
    box-shadow: none !important;
}

body.browser-uc #minhaDiv {
    display: flex !important;
}

/* ============================================
   BRAVE - ESPECÍFICO
   ============================================ */

body.browser-brave #mostrarBtn,
body.browser-brave .button.prefer-responsive,
body.browser-brave .button.btn-block {
    /* Brave usa Chromium, mas pode ter diferenças */
    -webkit-font-smoothing: antialiased !important;
}

/* ============================================
   VIVALDI - ESPECÍFICO
   ============================================ */

body.browser-vivaldi #mostrarBtn,
body.browser-vivaldi .button.prefer-responsive {
    /* Vivaldi usa Chromium */
    font-weight: bold !important;
}

/* ============================================
   ANDROID WEBVIEW - ESPECÍFICO
   ============================================ */

body.browser-webview #mostrarBtn,
body.browser-webview .button.prefer-responsive {
    min-height: 48px !important;
}

body.browser-webview .close-btn,
body.browser-webview #fecharModal {
    width: 48px !important;
    height: 48px !important;
}

body.browser-webview .login-form input {
    font-size: 16px !important;
    min-height: 48px !important;
}

/* ============================================
   iOS WEBVIEW (WKWebView) - ESPECÍFICO
   ============================================ */

body.browser-ios-webview #mostrarBtn,
body.browser-ios-webview .button.prefer-responsive {
    -webkit-appearance: none !important;
    min-height: 44px !important;
}

body.browser-ios-webview .login-form input {
    font-size: 16px !important;
}

/* ============================================
   FALLBACKS PARA NAVEGADORES ANTIGOS
   ============================================ */

/* Fallback para display: flex */
.no-flexbox #minhaDiv {
    display: block !important;
    text-align: center !important;
}

.no-flexbox .container-login-vr {
    display: inline-block !important;
    vertical-align: middle !important;
    margin-top: 10vh !important;
}

.no-flexbox .login-header {
    display: block !important;
    overflow: hidden !important;
}

.no-flexbox .login-header h1 {
    float: left !important;
}

.no-flexbox .close-btn,
.no-flexbox #fecharModal {
    float: right !important;
    display: inline-block !important;
}

/* Fallback para CSS Grid */
.no-cssgrid .dklsdk1 {
    display: block !important;
}

.no-cssgrid .bloco1 {
    display: inline-block !important;
    vertical-align: top !important;
}

/* ============================================
   FIX PARA TECLADO VIRTUAL MOBILE
   ============================================ */

/* Quando teclado virtual está ativo */
@media screen and (max-height: 450px) and (orientation: portrait) {
    #minhaDiv {
        align-items: flex-start !important;
        padding-top: 5vh !important;
    }
    
    .container-login-vr {
        margin-top: 0 !important;
    }
    
    .login-article {
        max-height: 90vh !important;
        overflow-y: auto !important;
    }
}

/* ============================================
   TOUCH DEVICES - CONSISTÊNCIA
   ============================================ */

@media (hover: none) and (pointer: coarse) {
    /* Todos os navegadores touch */
    #mostrarBtn,
    .button.prefer-responsive,
    .button.btn-block,
    .close-btn,
    #fecharModal,
    .forgottenPassword,
    .g-recaptcha-container {
        min-height: 44px !important;
        cursor: pointer !important;
    }
    
    /* Feedback visual no toque - todos navegadores */
    #mostrarBtn:active,
    .button.prefer-responsive:active {
        background-color: #007a12 !important;
        -webkit-transform: scale(0.97) !important;
        -moz-transform: scale(0.97) !important;
        -ms-transform: scale(0.97) !important;
        transform: scale(0.97) !important;
    }
    
    .button.btn-block:active {
        -webkit-transform: scale(0.98) !important;
        -moz-transform: scale(0.98) !important;
        -ms-transform: scale(0.98) !important;
        transform: scale(0.98) !important;
    }
    
    .close-btn:active,
    #fecharModal:active {
        background: rgba(0, 0, 0, 0.1) !important;
        -webkit-transform: scale(0.92) !important;
        -moz-transform: scale(0.92) !important;
        -ms-transform: scale(0.92) !important;
        transform: scale(0.92) !important;
    }
}

/* ============================================
   HIGH DPI SCREENS - TODOS NAVEGADORES
   ============================================ */

@media (-webkit-min-device-pixel-ratio: 2),
       (min-resolution: 192dpi),
       (min-resolution: 2dppx) {
    /* Bordas mais nítidas em telas retina */
    .login-article,
    .login-form input,
    .g-recaptcha-container {
        border-width: 0.5px;
    }
    
    /* Texto mais nítido */
    #mostrarBtn,
    .button.prefer-responsive,
    .button.btn-block {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}

/* ============================================
   RTL SUPPORT (Right-to-Left)
   ============================================ */

[dir="rtl"] .login-header {
    -webkit-box-direction: reverse;
    -moz-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

[dir="rtl"] .close-btn,
[dir="rtl"] #fecharModal {
    margin: -10px 0 -10px -10px !important;
}

[dir="rtl"] #mostrarBtn i,
[dir="rtl"] .button.prefer-responsive i,
[dir="rtl"] .button.btn-block i {
    margin-left: 0 !important;
    margin-right: 8px !important;
}

/* ============================================
   PRINT - TODOS NAVEGADORES
   ============================================ */

@media print {
    #minhaDiv,
    .cookie-modal,
    #vrPushModal {
        display: none !important;
    }
}

/* ============================================
   FORCED COLORS MODE (High Contrast)
   ============================================ */

@media (forced-colors: active) {
    #mostrarBtn,
    .button.prefer-responsive,
    .button.btn-block {
        border: 2px solid currentColor !important;
        forced-color-adjust: none;
    }
    
    .close-btn,
    #fecharModal {
        border: 1px solid currentColor !important;
    }
}

/* ============================================
   PREFERS REDUCED MOTION - TODOS NAVEGADORES
   ============================================ */

@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        -webkit-animation-duration: 0.01ms !important;
        animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
        -moz-transition-duration: 0.01ms !important;
        -o-transition-duration: 0.01ms !important;
        transition-duration: 0.01ms !important;
    }
    
    .container-login-vr {
        -webkit-animation: none !important;
        animation: none !important;
    }
}

/* ============================================
   DARK MODE - TODOS NAVEGADORES
   ============================================ */

@media (prefers-color-scheme: dark) {
    #minhaDiv {
        background: rgba(0, 0, 0, 0.75) !important;
    }
    
    #mostrarBtn,
    .button.prefer-responsive {
        -webkit-box-shadow: 0 3px 12px rgba(0, 200, 30, 0.4) !important;
        -moz-box-shadow: 0 3px 12px rgba(0, 200, 30, 0.4) !important;
        box-shadow: 0 3px 12px rgba(0, 200, 30, 0.4) !important;
    }
}

/* ============================================
   GARANTIA DE VISIBILIDADE - TODOS NAVEGADORES
   ============================================ */

#mostrarBtn,
.button.prefer-responsive {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

.close-btn,
#fecharModal {
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
}

#minhaDiv[style*="display: block"],
#minhaDiv[style*="display:block"],
#minhaDiv.is-open {
    visibility: visible !important;
    opacity: 1 !important;
}