/* 
========================================================================================================================== 
        general
========================================================================================================================== 
*/
.megastrong {
        font-weight: 700;
}

.view-category #sp-main-body {
        padding-bottom: 6%;
}

#sp-main-body {
        padding: 100px 10%;
}

#sp-header {
        border-bottom: none !important;
}

/* 
========================================================================================================================== 
        topbar
========================================================================================================================== 
*/
#sp-header {
        height: auto;
        padding-left: 15px !important;
        padding-right: 15px !important;
        display: flex;
        align-items: center;
        justify-content: space-between;
}

#sp-logo,
#sp-menu,
.d-none.d-lg-flex {
        display: grid;
        align-items: center;
}

#sp-menu {
        flex: 1;
}

.d-none.d-lg-flex.header-modules {
        margin-left: auto;
}

.user-text {
        display: none !important;
}

/* 
========================================================================================================================== 
        menu
========================================================================================================================== 
*/
#sp-menu .sp-megamenu-parent {
        display: flex !important;
        justify-content: center;
        /* Centra el menú horizontalmente */
        align-items: center;
        /* Centra verticalmente si quieres */
        flex-wrap: wrap;
}

#sp-menu .sp-megamenu-parent>li {
        font-size: 13px;
        padding: 0 8px;
        /* white-space: break-spaces; */
        white-space: normal;
        overflow-wrap: break-word;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100px;
}

#sp-menu .sp-megamenu-parent>li>a {
        padding: 22px 0;
        font-weight: 500;
        margin: 0px 7px;
        display: flex;
        word-wrap: break-word;
        max-width: 100px;
        min-height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
}

/* colores */
.sp-menu-item:nth-child(1) {
        background-color: #FFF2B3;
        /* Inicio */
}

.sp-menu-item:nth-child(2) {
        background-color: #D2C1F2;
        /* Sobre mí */
}

.sp-menu-item:nth-child(3) {
        background-color: #F9C1C1;
        /* Publicaciones */
}

.sp-menu-item:nth-child(4) {
        background-color: #BEE3DB;
        /* Productos */
}

.sp-menu-item:nth-child(5) {
        background-color: #FFE4A1;
        /* Recursos Ciencia y Técnica */
}

.sp-menu-item:nth-child(6) {
        background-color: #AEDFF7;
        /* Sitios Internet */
}

.sp-menu-item:nth-child(7) {
        background-color: #C1F2D2;
        /* Blog */
}

.sp-menu-item:nth-child(8) {
        background-color: #E5C1F2;
        /* Las Dos Ciudades Babilonia */
}

.sp-menu-item:nth-child(9) {
        background-color: #C1D4F2;
        /* Las Dos Ciudades Civitas Dei */
}

.sp-menu-item:nth-child(10) {
        background-color: #F7D6B3;
        /* Contacto */
}

/* 
========================================================================================================================== 
        PAGINA DE INICIO
========================================================================================================================== 
*/
/* cabeza */
#cabeza-inicio .sp-slider-btn-text {
        border-radius: 100px !important;
        padding: 17px 55px !important;
        ;
}

#cabeza-inicio a#sp-slider-inner-item-WhjPdV4Vle9xgdHZmGSS0-num-3-key {
        width: 100%;
        text-align: center;
}

.line-sticker .sppb-addon-content ul li .sppb-btn {
        width: 262px;
        font-size: 30px;
        color: #000000;
        border-color: #000000;
        font-weight: 600;
        padding: 11px 20px;
        border-width: 2px;
        margin-left: 80px;
        margin-right: 80px
}

/* libro-inicio */
#libro-inicio {
        border-bottom: 1px solid #000;
}

#libro-inicio .sppb-btn {
        padding: 11px 14%;
}

/* oferta */
#otros-inicio .oferta .sppb-addon-title {
        font-size: 20px;
        background-color: black;
        color: white;
        padding: 9px 21px;
        position: absolute;
        background-color: black;
        color: white;
        font-weight: bold;
        top: 0;
        left: 0;
        z-index: 10;

}

/* tarjetas */

#info-inicio .sppb-btn {
        border: 1px solid #000000;
        text-transform: capitalize;
        padding: 9px 36px;
        font-size: 16px;
        line-height: 1.56;
        white-space: normal;
        font-weight: 400;
        outline: #000000 1px;
}

/* pags */
#pags .sppb-carousel-extended-outer-stage {
        height: auto;
}

/* 
========================================================================================================================== 
        spbre mi
========================================================================================================================== 
*/
#sp-page-title h2.sp-page-title-heading{
        color: #fff !important;
}

/* mover la foto */
#sobre-mi-mi #column-id-1733305801249 {
        background-position: -186px 58px;
}

/* 
========================================================================================================================== 
        productos
========================================================================================================================== 
*/
.view-products .easystore-product-image img,
.easystore-product-image video,
.view-product .easystore-zoom-cursor {
        object-fit: contain;
}

/* 
========================================================================================================================== 
        recursos
========================================================================================================================== 
*/

/* cambiar color boton */
.itemid-855 #sp-right .btn.btn-primary {
        background-color: #FFE4A1;
        color: #000;
        border-color: #FFE4A1;
}

.itemid-855 #mod-finder-searchword135 {
        border: 1px solid #FFE4A1;
}

/* 
========================================================================================================================== 
        sitios
========================================================================================================================== 
*/
/* 
========================================================================================================================== 
        blog
========================================================================================================================== 
*/
.layout-blog .sp-page-title-heading {
        color: #fff;
}

#sp-right .sppb-btn,
#sp-right .btn {
        text-transform: capitalize;
        padding: 9px 55px;
        border: none;
        font-size: 18px;
        line-height: 1.56;
        white-space: normal;
        font-weight: 400;
}

.itemid-857 #sp-right .btn.btn-primary {
        background-color: #c1f2d2;
        color: #000;
        border-color: #C1F2D2;
}

.itemid-857 #mod-finder-searchword135 {
        border: 1px solid #C1F2D2;
}

/* articulos */
.blog .article-list.articles-leading .article .article-body {
        position: relative;
        padding: 0 70px 70px;
}

.view-category .blog .article-list.articles-leading .article .article-body {
        position: relative;
        padding: 30px 0px;
}

.blog .article-list.articles-leading .article {
        text-align: left;
        color: #000000;
        line-height: normal;
}

.blog .article-list.articles-leading .article .article-header h1 a,
.article-list.articles-leading .article .article-header h2 a {
        color: #000000;
}

.blog .article-introtext {
        padding: 20px 0px;
}

.blog .article-list.articles-leading .article .article-header h1,
.blog .article-list.articles-leading .article .article-header h2 {
        font-family: "Playfair Display", sans-serif;
        font-size: 42px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: -0.03em;
        margin-bottom: 38px;
}

.article-list.articles-leading .article {
        margin-bottom: 80px;
}

/* 
========================================================================================================================== 
        babilonia
========================================================================================================================== 
*/
.itemid-858 #sp-right .btn.btn-primary {
        background-color: #E5C1F2;
        color: #000;
        border-color: #E5C1F2;
}

.itemid-858 #mod-finder-searchword135 {
        border: 1px solid #E5C1F2;
}

/* 
========================================================================================================================== 
        civitas
========================================================================================================================== 
*/
.itemid-859 #sp-right .btn.btn-primary {
        background-color: #C1D4F2;
        color: #000;
        border-color: #C1D4F2;
}

.itemid-859 #mod-finder-searchword135 {
        border: 1px solid #C1D4F2;
}

/* 
========================================================================================================================== 
        contacto
========================================================================================================================== 
*/
/* 
========================================================================================================================== 
        footer
========================================================================================================================== 
*/
#section-id-1717654566884 .debajode {
        font-weight: lighter;
}

/* newsletter */
#section-id-nMnji2uV_PEPBt05Ti7Xk .form-builder-checkbox-item label::before,
#section-id-nMnji2uV_PEPBt05Ti7Xk .form-builder-radio-item label::before,
#section-id-nMnji2uV_PEPBt05Ti7Xk .sppb-addon-form-builder .sppb-form-check-label::before {
        content: "";
        width: 16px;
        height: 16px;
        border-radius: 50%;
        border: 2px solid #505153;
        position: absolute;
        top: 4px;
        left: 0;
}
}
#sp-footer #sp-footer1 .sp-copyright {
    color: #4B4747;
    font-size: 16px;
    line-height: 1.4;
    display: inline-block;
}
/* 
========================================================================================================================== 
        RESPONSIVE
========================================================================================================================== 
*/
@media (max-width: 2560px) {}

@media (max-width: 1800px) {}

@media (max-width: 1700px) {}

@media (max-width: 1614px) {}

@media (max-width: 1459px) {}

@media (max-width: 1440px) {
        #sp-logo .logo-image {
                height: 43px;
        }
}

@media (max-width: 1399px) {}

@media (max-width: 1199px) {

        #sp-header.full-header-center #offcanvas-toggler.mega,
        #sp-header.header-with-modal-menu #offcanvas-toggler.mega,
        #sp-header.full-header-left #offcanvas-toggler.mega,
        #sp-header.lg-header #offcanvas-toggler.mega,
        #sp-header.header-with-social #offcanvas-toggler.mega {
                display: flex !important;
        }

        #sp-header .menu-with-offcanvas {
                display: none !important;
        }

        #sp-logo,
        #sp-menu,
        .d-none.d-lg-flex {
                display: grid;
                align-items: center;
                justify-content: end;
        }
}

@media (max-width: 1144px) {}

@media (max-width: 1024px) {}

@media (max-width: 991px) {}

@media (max-width: 899px) {}

@media (max-width: 768px) {}

@media (max-width: 767px) {}

@media (max-width: 738px) {}

@media (max-width: 698px) {}

@media (max-width: 600px) {}

@media (max-width: 575px) {}

@media (max-width: 550px) {}

@media (max-width: 500px) {}

@media (max-width: 425px) {}

@media (max-width: 375px) {}

@media (max-width: 320px) {}