/*
 MC-HEADER-UNIVERSAL-V141
 Fuente única de estilos del header MundoCatálogos.
 Las páginas pueden tener CSS propio para su contenido,
 pero no deben modificar el header compartido.
*/

html body .mc-shared-head,
html body .mc-shared-head *,
html body .mc-shared-head *::before,
html body .mc-shared-head *::after {
    box-sizing:border-box !important;
}

html body .mc-shared-head {
    display:block !important;
    position:relative !important;
    z-index:40 !important;
    width:100% !important;
    max-width:none !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:#fff !important;
    border:0 !important;
    border-bottom:1px solid #eee6f4 !important;
    box-shadow:none !important;
    color:#241932 !important;
    font:400 13px/1.4 Inter,system-ui,Arial,sans-serif !important;
}

html body .mc-shared-head .mc-shared-inner {
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-direction:row !important;
    flex-wrap:nowrap !important;
    gap:22px !important;
    width:80% !important;
    max-width:1510px !important;
    min-height:84px !important;
    margin:0 auto !important;
    padding:0 !important;
    background:transparent !important;
}

html body .mc-shared-head a {
    text-decoration:none !important;
}

html body .mc-shared-head .mc-shared-brand {
    display:flex !important;
    align-items:center !important;
    gap:12px !important;
    flex-shrink:0 !important;
    width:auto !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    color:#241932 !important;
}

html body .mc-shared-head .mc-shared-logo {
    display:block !important;
    width:46px !important;
    height:46px !important;
    max-width:46px !important;
    object-fit:contain !important;
    margin:0 !important;
    padding:0 !important;
}

html body .mc-shared-head .mc-shared-mark {
    display:grid !important;
    place-items:center !important;
    flex-shrink:0 !important;
    width:46px !important;
    height:46px !important;
    margin:0 !important;
    padding:0 !important;
    border-radius:12px !important;
    background:linear-gradient(135deg,#ffcf52,#fa9d38) !important;
    color:#6520a8 !important;
    font:900 26px/1 Inter,system-ui,Arial,sans-serif !important;
}

html body .mc-shared-head .mc-shared-brandname {
    display:inline-block !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    color:#241932 !important;
    font-family:Inter,system-ui,Arial,sans-serif !important;
    font-size:23px !important;
    font-style:normal !important;
    font-weight:850 !important;
    line-height:1.1 !important;
    letter-spacing:-.6px !important;
    text-transform:none !important;
    white-space:nowrap !important;
}

html body .mc-shared-head .mc-shared-tagline {
    display:block !important;
    flex:0 1 210px !important;
    max-width:210px !important;
    margin:0 !important;
    padding:0 !important;
    color:#6f647c !important;
    background:transparent !important;
    font:400 12px/1.4 Inter,system-ui,Arial,sans-serif !important;
}

html body .mc-shared-head .mc-shared-nav {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    flex-flow:row wrap !important;
    gap:23px !important;
    flex:0 1 auto !important;
    width:auto !important;
    min-width:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}

html body .mc-shared-head .mc-shared-nav a {
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    color:#30263d !important;
    font-family:Inter,system-ui,Arial,sans-serif !important;
    font-size:13px !important;
    font-style:normal !important;
    font-weight:750 !important;
    line-height:1.3 !important;
    letter-spacing:normal !important;
    text-transform:none !important;
    white-space:nowrap !important;
}

html body .mc-shared-head .mc-shared-nav a:hover {
    color:#7025cd !important;
}

html body .mc-shared-head .mc-shared-nav a:last-child {
    padding:12px 17px !important;
    color:#fff !important;
    background:linear-gradient(135deg,#8138de,#571bb5) !important;
    border-radius:10px !important;
}

@media(max-width:900px) {
    html body .mc-shared-head .mc-shared-inner {
        width:94% !important;
        min-height:0 !important;
        padding:15px 0 !important;
        justify-content:center !important;
        flex-wrap:wrap !important;
    }

    html body .mc-shared-head .mc-shared-tagline {
        display:none !important;
    }

    html body .mc-shared-head .mc-shared-nav {
        width:100% !important;
        justify-content:center !important;
        gap:12px 18px !important;
    }
}

@media(max-width:440px) {
    html body .mc-shared-head .mc-shared-brandname {
        font-size:20px !important;
    }

    html body .mc-shared-head .mc-shared-logo,
    html body .mc-shared-head .mc-shared-mark {
        width:40px !important;
        height:40px !important;
    }

    html body .mc-shared-head .mc-shared-nav a {
        font-size:12px !important;
    }

    html body .mc-shared-head .mc-shared-nav a:last-child {
        padding:9px 12px !important;
    }
}


/* MC-HEADER-TYPOGRAPHY-V142
   Tipografía compartida: Inicio, Perú y Editor PDF.
   Evitar diferencias por CSS heredado del template.
*/

html body .mc-shared-head,
html body .mc-shared-head .mc-shared-inner,
html body .mc-shared-head .mc-shared-brand,
html body .mc-shared-head .mc-shared-brandname,
html body .mc-shared-head .mc-shared-tagline,
html body .mc-shared-head .mc-shared-nav,
html body .mc-shared-head .mc-shared-nav a {
    font-family: 'Inter', Arial, sans-serif !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-stretch: normal !important;
    text-transform: none !important;
    text-indent: 0 !important;
    text-shadow: none !important;
    word-spacing: normal !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html body .mc-shared-head .mc-shared-brandname {
    font-size: 23px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.6px !important;
}

html body .mc-shared-head .mc-shared-tagline {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0 !important;
}

html body .mc-shared-head .mc-shared-nav a {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
}

html body .mc-shared-head .mc-shared-nav a:last-child {
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}

@media (max-width:440px) {
    html body .mc-shared-head .mc-shared-brandname {
        font-size: 20px !important;
    }

    html body .mc-shared-head .mc-shared-nav a,
    html body .mc-shared-head .mc-shared-nav a:last-child {
        font-size: 12px !important;
    }
}