/* GENERAL */


/*@font-face {
    font-family: "Roboto-Medium";
    src: url(../assets/fonts/Roboto-Medium.ttf);
    font-weight: normal;
}

@font-face {
    font-family: "Roboto-Black";
    src: url(../assets/fonts/Roboto-Black.ttf);
    font-weight: bold;
}

@font-face {
    font-family: "Roboto-Bold";
    src: url(../assets/fonts/Roboto-Bold.ttf);
    font-weight: bold;
}

@font-face {
    font-family: "Roboto-Regular";
    src: url(../assets/fonts/Roboto-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: "Roboto-Italic";
    src: url(../assets/fonts/Roboto-Italic.ttf);
    font-weight: bold;
    font-style: italic;
}*/

@font-face {
    font-family: "Gilroy-Bold";
    src: url(../assets/fonts/Gilroy-Bold.ttf);
    font-weight: normal;
}

@font-face {
    font-family: "Gilroy-Medium";
    src: url(../assets/fonts/Gilroy-Medium.ttf);
    font-weight: normal;
}

@font-face {
    font-family: "Gilroy-Regular";
    src: url(../assets/fonts/Gilroy-Regular.ttf);
    font-weight: normal;
}

@font-face {
    font-family: "HelveticaNeueLight";
    src: url(../assets/fonts/HelveticaNeueLight.otf);
    font-weight: normal;
}

@font-face {
    font-family: "HelveticaNeueMedium";
    src: url(../assets/fonts/HelveticaNeueMedium.otf);
    font-weight: normal;
}


/* Ocultar placeholder para pantallas grandes */

@media (min-width:1025px) and (min-width:1281px) {
     ::-webkit-input-placeholder {
        /* WebKit browsers */
        color: transparent !important;
    }
     :-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: transparent !important;
    }
     ::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: transparent !important;
    }
     :-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: transparent !important;
    }
    input::placeholder {
        color: #d5d5d5 !important;
    }
    textarea::-webkit-input-placeholder {
        /* WebKit browsers */
        color: transparent !important;
    }
    textarea:-moz-placeholder {
        /* Mozilla Firefox 4 to 18 */
        color: transparent !important;
    }
    textarea::-moz-placeholder {
        /* Mozilla Firefox 19+ */
        color: transparent !important;
    }
    textarea:-ms-input-placeholder {
        /* Internet Explorer 10+ */
        color: transparent !important;
    }
    textarea::placeholder {
        color: #d5d5d5 !important;
    }
}

.container-fluid.px-5,
.article-full-width {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
}

@media (min-width: 1400px) {
    .container-fluid.px-5,
    .article-full-width {
        padding-left: 6rem !important;
        padding-right: 6rem !important;
    }
}

body {
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    font-size: calc(12px + 0.1vw);
}

body p,
body ul li,
body ol li,
body table td,
body table th {
    font-family: 'Montserrat', sans-serif;
    font-size: calc(12px + 0.1vw);
    color: #231f20;
}

h2,
h3,
h4 {
    font-family: 'Montserrat', sans-serif;
}

/*a:hover {
    color: #da864a;
}*/

strong,
b {
    font-family: 'Montserrat', sans-serif;
}

main {
    min-height: 40vh;
}

.modal {
    background-color: rgba(255, 255, 255, 0.8);
}

.modal-dialog {
    max-width: 900px;
}

.modal-content {
    border: none;
}

.modal-header {
    padding: 1.5rem 1rem 1rem;
    border-bottom: 1px solid #000;
}

.modal-body {
    padding: 0.937rem 0;
}

.modal-document {
    max-width: 70%;
    margin: auto;
}

.modal-title {
    width: 100%;
    text-align: center;
    color: var(--color-article);
    font-family: 'Gilroy-Regular';
    font-size: calc(25px + 0.5vw);
    letter-spacing: 0.1vw;
}

.modal-doc-subtitle {
    font-family: "Avenir-Medium";
    font-size: calc(18px + 0.2vw);
    letter-spacing: 0.1vw;
}

.iconUP {
    background: #3f4a78;
    width: 50px;
    height: 50px;
    opacity: 0;
}

.iconUP.visible-arrow {
    position: fixed;
    right: 45px;
    bottom: 45px;
    opacity: 1;
    -webkit-transition: opacity 0.75s;
    -moz-transition: opacity 0.75s;
    -o-transition: opacity 0.75s;
    transition: opacity 0.75s;
}

@media (max-width: 768px) {
    .iconUP {
        width: 35px;
        height: 35px;
    }
    .iconUP.visible-arrow {
        right: 0px;
    }
}

.article-title-modal p {
    font-family: "AvenirNextCondensed";
    font-weight: bold;
}

.icon-modal-document {
    width: 30px !important;
    height: 30px !important;
    padding: 5px;
}

.form-inline .expansive {
    flex-grow: 1
}

.form-control:focus {
    box-shadow: none;
    color: inherit;
}

button,
.btn {
    letter-spacing: 0.1vw !important;
    font-size: calc(10px + 0.1vw) !important;
    padding: 5px 25px !important;
    background-color: #3766b1;
    border-color: #3766b1;
    border-radius: 5px;
}

/*.btn:is(:hover,:active,:focus) {
    background-color: #144892 !important;
    border-color: #144892 !important;
    box-shadow: none !important;
}*/

:is(#header_buscador,.ajax-form-login) :is(button,.btn) {
    letter-spacing: 0.1vw !important;
    font-size: calc(12px + 0.08vw) !important;
    padding: 5px 15px !important;
    background-color: transparent;
    border-radius: 0px;
    border: none;
    color: white;
}


/* header */

header .toolbar .row-login-form {
    width: 100%;
}

header .toolbar label,
header .toolbar input:not([type='text']),
header .toolbar a,
header #header_buscador a {
    font-size: calc(10px + 0.2vw);
    line-height: 0.938vw;
    color: #82a27b;
    text-transform: uppercase;
}

header .toolbar a:hover {
    color: #36495e;
}

header .background {
    background-color: #3f4a78;
    min-height: 125px;
}

@media (max-width: 768px) {
    header .background {
        background-position-x: left;
        min-height: 80px;
    }
    header .toolbar label,
    header .toolbar input:not([type='text']),
    header .toolbar a,
    header #header_buscador a {
        font-size: calc(10px + 0.34vw);
        line-height: calc(10px + 0.34vw);
    }
}

header .navigation {
    background-color: #3766b1;
    min-height: 2.344vw;
}

header nav a {
    color: white;
    font-size: calc(12px + 0.08vw);
    letter-spacing: 0.05vw;
    line-height: calc(12px + 0.15vw);
    text-transform: uppercase;
    text-decoration: none;
}

header nav :is(a:hover, a.active) {
    color: #85afd3;
}

header nav .sub-menu {
    display: none;
    position: absolute;
    background-color: white;
    z-index: 9;
    -moz-box-shadow: 0 40px 40px -25px rgba(0, 0, 0, .75);
    -webkit-box-shadow: 0 40px 40px -25px rgba(0, 0, 0, .75);
    box-shadow: 0 40px 40px -25px rgba(0, 0, 0, .75);
    padding-left: 2rem;
    padding-right: 2rem;
}

header nav .has-submenu:hover .sub-menu {
    display: flex;
}

header nav .has-submenu.sections:hover .sub-menu {
    display: block;
}

header nav .sub-menu a {
    color: #1d1d1b;
    line-height: calc(12px + 1vw);
}

header nav .sub-menu a:is(:hover, .active) {
    color: var(--section-hover);
}

.header_auth_menu #login_nav {
    max-width: 1000px;
}

header input {
    outline: 0 !important;
    border-width: 0 0 2px !important;
    border-color: #82a27b !important;
}

header input:focus {
    border-color: #82a27b !important;
}

header span.separator {
    color: white;
}

form#search_form label {
    font-family: 'Gilroy-Regular';
    color: white;
}

form#search_form input {
    background-color: #7087c3;
    border: none !important;
    border-radius: 10px;
    color: white;
}

.bloque_login {
    position: absolute;
    width: 100%;
    z-index: 1;
    background: white;
    top: -100px;
    min-height: 39px;
    transition: top 0.4s ease 0s;
}

@media (max-width: 768px) {
    .bloque_login {
        transition: top 0.4s ease 0s;
        top: -230px;
    }
}

.bloque_login.show {
    transition: top 0.4s ease 0s;
    top: 0px;
}

.font-italic {
    font-style: italic;
}


/* BREADCUMBS */

.breadcrumb {
    flex-wrap: nowrap;
}

.breadcrumb li {
    font-size: calc(10px + 0.25vw);
}

.breadcrumb :is(a, span) {
    text-transform: uppercase;
    color: #5d5d5d;
}


/* FOOTER */

footer {
    background-color: #3f4a78;
    color: #ffffff;
}

footer .socked #socked_menu {
    border-top: 2px solid white;
}

footer #footer_menu {
    /* margin-left: 13.4%; */
}

footer a {
    color: #ffffff;
    text-decoration: none;
}

footer .col-footer-1 {
    width: 32%;
}

footer .col-footer-2 {
    width: 42%;
}

footer .col-footer-3 {
    width: 25%;
}

footer .inner-container {
    padding: 35px 0;
}

footer .separator {
    margin-top: 5px;
}


/* body */

.col-revista p {
    font-size: calc(10px + 0.34vw);
}

.bg-articles-gray {
    background-color: #dfe2ea;
}

.header-section,
.header-abstract {
    background-color: #355d87;
}

.header-section h2 {
    font-size: calc(16px + 0.4vw);
    font-family: 'Gilroy-Bold';
    letter-spacing: 2px;
}

.header-abstract h2 {
    font-size: calc(16px + 0.4vw);
    font-family: 'Gilroy-Bold';
}

.content-abstract {
    background-color: #f2f3f7;
}

:is(.content-abstract.lang-es, .article-body) p {
    font-family: 'Gilroy-Regular';
}

.content-abstract.lang-en p {
    font-family: 'Gilroy-Medium';
}

.content-abstract.lang-es strong {
    font-family: 'Gilroy-Bold';
    color: #3a5a8c;
}

.content-abstract.lang-en strong {
    font-family: 'Gilroy-Medium';
    color: #3a5a8c;
}

.article-body h2 {
    font-family: 'Gilroy-Bold';
    font-size: calc(20px + 0.15vw);
    color: #3a5a8c;
    margin-bottom: 20px;
}

.article-body h3 {
    font-family: 'Gilroy-Regular';
    font-size: calc(16px + 0.3vw);
    font-weight: 500;
    margin-bottom: 20px;
    color: #3a5a8c;
}

.article-body h4 {
    font-family: 'Gilroy-Regular';
    font-size: calc(14px + 0.3vw);
    font-weight: 500;
    margin-bottom: 20px;
    color: #da864a;
}

.article-extra-section h3 {
    font-family: 'Gilroy-Bold';
    color: #575756;
}

.actions.clearfix{
    margin-top: 30px !important;
}
.steps.clearfix{
    margin-bottom: 10px !important;
}

.bibliography p {
    font-family: 'Gilroy-Regular';
    font-size: calc(14px + 0.1vw);
    color: #575756;
}

.articles-section h3 {
    font-size: calc(14px + 0.2vw);
    font-family: 'Gilroy-Bold';
    color: #3a5a8c;
}

.articles-section .article-excerpt {
    font-family: 'Gilroy-Regular';
    font-style: italic;
    color: #575756;
}

.section-home .articles-section:not(:last-child) .div-border {
    border-bottom: 1px solid #3e3e3e;
}

.copyright p {
    font-size: calc(13px + 0.1vw);
    color: #aab3ad;
}

.icons-home {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    padding-top: 4px;
}

.icons-home img {
    width: 10px;
    height: 10px;
}

.separatorline {
    margin-top: 40px;
    margin-bottom: 40px;
    height: 1px;
    width: 100%;
    background-color: black;
}

.pointer {
    cursor: pointer;
}

.bg-color-section,
.bg-gris {
    border-radius: 10px;
    padding: 20px;
}

.bg-gris+.bg-gris {
    margin-top: -20px;
}

.bg-gris:last-of-type {
    margin-bottom: 30px;
}

:is(.bg-gris, .bg-color-section) h2 {
    margin-bottom: 10px;
}

.article-header h1 {
    font-family: "Gilroy-Bold";
    font-size: calc(20px + 0.4vw) !important;
    color: var(--color-article);
    margin-bottom: 10px;
}

.article-header h2 {
    font-family: "Gilroy-Medium";
    font-size: calc(16px + 0.3vw);
}


/*.article-grid-container h2,
.content-evaluation h2 {
    font-family: "Roboto-Regular";
    font-weight: 700;
    font-size: calc(16px + 1vw);
    line-height: 36px;
    margin-bottom: 30px;
}

.article-grid-container h3 {
    font-family: "Roboto-Regular";
    font-weight: normal;
    margin-bottom: 30px;
    font-size: calc(16px + 0.5vw);
}

.article-grid-container h4 {
    font-family: "AvenirNextCondensed";
    font-weight: bold;
}*/

.article-grid-container__menu-pict {
    min-width: 77px;
}

.circle-article {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    margin: auto;
}

.circle-article:first-child {
    height: 60px;
    width: 60px;
    border: 5px solid white;
}

.circle-article>img {
    margin: auto;
}

.article-color {
    color: #80a444;
}

.bg-color {
    background-color: var(--color-article);
}

.non-bg-color {
    background-color: #e8dfcd;
}

.article-grid-container .article-body:not(.article_old) table thead:first-child,
.article-grid-container .article-body:not(.article_old) table th {
    background-color: var(--color-article);
}

.bg-first-circle {
    background: linear-gradient(90deg, transparent 55%, var(--color-article) 55%);
}

.bar-menu-article {
    background-color: var(--color-article);
}

.bar-menu-article {
    height: 40px;
    width: 5px;
    margin: 0px auto -5px;
}

.text-novedades {
    font-size: calc(18px + 0.8vw);
    font-family: 'Gilroy-Regular';
    font-weight: bold;
    line-height: 60px;
}

@media(max-width:375px) {
    .text-novedades {
        line-height: 1;
        padding-top: 5%;
        font-size: calc(15px + 0.8vw);
    }
}

.content-article__signatures-author {
    font-family: "AvenirNextCondensed-DemiBold";
}

.content-article__signatures-signature {
    font-family: "Avenir-Medium";
    white-space: pre-line;
}

.section-related-articles__title {
    font-size: calc(12px + 0.11vw);
}

.article-grid-container table {
    margin-top: 50px;
}

.article-grid-container table th,
.article-grid-container table td {
    font-family: "AvenirNextCondensed";
    font-weight: normal;
}

.article-grid-container .article-body:not(.article_old) table th {
    text-align: center;
    color: white;
    line-height: 40px;
}

.article-grid-container .article-body:not(.article_old) table tr .subheader-tabla {
    background-color: #4d4d4c;
    display: block;
    margin: -10px 0px;
}

.article-grid-container .article-body:not(.article_old) table td {
    vertical-align: top;
    padding: 15px 25px;
}

.article-grid-container table td .title-tabla {
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    display: block;
    width: 100%;
}

.article-grid-container .article-body:not(.article_old) table tbody tr td:nth-child(odd) {
    background-color: #cbcccb;
}

.article-grid-container .article-body:not(.article_old) table tbody tr td:nth-child(even) {
    background-color: #e3e4e2;
}

.article-grid-container .article-body:not(.article_old) table tbody tr td {
    border-bottom: 2px solid white;
}

.article-grid-container table tbody tr:last-child td,
.article-grid-container table tbody tr:nth-last-child(2) td {
    border-bottom: none;
}

.article-grid-container .article-body:is(.article_old) table tr td {
    border: 1px solid var(--color-article);
}

.article-grid-container .article-body:is(.article_old) table td p {
    margin-bottom: 0px;
}

.article-grid-container table tbody tr .footer-tabla {
    display: inline-block;
    background-color: #aaaaaa;
    font-family: "AvenirNextCondensed";
    font-style: italic;
    font-size: 12px;
    line-height: 17px;
    color: #000 !important;
}

.article-grid-container ul>li {
    list-style: square;
    margin-bottom: 12px;
}

.article-grid-container ul>li>ul>li {
    list-style: disc;
}

.article-grid-container ul>li::marker {
    color: #da864a;
}

.article-grid-container ul>li>ul,
.article-grid-container ol>li>ul {
    margin-top: 10px;
}

.article-grid-container ol>li {
    margin-left: -25px;
}

.article-grid-container ol>li::marker {
    color: var(--color-article);
}

.article-grid-container img {
    display: inline;
    /*margin: auto !important;*/
    max-width: 100%;
    height: auto !important;
}

.article-grid-container table img {
    max-width: 100% !important;
}

.circle-vote {
    background: white;
    -webkit-transition: background 0.75s;
    -moz-transition: background 0.75s;
    -o-transition: background 0.75s;
    transition: background 0.75s;
    height: 15px;
    width: 15px;
    border-radius: 50%;
    margin-left: 5px;
    border: 1px solid var(--color-article);
}

.circle-vote.active,
.circle-vote.active-voted {
    background: var(--color-article);
    -webkit-transition: background 0.75s;
    -moz-transition: background 0.75s;
    -o-transition: background 0.75s;
    transition: background 0.75s;
}

.article-extra-section {
    background-color: #f1f1f0
}

.article-extra-section .bibliography {
    column-count: 2;
}

p.issn {
    font-size: calc(12px + 0.1vw);
}

#section-comments .all-comments {
    column-count: 2;
}

@media(max-width:768px) {
    #section-comments .all-comments {
        column-count: 1;
    }
    .modal-document {
        max-width: 90%;
    }
}

.comentary-article p {
    font-size: calc(10px + 0.2vw);
}

.recomend-reading> :is(ul, p) {
    /*display: inline-block;*/
}

#relatedArticles,
.videoDocs,
#publishComment,
.content-result {
    opacity: 0;
    max-height: 0;
    transition: all 0.5s ease-out;
    overflow: hidden;
}

#relatedArticles.showArticle,
.videoDocs.showVideo,
#publishComment.active {
    opacity: 1;
    max-height: 100%;
    transition: all 0.5s ease-in;
}

.content-result.open {
    opacity: 1;
    max-height: 1200px;
    transition: all 0.5s ease-in;
}

.blog-footer {
    font-size: calc(12px + 0.1vw);
    font-weight: lighter;
}

.blog-footer-policity {
    font-size: 12px !important;
}


/** ARCHIVES **/

.filter-monographics {
    background-color: #355d8750;
}

.filter-monographics:not(:last-child) {
    border-right: 2px solid #fff;
}

.monographic-header {
    background-color: #355d87;
    font-size: calc(12px + 0.1vw);
    padding: 5px 15px !important;
    color: white;
}

.filter-monographics select {
    padding: 1px 2px 0px;
}

:is(.filter-monographics, .filter-sections) :is(select, option, div) {
    font-family: 'Gilroy-Regular', sans-serif !important;
    font-size: calc(12px + 0.1vw);
}

.filter-monographics :is(select, option) {
    border: none;
    background-color: transparent;
}

.filter-sections {
    background-color: var(--bg-color-article-50);
    flex-grow: 3;
}

.filter-sections a {
    color: #000;
}

.filter-sections select {
    padding: 1px 2px 0px;
}

.filter-sections :is(select) {
    border: none;
    background-color: transparent;
}

.filter-sections :is(option) {
    border: none;
    background-color: var(--bg-color-article-30);
}

.content-monographics a {
    color: black;
}

.content-monographics a:hover {
    color: #d07138;
}

.pagination {
    justify-content: center;
}

.page-link {
    color: black;
}

.page-item.active .page-link {
    background-color: #355d8750;
    border-color: #355d87;
}


/**************/


/** SECTIONS **/

.article-date {
    color: #6f6f6e;
}

.filter-sections:not(:last-child),
.filter-bodysystem:not(:last-child) {
    border-right: 2px solid #fff;
}

.select2-container .select2-selection--multiple {
    border-radius: 0px !important;
    border: 1px solid #ced4da !important;
}

@media (max-width:768px) {
    .filter-sections:not(:last-child),
    .filter-bodysystem:not(:last-child),
    .filter-monographics:not(:last-child) {
        border-right: none;
    }
}


/**************/


/** SEARCH **/

.text-selected {
    background-color: yellow;
}


/************/

@media (max-width: 1024px) {
    .container-fluid.px-5,
    .article-full-width {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }
    /*table:not(.table-mono) thead th:not(:first-child) {
        display: none;
    }
    table:not(.table-mono) :is(td, th) {
        display: block;
        clear: both;
    }
    td[data-th]:before {
        content: attr(data-th);
        float: left;
    }*/
    table:not(.table-mono) {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }
    .article-extra-section .bibliography {
        column-count: 1;
    }
    .comentary-article {
        width: 100%;
        max-width: 100%;
    }
}

@media (max-width: 770px) {
    header nav a {
        color: white;
        font-size: 12px;
        line-height: 15px;
    }
    button {
        font-size: calc(12px + 0.1vw) !important;
        padding: 2px 12px !important;
    }
}

@media (max-width: 1024px) {
    h2,
    .h2 {
        font-size: 25px;
        line-height: 26px;
    }
    
    .bloque_destacados .category {
        font-size: 25px;
        line-height: 26px;
    }
}

@media (max-width: 1200px) {
    .ajax-logout-session {
        color: #404042 !important;
    }
}

@media (max-width: 768px) {
    /* Ipad vertical */
    h2,
    .h2 {
        font-size: 25px;
        line-height: 26px;
    }
    .bloque_destacados .category {
        font-size: 25px;
        line-height: 26px;
    }
    h3,
    .h3 {
        font-size: 16px;
        line-height: 20px;
    }
}

@media (max-width: 480px) {
    /*Movile*/
    .bloque_destacados .category {
        font-size: 25px;
        line-height: 26px;
    }
    h2,
    .h2 {
        font-size: 25px;
        line-height: 26px;
    }
}

.listModule, .listTheme {
    list-style: none;
}

.listModule li, .listTheme li {
    display: flex;
    align-items: start;
}

.listTheme li {
    font-family: "HelveticaNeueLight" !important;
    border-bottom: 1px solid #85afd3;
    font-size: calc(14px + 0.2vw);
}

.listModule > li::before {
    content: '';
    background: url('/frontend/assets/img/listModule.png') no-repeat center;
    background-size: 20px 20px; /* Ajusta el tamaño */
    width: 28px; /* Tamaño del icono */
    height: 22px;
    display: inline-block;
    margin-right: 8px;
    margin-top: 8px;
    /*min-width: 30px;*/
}

.text-secondary {
    color: #80a444 !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #6b6868 !important;
}

.multi-item .video-thumbnail {
    width: 100%;
    height: 200px;
    background-color: #5b5a5d;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 20px;
}

.multi-item .video-thumbnail .img-multi-item {
    max-width: 70px;
    background-color: #e75463;
    border-radius: 0px 20px 0px 20px;
}

.multi-item .video-thumbnail .img-multi-item.isVideo {
    background-color: #55abd2;
}

.bg-registrate {
    background-color: #3766b1;
}

.text-registrate {
    color: #3766b1;
}

.text-identificate {
    color: #505152;
}

.btn-registrate {
    background-color: #55abd2;
    color: white;
}

.btn-registrate:hover {
    background-color: #349dcd;
    color: white;
}

.btn-entra:hover {
    background-color: #6e8218 !important;
}

.btn-entra {
    height: 2rem;
}

/* Para pantallas medianas (md) en adelante */
@media (min-width: 768px) {
    .btn-entra {
        height: 2.5rem;
    }
}

.btn-back:hover {
    background-color: #858585 !important;
}

.btn-close {
    transition: color 0.2s ease-in-out;
}

.btn-close img {
    transition: filter 0.2s ease-in-out;
}

.btn-close:hover {
    color: #404042 !important;
}

.btn-close:hover img {
    filter: grayscale(100%) brightness(25%);
}

#login_nav div a:hover,
#login_nav div a:hover i {
    color: #404042 !important;
}

#menu_nav div a:hover p,
#menu_nav div a:hover img {
    color: #404042 !important;
    filter: brightness(0) saturate(100%) invert(27%) sepia(5%) saturate(188%) hue-rotate(204deg) brightness(97%) contrast(88%);
}

.img-semfyc {
    width: 100px;
}

.listTheme .puntoTheme {
    opacity: 0;
    transition: opacity 0.1s ease-in-out;
}

.collapse.show .listTheme .puntoTheme {
    opacity: 1;
}

.border-secondary-module {
    border-bottom: 2px solid #80a444 !important;
}

.sub-menu {
    z-index: 9999;  /* Asegúrate de que el submenú esté encima de otros elementos */
}

/* LUPA BUSCADOR */
.input-container {
    position: relative;
}

.search-input {
    width: 100%;
    padding: 10px 40px 10px 15px;
    background-color: black;
    color: white;
    border: 1px solid white;
    border-radius: 5px;
}

.search-input::placeholder {
    color: white;
    opacity: 0.7;
}

.lupa-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    font-size: 16px;
    pointer-events: none;
}

.btn-cookies {
    background-color: #80a444;
    color: white;
    border: none;
}

.btn-cookies:hover {
    color: #404042 ;
}