/*
|--------------------------------------------------------------------------
| HC Medic - Logo horizontal corregido V26.1
|--------------------------------------------------------------------------
| El logo nuevo ya contiene el nombre completo de Medic Services Punta Cana.
| En el menú no se repite el texto "HC MEDIC SERVICE"; se usa el logo como
| identidad principal, centrado, grande y proporcional.
|--------------------------------------------------------------------------
*/

img[src*="logoHC.png"]{
    object-fit:contain !important;
    object-position:center !important;
    height:auto !important;
    background:transparent !important;
}

/*
|--------------------------------------------------------------------------
| MENÚ LATERAL
|--------------------------------------------------------------------------
*/
.hc-drawer-brand{
    min-height:104px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:14px 16px 12px !important;
    gap:0 !important;
    overflow:hidden !important;
    border-bottom:1px solid rgba(255,255,255,.07) !important;
}

/* Ocultar el texto duplicado porque el nuevo logo ya contiene el nombre */
.hc-drawer-brand h1,
.hc-drawer-brand h2,
.hc-drawer-brand h3,
.hc-drawer-brand strong,
.hc-drawer-brand p,
.hc-drawer-brand small{
    display:none !important;
}

/* Logo horizontal grande, centrado y sin caja cuadrada */
.hc-drawer-brand img[src*="logoHC.png"],
.hc-drawer-logo[src*="logoHC.png"]{
    display:block !important;
    width:220px !important;
    max-width:220px !important;
    height:72px !important;
    max-height:72px !important;
    flex:0 0 auto !important;
    margin:0 auto !important;
    padding:0 !important;
    border:0 !important;
    border-radius:0 !important;
    background:transparent !important;
    box-shadow:none !important;
    object-fit:contain !important;
    object-position:center !important;
}

/*
| Si el logo está dentro de un contenedor antiguo diseñado para un ícono
| cuadrado, neutralizamos sus dimensiones.
*/
.hc-drawer-brand > div:has(img[src*="logoHC.png"]),
.hc-drawer-brand > span:has(img[src*="logoHC.png"]),
.hc-drawer-brand > a:has(img[src*="logoHC.png"]){
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:1 1 auto !important;
    padding:0 !important;
    margin:0 !important;
    background:transparent !important;
    box-shadow:none !important;
}

/*
|--------------------------------------------------------------------------
| LOGIN / REGISTRO / RECUPERACIÓN
|--------------------------------------------------------------------------
*/
.auth-logo img[src*="logoHC.png"],
.login-logo img[src*="logoHC.png"],
.register-logo img[src*="logoHC.png"],
.hc-auth-logo img[src*="logoHC.png"],
img.auth-logo[src*="logoHC.png"],
img.login-logo[src*="logoHC.png"],
img.register-logo[src*="logoHC.png"]{
    display:block !important;
    width:min(370px,84vw) !important;
    max-width:370px !important;
    height:auto !important;
    max-height:118px !important;
    margin:0 auto !important;
    object-fit:contain !important;
}

/*
|--------------------------------------------------------------------------
| RESPONSIVE
|--------------------------------------------------------------------------
*/
@media(max-width:900px){
    .hc-drawer-brand{
        min-height:92px !important;
        padding:12px 14px 10px !important;
    }

    .hc-drawer-brand img[src*="logoHC.png"],
    .hc-drawer-logo[src*="logoHC.png"]{
        width:196px !important;
        max-width:196px !important;
        height:64px !important;
        max-height:64px !important;
    }
}

@media(max-width:640px){
    .hc-drawer-brand{
        min-height:84px !important;
        padding:10px 12px !important;
    }

    .hc-drawer-brand img[src*="logoHC.png"],
    .hc-drawer-logo[src*="logoHC.png"]{
        width:180px !important;
        max-width:180px !important;
        height:58px !important;
        max-height:58px !important;
    }

    .auth-logo img[src*="logoHC.png"],
    .login-logo img[src*="logoHC.png"],
    .register-logo img[src*="logoHC.png"],
    .hc-auth-logo img[src*="logoHC.png"],
    img.auth-logo[src*="logoHC.png"],
    img.login-logo[src*="logoHC.png"],
    img.register-logo[src*="logoHC.png"]{
        width:min(320px,88vw) !important;
        max-width:320px !important;
        max-height:100px !important;
    }
}