.th-menu-toggle {
    width: 50px;
    height: 50px;
    padding: 0;
    font-size: 20px;
    border: none;
    background-color:#FCB72E;
    color: var(--white-color);
    display: inline-block;
    border-radius: 0;
}
.widget_nav_menu a, .widget_meta a, .widget_pages a, .widget_archive a, .widget_categories a, .wp-block-categories a {
    display: block;
    background-color: transparent;
    margin: 0;
    padding: 16px 45px 19px 27px;
    font-size: 16px;
    line-height: 1.313;
    color: var(--title-color);
    background-color:#FCB72E;
    font-weight: 700;
    border-radius: 4px;
    position: relative;
    z-index: 2;
    margin-bottom: 10px;
}
.widget_nav_menu a:hover:after, .widget_meta a:hover:after, .widget_pages a:hover:after, .widget_archive a:hover:after, .widget_categories a:hover:after, .wp-block-categories a:hover:after {
    background-color: #27374D;
    color: var(--white-color);
}
.header-middle {
    padding: 5px 0;
    background-color: #FFFFFF;
}
.menu-area {
    position: relative;
    z-index: 2;
    background-color: #FCB72E;
}
.main-menu > ul > li > a {
    padding: 17px 0;
    color: #27374D;
}


.news-area .title {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 7px 20px;
    color: var(--white-color);
    background-color: #27374D;
    white-space: nowrap;.header-middle {
        padding: 25px 0;
        background-color: #FFFFFF;
    }
    min-width: 160px;
    text-align: center;
}
.icon-btn {
    display: inline-block;
    width: var(--btn-size, 50px);
    height: var(--btn-size, 50px);
    line-height: var(--btn-size, 50px);
    font-size: var(--btn-font-size, 20px);
    background-color: #27374D;
    color: var(--white-color);
    text-align: center;
    border-radius: 0;
    border: 1px solid transparent;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    position: relative;
}
.icon-btn:hover {
    background-color: #D3B99F;
    color: var(--white-color);
    border-color: #D3B99F;
}
.tab-menu .indicator {
    position: absolute;
    top: var(--pos-y);
    left: var(--pos-x);
    height: var(--height-set);
    width: var(--width-set);
    background-color: #27374D;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    z-index: -1;
}
.scroll-top svg {
    color: #FCB72E;
    border-radius: 50%;
    background: #27374D;
}
.footer-wrapper {
    --border-color: #464646;
    --body-color: #B5B5B5;
    position: relative;
    z-index: 2;
    background-color: #000000;
    overflow: hidden;
}

.hover-texto {
    
    text-decoration: none; /* Opcional: elimina el subrayado */
    font-weight: bold; /* Opcional: resalta el texto */
    transition: color 0.3s ease-in-out; /* Transición suave */
  }

  .hover-texto:hover {
    color: #72a3db !important; /* Cambia a rojo cuando pasas el mouse */
  }
  
  .th-mobile-menu ul li > a {
    display: block;
    position: relative;
    padding: 12px 0;
    line-height: 1.4;
    font-size: 16px;
    text-transform: capitalize;
    color: #011936;
    padding-left: 18px;
}

.pagination .page-item .page-link {
    background-color: #6D98BA; /* Color de fondo */
    color: white; /* Color de011936l texto */
    border: 1px solid #011936; /* Borde */
}

.pagination .page-item.active .page-link {
    background-color: #011936; /* Color del botón activo */
    border-color: #011936;
}

.pagination .page-item .page-link:hover {
    background-color: #011936; /* Color al pasar el mouse */
    color: white;
}

@media only screen and (max-width: 600px) {
.menu-area {
    position: relative;
    z-index: 2;
    background-color: #FFFFFF;
}
.header-middle{
    padding: 25px 0;
    background-color: #6D98BA;
    display: none;
}
.header-layout1 .header-logo img {
    max-width: 238px;
}
}


a.hover-line {
    color: inherit;
   
    background-image: linear-gradient(to left, #011936, #6D98BA);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 0 2px;
    -webkit-transition: 0.4sease-in-out;
    transition: 0.4sease-in-out;
}

a.hover-line:hover {
    background-size: 100% 2px;
    color: #011936;
}

.scroll-top:after {
    content: "\f062";
    font-family: var(--icon-font);
    position: absolute;
    text-align: center;
    line-height: 38px;
    font-size: 16px;
    color: var(--theme-color);
    left: 0;
    top: 0;
    height: 40px;
    width: 40px;
    cursor: pointer;
    display: block;
    z-index: 1;
    border: 2px solid 775758;
    box-shadow: none;
    border-radius: 50%;
}

.blog-img {
    display: flex;
    justify-content: center; /* Centrar horizontalmente */
    align-items: center; /* Centrar verticalmente si el contenedor tiene altura definida */
}