/* Navbar IdIHCS: colores institucionales y estructura original de Newspaper. */
.td-header-wrap.td-header-style-3 {
    --nav-accent: #49ab4c;
    --nav-text: #303b35;
    --nav-active: #286b2b;
    --nav-border: #e2e8e3;
    --nav-tint: #f2f7f2;
}

.td-header-wrap.td-header-style-3 .td-header-main-menu {
    background: #fff !important;
    border-top: 1px solid var(--nav-border);
    border-bottom: 1px solid var(--nav-border);
    padding-bottom: 0;
}

.td-header-wrap.td-header-style-3 .td-affix {
    background: #fff !important;
    box-shadow: 0 4px 16px rgba(28, 49, 34, .08);
}

.td-header-wrap.td-header-style-3 #td-header-menu .menu-main-menu-container {
    padding-top: 0 !important;
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li {
    margin: 0;
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li > a {
    padding: 0 6px;
    border-left: 0;
    color: var(--nav-text) !important;
    background: transparent !important;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .025em;
    line-height: 56px !important;
    text-transform: uppercase !important;
    transition: color .18s ease, background-color .18s ease;
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li > a::after {
    display: block;
    content: "";
    height: 3px;
    width: auto;
    left: 6px;
    right: 6px;
    bottom: 0;
    border-radius: 2px 2px 0 0;
    background: var(--nav-accent) !important;
    transform: scaleX(0);
    transform-origin: center;
    transition: transform .18s ease;
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li:hover > a,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > .sfHover > a,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > .current-menu-item > a,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > .current-menu-ancestor > a,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > .current-category-ancestor > a,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li > a:focus-visible {
    color: var(--nav-active) !important;
    background: var(--nav-tint) !important;
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li:hover > a::after,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > .sfHover > a::after,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > .current-menu-item > a::after,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > .current-menu-ancestor > a::after,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > .current-category-ancestor > a::after,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li > a:focus-visible::after {
    transform: scaleX(1);
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li > a .td-icon-menu-down {
    position: static;
    display: inline-block;
    margin: 0 0 0 7px;
    padding-left: 0;
    font-size: 8px;
    vertical-align: middle;
    color: #68766b;
}

.td-header-wrap.td-header-style-3 #td-header-menu .td-normal-menu ul {
    min-width: 220px;
    padding: 8px 0;
    border: 1px solid var(--nav-border);
    border-top: 3px solid var(--nav-accent);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 12px 28px rgba(28, 49, 34, .12);
    background: #fff;
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li.td-normal-menu > ul.sub-menu {
    left: 0;
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li.td-normal-menu:last-child > ul.sub-menu {
    left: auto;
    right: 0;
}

.td-header-wrap.td-header-style-3 #td-header-menu .td-normal-menu ul ul {
    margin-top: -8px;
    margin-bottom: -8px;
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu li li:hover > ul,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu li li.sfHover > ul {
    left: 100%;
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu ul .td-menu-item > a {
    padding: 10px 18px;
    color: var(--nav-text) !important;
    font-size: 13px;
    line-height: 20px !important;
    border-left: 0;
    text-transform: none !important;
    transition: color .18s ease, background-color .18s ease;
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu ul .td-menu-item > a::before {
    content: none;
}

.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu ul li:hover > a,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu ul .sfHover > a,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu ul .current-menu-item > a,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu ul .current-menu-ancestor > a,
.td-header-wrap.td-header-style-3 #td-header-menu .sf-menu ul a:focus-visible {
    background: var(--nav-tint) !important;
    color: var(--nav-active) !important;
}

/* Recuperar el foco visible que elimina el tema base. */
.td-header-wrap.td-header-style-3 #td-header-menu a:focus-visible,
.td-header-wrap.td-header-style-3 .header-search-wrap a:focus-visible {
    outline: 2px solid var(--nav-active);
    outline-offset: -3px;
    border-radius: 4px;
}

.td-header-wrap.td-header-style-3 .header-search-wrap .td-icon-search {
    width: 54px;
    height: 56px;
    line-height: 56px;
    padding-top: 0;
    font-size: 30px !important;
    color: #202b24 !important;
    transition: color .18s ease, background-color .18s ease;
}

.td-header-wrap.td-header-style-3 .header-search-wrap a:hover .td-icon-search {
    color: var(--nav-active) !important;
    background: var(--nav-tint);
}

@media (min-width: 768px) {
    .td-header-wrap.td-header-style-3 .td-header-main-menu {
        padding-right: 0;
    }

    .td-header-wrap.td-header-style-3 #td-header-menu {
        display: inline-flex;
        align-items: center;
        width: calc(100% - 54px);
        min-height: 56px;
    }

    .td-header-wrap.td-header-style-3 .td-header-menu-no-search #td-header-menu {
        width: 100%;
    }

    .td-header-wrap.td-header-style-3 #td-header-menu .menu-main-menu-container {
        flex: 1;
        min-width: 0;
    }

    .td-header-wrap.td-header-style-3 #td-header-menu .sf-menu {
        display: flex;
        flex-wrap: nowrap;
    }

    .td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li {
        flex: 1 1 auto;
        min-width: 0;
    }

    .td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li > a {
        text-align: center;
        white-space: nowrap;
    }
}

@media (min-width: 1019px) and (max-width: 1140px) {
    .td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li > a {
        font-size: 11px;
    }
}

@media (min-width: 768px) and (max-width: 1018px) {
    .td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 56px;
        padding-right: 4px;
        padding-left: 4px;
        font-size: 10px;
        letter-spacing: 0;
        line-height: 16px !important;
        white-space: normal;
    }

    .td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li > a .td-icon-menu-down {
        flex-shrink: 0;
        margin-left: 4px;
    }

    .td-header-wrap.td-header-style-3 #td-header-menu .sf-menu > li > a::after {
        left: 4px;
        right: 4px;
    }
}

@media (max-width: 767px) {
    .td-header-wrap.td-header-style-3 .td-header-main-menu {
        min-height: 56px;
    }

    .td-header-wrap.td-header-style-3 #td-top-mobile-toggle a,
    .td-header-wrap.td-header-style-3 #td-top-mobile-toggle .td-icon-mobile {
        color: var(--nav-active);
    }
}

@media (prefers-reduced-motion: reduce) {
    .td-header-wrap.td-header-style-3 #td-header-menu a,
    .td-header-wrap.td-header-style-3 #td-header-menu a::after,
    .td-header-wrap.td-header-style-3 .header-search-wrap .td-icon-search {
        transition: none;
    }
}