/* Estilos generales */
body,
.sp-preloader {
    background-color: #ffffff;
    color: #252525;
}

.sp-preloader>div {
    background: #0345bf;
}

.sp-preloader>div:after {
    background: #ffffff;
}

/* Top Bar */
#sp-top-bar {
    background: #333333;
    color: #aaaaaa;
}

#sp-top-bar a {
    color: #aaaaaa;
}

/* Header */
#sp-header {
    background: #7d2447;
}

/* Menú y Social Icons */
#sp-menu ul.social-icons a:hover,
#sp-menu ul.social-icons a:focus {
    color: #474345 ;
}

/* Enlaces */
a {
    color: rgb(125, 36, 71);
}

a:hover,
a:focus,
a:active {
    color: rgb(125, 36, 71);
}

/* Tags */
.tags>li {
    display: inline-block;
}

.tags>li a {
    background: rgba(3, 69, 191, 0.1);
    color: #0345bf;
}

.tags>li a:hover {
    background: #044cd0;
}

/* Article Social Share */
.article-social-share .social-share-icon ul li a {
    color: #252525;
}

.article-social-share .social-share-icon ul li a:hover,
.article-social-share .social-share-icon ul li a:focus {
    background: #0345bf;
}

/* Pager */
.pager>li a {
    border: 1px solid #ededed;
    color: #252525;
}

/* Reading Progress Bar */
.sp-reading-progress-bar {
    background-color: #0345bf;
}

/* Mega Menu */
.sp-megamenu-parent>li>a {
    color: #ffffff;
}

.sp-megamenu-parent>li {
    color: #ffff !important;
}

.sp-megamenu-parent>li:hover>a {
    color: #ffff;
}

.sp-megamenu-parent>li.active>a,
.sp-megamenu-parent>li.active:hover>a {
    color: #ffffff !important;
    font-weight: 600;
    content: "";
}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner {
    background: #ffffff;
}

.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a {
    color: #474345;
    margin-bottom: 2px;
    border-bottom: 2px solid #C2BA98;
    font-size: 14px;
}

/* Hover de menu */
.sp-megamenu-parent .sp-dropdown li.sp-menu-item>a:hover,
.sp-megamenu-parent .sp-dropdown li.sp-menu-item.active>a {
    color: #474345;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 2px solid #C2BA98;
}


.sp-megamenu-parent {
    color: #fff !important;
}



.sp-megamenu-parent .sp-mega-group>li>a {
    color: #ffffff;
}

/* Offcanvas Toggler */
#offcanvas-toggler>.fa {
    color: #030303;
}

#offcanvas-toggler>.fa:hover,
#offcanvas-toggler>.fa:focus,
#offcanvas-toggler>.fa:active {
    color: #0d0c0c;
}

#offcanvas-toggler>.fas {
    color: #030303;
}

#offcanvas-toggler>.fas:hover,
#offcanvas-toggler>.fas:focus,
#offcanvas-toggler>.fas:active {
    color: #0d0c0c;
}

#offcanvas-toggler>.far {
    color: #030303;
}

#offcanvas-toggler>.far:hover,
#offcanvas-toggler>.far:focus,
#offcanvas-toggler>.far:active {
    color: #0d0c0c;
}

/* Offcanvas Menu */
.offcanvas-menu {
    background-color: #ffffff;
    color: #030303;
}

.offcanvas-menu .offcanvas-inner a {
    color: #252525;
}

.offcanvas-menu .offcanvas-inner a:hover,
.offcanvas-menu .offcanvas-inner a:focus,
.offcanvas-menu .offcanvas-inner a:active {
    color: #0345bf;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a,
.offcanvas-menu .offcanvas-inner ul.menu>li span {
    color: #252525;
}

.offcanvas-menu .offcanvas-inner ul.menu>li a:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li a:focus,
.offcanvas-menu .offcanvas-inner ul.menu>li span:hover,
.offcanvas-menu .offcanvas-inner ul.menu>li span:focus {
    color: #7D2447;
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>a>.menu-toggler,
.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent>.menu-separator>.menu-toggler {
    color: rgba(37, 37, 37, 0.5);
}

.offcanvas-menu .offcanvas-inner ul.menu>li.menu-parent .menu-toggler {
    color: rgba(37, 37, 37, 0.5);
}

.offcanvas-menu .offcanvas-inner ul.menu>li li a {
    color: rgba(37, 37, 37, 0.8);
}

/* Botones */
.btn-primary,
.sppb-btn-primary {
    border-color: #0345bf;
    background-color: #0345bf;
}

.btn-primary:hover,
.sppb-btn-primary:hover {
    border-color: #044cd0;
    background-color: #044cd0;
}

/* Social Icons */
ul.social-icons>li a:hover {
    color: #0345bf;
}

/* Page Title */
.sp-page-title {
    background: #0345bf;
}

/* Layout Boxed */
.layout-boxed .body-innerwrapper {
    background: #ffffff;
}

/* Módulos */
.sp-module ul>li>a {
    color: #252525;
}

.sp-module ul>li>a:hover {
    color: #0345bf;
}

.sp-module .latestnews>div>a {
    color: #252525;
}

.sp-module .latestnews>div>a:hover {
    color: #0345bf;
}

.sp-module .tagscloud .tag-name:hover {
    background: #0345bf;
}

/* Search */
.search .btn-toolbar button {
    background: #0345bf;
}

/* Footer */
#sp-footer,
#sp-bottom {
    background: #c2ba98;
    color: #ffffff;
}

#sp-footer a,
#sp-bottom a {
    color: #a2a2a2;
}

#sp-footer a:hover,
#sp-footer a:active,
#sp-footer a:focus,
#sp-bottom a:hover,
#sp-bottom a:active,
#sp-bottom a:focus {
    color: #ffffff;
}

#sp-bottom .sp-module-content .latestnews>li>a>span {
    color: #ffffff;
}

/* Coming Soon */
.sp-comingsoon body {
    background-color: #0345bf;
}

/* Paginación */
.pagination>li>a,
.pagination>li>span {
    color: #252525;
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    color: #252525;
}

.pagination>.active>a,
.pagination>.active>span {
    border-color: #0345bf;
    background-color: #0345bf;
}

.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    border-color: #0345bf;
    background-color: #0345bf;
}

/* Error y Coming Soon */
.error-code,
.coming-soon-number {
    color: #0345bf;
}



/* Estilos para el popup */
.popup {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    border-radius:20px !important;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 999;
}

.close-btn {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
}

/* Estilos para la imagen */
#searchImage {
    width: 19px;
    height: 19px;
    cursor: pointer;
    filter: invert(1) !important;
    color: white !important;
}

/* Aplicar Trueno Light al cuerpo del texto */
body {
    font-family: 'Trueno', sans-serif;
    font-weight: 300;
    /* Light */
}

/* Aplicar Trueno Bold a los encabezados h1 y h2 */
h1,
h2 {
    font-family: 'Trueno', sans-serif;
    font-weight: 700;
    /* Bold */
}

/* Aplicar Trueno SemiBold a los encabezados h3 y h4 */
h3,
h4 {
    font-family: 'Trueno', sans-serif;
    font-weight: 600;
    /* SemiBold */
}

/* Aplicar Trueno ExtraBold a los encabezados h5 y h6 */
h5,
h6 {
    font-family: 'Trueno', sans-serif;
    font-weight: 800;
    /* ExtraBold */
}

p {
    font-family: 'Trueno', sans-serif;
    font-weight: 200;
    /* ExtraBold */

}

a {
    font-family: 'Trueno', sans-serif;
    font-weight: 600;
    /* ExtraBold */
}