/*
 Theme Name: LibrosCIESAS DiviTheme
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme para Libros CIESAS
 Author: Coordinación Sistemas CIESAS 2025
 Author URI: https://libros.ciesas.edu.mx
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Importar estilos principales de Divi 
@import url("../Divi/style.css");*/


@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');






/*fuentes Menus*/

h1, h2, h3, .h1, .h2, .h3 {
    font-family: 'Nunito Sans';
    font-weight: 600;
}

.mega-menu-link {
    font-family: "Barlow Condensed", sans-serif!important;
    /*font-weight: 800;
    font-style: normal;
    font-size: 20px;*/
}

.mega-menu-link .dashicons.dashicons-admin-users, .mega-menu-link .dashicons.dashicons-cart, .mega-menu-link .dashicons.dashicons-list-view {
    margin-top: 27px;
}

.homebuho {
    margin-top: 10px;
    width:60px;
    height: auto;
}

.main-footer h5 {
    color: #FFF;
}

.main-footer {
     padding-top: 30px;
}

#page-container {
    margin-top: 47px!Important;
}

.autoria-producto {
    margin-bottom: 35px;
    font-size: 1.3em;
}

.woocommerce #content .quantity, .woocommerce .quantity, .woocommerce-page #content .quantity, .woocommerce-page .quantity {
    width:150px;
}


/*buscador*/

.aws-container .aws-search-field {
    font-size: 17px!Important;
}

.aws-search-result .aws_result_link {
    font-size: 14px!Important;
}

.aws-search-result .aws_search_more a {
    font-size: 13px!Important;
}

.woocommerce .woocommerce-ordering select {
    font-size: 14px;
}

.woocommerce .woocommerce-ordering {
    margin-bottom: 3em;
}

/*botones*/

a.small-button.smallblue {
    background: #4e82c2;
    border:1px solid #3e8ff4;
    padding: 6px 14px;
    font-weight: bold !important;
    font-size: 12px;
    margin: 0 5px 8px 0;
    color:#FFFFFF!Important;
    border-radius: 8px;
}

a.small-button.smalllightblue {
    background: #0090a0;
    border:1px solid #3e8ff4;
    padding: 6px 14px;
    font-weight: bold !important;
    font-size: 12px;
    margin: 0 5px 8px 0;
    color:#FFFFFF!Important;
    border-radius: 8px;
}


/* Estilos generales para el input number */
.et_pb_wc_add_to_cart_0_tb_body input, .et_pb_wc_add_to_cart_0_tb_body .quantity input.qty, .woocommerce .wqv-product-info .quantity .qty, .wqv-product-info .quantity .qty {
    max-width: 60px!important;
    -webkit-border-radius: 1px!Important;
    -moz-border-radius: 1px!Important;
    border-radius: 2px!Important;
    margin: 0 10px 0 0!Important;
    padding: 0 4px!Important;
    background-color: #f2f2f2!Important;
    color: #43454b!Important;
    outline: 0!Important;
    border: 0!Important;
    -webkit-appearance: none!Important;
    box-sizing: border-box!Important;
    font-weight: 400!Important;
    box-shadow: 0 0 0!Important;
    text-align: center!Important;
    line-height: 35px!Important;
    font-size: 16px !important;
    letter-spacing: normal !important;
    border-style: solid !important;
    border-color: transparent !important;
    height: 49px;
}

.woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {
    margin-bottom: 30px;
}



@media (prefers-color-scheme: dark) {
    .wog-share-label {
        color: #4e82c27d!Important;
    }
}

#wqv-quick-view-content .wqv-product-info a.added_to_cart, #wqv-quick-view-content .wqv-product-info ul.products li.product .button, #wqv-quick-view-content .wqv-product-info .single_add_to_cart_button.button:not(.components-button):not(.customize-partial-edit-shortcut-button) {
    color: #FFFFFF !important;
    border-width: 2px !important;
    border-color: #4e82c2;
    border-radius: 8px;
    font-size: 17px;
    background-color: #4e82c2 !important;
    margin-left: -10px !important;
    height: 49px;
    padding-right:30px ;
}


#wqv-quick-view-content .wqv-product-info .product_title {
    font-family: 'Nunito Sans',Helvetica,Arial,Lucida,sans-serif;
    text-align: center;
}

.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {
    -webkit-box-shadow: none !important;
    margin: 0 0 9px !important;
    padding: 34px;
    background: #f7f7f7;
    border-radius: 8px;
    box-shadow: 0px 2px 18px 0px #4e82c2a1 !important;
}

.wpmozo-quick-view-button {
    top:90%!Important;
}

.swiper-pagination-bullet {
    border-radius: 8px;
    background: #0c71c3;

}

.et_pb_scroll_top.et-pb-icon {
    background: #0055a4;
}


@media ( min-width: 300px ) and (max-width: 380px){

    /*teléfonos angostos*/
    .et_pb_row_1_tb_header.et_pb_row {
        margin-top: 23px !important;
    }
}

@media (min-width: 300px) and (max-width: 799px) {

/*teléfonos vertical*/
    #novedades {
        top: 20px!important;
    }

}

@media ( min-width: 600px ) and (max-width: 900px){

/*tablets*/

    .custom-cart-count {
        top:-288px;
        float:right;
    }

    #novedades {
        top: -30px;
    }
    .et_pb_row_0_tb_header {
        height: 120px!important;
    }

}

@media (max-width: 990px) {

    #menu_secundario, #menu_principal, #menu_inferior, #logo_institucional, #logo_libreria, #encabezado_medio, #search_full  {
        display: none!important;
    }

}

@media (min-width: 990px) {
    #menu_movil, #logo_movil, #search_movil {
        display: none!Important;
    }
}

@media ( min-width: 900px ) {

    #novedades {
        top: -64px!important;
    }

/*Estilos para todas las pantallas más grandes que una tablet*/
    .et_pb_menu_0_tb_header.et_pb_menu {
        top:-22px;
    }

    .et_pb_gutters3 .et_pb_column_3_4, .et_pb_gutters3.et_pb_row .et_pb_column_3_4 {
        top: -11px;
    }

    .et_pb_menu_0_tb_header.et_pb_menu ul li a, .et_pb_menu_2_tb_header.et_pb_menu ul li a, .et_pb_menu_1_tb_header.et_pb_menu ul li a {
        font-size: 1em!Important;
    }

    /* Aplica a todos los mega submenús */
    /*.mega-menu .mega-sub-menu {
      display: flex;
      flex-wrap: wrap;
      max-width: 225px;
    }*/

    /* Cada submenú directo se vuelve una columna */
    /*.mega-menu .mega-sub-menu > li {
      width: 33.33%; 
      padding: 10px;
    }*/

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-sub-menu {display: flex; flex-wrap: wrap;  }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout.mega-catmenu ul.mega-sub-menu { display:flex; max-width: 650px!Important; background:#1a3c66 }
    #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-catmenu {flex: 0 33.3%}

    #menu-menu-principal {
        margin-top: -2px;
    }

    #menu-menu-superior {
        margin-top: -15px;
    }

    #menu-menu-inferior {
        margin-top: -9px;
    }

    #menu-menu-secundario {
        margin-top: -13px;
    }

    #mega-menu-wrap-primary-menu #mega-menu-primary-menu, #mega-menu-wrap-secondary-menu #mega-menu-secondary-menu {

        margin-top: -14px;
    }


    .et-db #et-boc .et-l .et_pb_row {
        /*width: 90%;*/
    }

    .woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
        margin: 0 3.8% 0 0;
        width:21.05%;
        margin-bottom: 35px;
    }

    .woocommerce ul.products li.product a.woocommerce-loop-product__link {
        min-height: 400px!Important;

    }
    .woocommerce-page.columns-5 ul.products li.product, .woocommerce.columns-5 ul.products li.product {
        width: 15.95%;
        margin-bottom: 20px;
    }

}

@media ( min-width: 1440px ) {

    #novedades {
        top: -80px!Important;
    }

/*Más grande que 15 pulgadas*/

    .et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_module .woocommerce .et_shop_image > img, .et-db #et-boc .et-l .et_pb_shop_0_tb_body.et_pb_module .woocommerce .et_overlay {
        height: 320px!Important;
        box-shadow: 0px 2px 18px 0px #4e82c2a1!important;
    }

    .woocommerce ul.products li.product a.woocommerce-loop-product__link {
        min-height: 400px!Important;

    }

    #wqv-quick-view-content .wqv-product-images img, #wqv-quick-view-content .wqv-product-images img {
        background: #f7f7f7!Important;
        object-fit: contain!Important;
        padding:34px;
    }

    .wqv-product-images, #wqv-quick-view-content.sp-wqv-content {
        border-radius:8px;
    }


    .product-slider-container .slick-track {
        display: flex !important;
      }

    .product-slider-container .slick-slide {
        width: 20% !important; /* 5 columnas => 100 / 5 = 20% */
      }

    .et_pb_wc_related_products_0_tb_body.et_pb_module .et_shop_image {
        box-shadow: 0px 2px 18px 0px #4e82c2a1!important;
        /*height: 360px;*/
    }

    #menu-menu-superior {
        margin-top: -16px;
    }

    #menu-menu-inferior {
        margin-top: -8px;
    }

    #menu-menu-secundario {
        margin-top: -13px;
    }

    #menu-menu-principal {
        margin-top: -3px;
    }

    .et_pb_menu_0_tb_header.et_pb_menu ul li a, .et_pb_menu_2_tb_header.et_pb_menu ul li a, .et_pb_menu_1_tb_header.et_pb_menu ul li a {
        font-size: 1.2em!Important;
    }

    .et-pb-arrow-prev, .et-pb-arrow-next {
        font-size: 6em;
    }

    .woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
        width: 35px;
    }
    .woocommerce nav.woocommerce-pagination {
        margin-top: 100px;
    }

}

@media (min-width: 1920px) {



}




@media (min-width: 992px) {
    .container {
        width:90%;
        max-width: 100%;
    }
}

/* En Divi → Personalizar → CSS adicional */
.custom-cart-count {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

.cart-icon {
    font-size: 24px;
    margin-right: 5px;
}

.cart-count-badge {
    position: absolute;
    top: 7px;
    right: -5px;
    background: #ff0000;
    color: white;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
}

.cart-items-count {
    background: #2ea3f2;
    color: white;
    padding: 3px 8px;
    border-radius: 12px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 5px;
}

/* Efectos hover */
.custom-cart-count:hover {
    color: #2ea3f2;
    transform: translateY(-2px);
}


th.label {
    color:#000;
}


table.variations {
    margin-bottom:20px;
    margin-top:10px;
}

/*.woocommerce div.product form.cart .variations {
    width: 30%!Important;
}
*/

.et_pb_wc_add_to_cart form.cart .variations td.value span::after {
    right: 12px;
    border:8px!Important;
}    



/* Estilo básico para los botones */
/* adds style to divs */
/* by default all divs are hidden */
div.custom_option {
    display: none;
    margin-right: 15px;
    padding: 12px;
    cursor: pointer;
    color: #FFFFFF !important;
    border-width: 2px !important;
    border-color: #4e82c2;
    border-radius: 8px;
    font-size: 19px;
    background-color: #4e82c2 !important;
    min-width: 90px;
    text-align: center;
    margin-top: 50px;
}

/* show only divs with class "is-visible" */
div.custom_option.is-visible {
    display:inline-block;
}

/* adds the style to the selected div */
div.custom_option.on {
    background-color: #777;
    color: white;
}

.woocommerce div.product form.cart .variations td:last-child {
    left: -10%;
}

.et_pb_image_0_tb_body .et_pb_image_wrap, .et_pb_image_1_tb_body .et_pb_image_wrap, .et_pb_image_2_tb_body .et_pb_image_wrap {
    box-shadow: 0px 2px 18px 0px #4e82c2;
    border-radius: 8px;
}

/*menus*/

.nav > li > a:focus, .nav > li > a:hover {
    background-color: #031428;
    height: auto;
}

.et-db #et-boc .et-l .et-menu .menu-item-has-children > a:first-child::after  {
    top: 32px!Important;
}

/*menu superior */



    .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item a {
        background: #031428!important;
        height: 53px!important;
    }

    .et_pb_menu_0_tb_header.et_pb_menu ul li a:hover {
        background: #031428!important;
        color: #FFF!Important;
        height: 53px!important;
    }

    .et_pb_menu_0_tb_header.et_pb_menu ul li > ul li > a:hover {
        background: none!Important;
        opacity: 5!Important;
        text-decoration: underline;
    }

    .et_pb_menu_0_tb_header.et_pb_menu ul li a {
        padding-top: 20px!important;
    }

    /*menu principal*/



    .et_pb_menu_2_tb_header.et_pb_menu ul li.current-menu-item a {
        background: #031428!important;
        height: 77px!important;
        margin-top: -23px!important;
    }

    .et_pb_menu_2_tb_header.et_pb_menu ul li a:hover {
        background: #031428!Important;
        color: #FFF!Important;
        height: 77px!Important;
        margin-top: -23px!important;
    }

    .et_pb_menu_2_tb_header.et_pb_menu ul li {
        margin-top: 0px!Important
    }

    .et_pb_menu_2_tb_header.et_pb_menu ul li a {
        padding-top: 30px!important;
        margin-top: -23px!important;
    }

    .et_pb_menu_2_tb_header.et_pb_menu ul li > ul li > a:hover {
        background: none!Important;
        opacity: 5!Important;
        text-decoration: underline;
    }

    .et_pb_menu_2_tb_header.et_pb_menu .nav li ul.sub-menu li.current-menu-item a:hover {
        background: none!Important;
        opacity: 5!Important;
        text-decoration: underline;
    }

    /*menu secundario */



    .et_pb_menu_1_tb_header.et_pb_menu ul li {
        margin-top: 0px!Important
    }

    .et_pb_menu_1_tb_header.et_pb_menu ul li a {
        padding-top: 30px!important;
        margin-top: -13px!important;
    }

    .et_pb_menu_1_tb_header.et_pb_menu ul li a:hover {
        background: #031428!Important;
        color: #FFF!Important;
        height: 77px!Important;
        margin-top: -13px!important;
    }

    .et_pb_menu_1_tb_header.et_pb_menu ul li > ul li > a:hover {
        background: none!Important;
        opacity: 5!Important;
        text-decoration: underline;
    }

    /*menu inferior */



    .et_pb_menu_0_tb_footer.et_pb_menu ul li {
        margin-top: 0px!Important
    }

    .et_pb_menu_0_tb_footer.et_pb_menu ul li a {
        height: 60px;
        padding-top: 22px;
        margin-top:9px;
    }

    .et_pb_menu_0_tb_footer.et_pb_menu ul li a:hover {
        height: 60px;
    }

    .et_pb_menu_0_tb_footer.et_pb_menu ul li.current-menu-item a {
        height: 60px;
        padding-top: 22px;
        background: #031428!important;
    }

    /*nube de etiquetas*/

    .tagcloud {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
        max-width: 100%;
    }

    .tag-cloud-link {
        text-decoration: none;
        margin: 4px;
        padding: 6px 10px;
        /*background: #f0f0f0;*/
        color: #FFF;
        display: inline-block;
        border-radius: 4px;
        transition: 0.3s ease;
    }

   .tag-cloud-link:hover {
        color: #f1f1f1;
    }

/*iconos navegación sliders */

.et_pb_post_slider_0_tb_body .et-pb-controllers a, .et_pb_post_slider_0_tb_body .et-pb-controllers .et-pb-active-control {
    background-color: #0C71C3;
    width: 25px;
    height: 15px;
}

.wcps-container-13201 .splide__arrows div .icon, .wcps-container-13223 .splide__arrows div .icon {
    font-size: 2em;

}

.wcps-container-13201 .splide__arrows div, .wcps-container-13223 .splide__arrows div {
    background: transparent!Important;
}


/*personalización mi carrito*/

.productos-carrito {
    background: #ededed;;
}

.product-name:hover {
    background: #ededed52;
    color:#1a3c66;
}

.product-name, .product-price, .product-quantify, .product-subtotal, .product-thumnail, .product-remove {
    border: 1px #0001070d solid;
}

.product-quantity, .product-subtotal {
    text-align: center;
}

.order-total {
    background: #ededed;
}

.yith-add-to-wishlist-button-block {
    margin:none!important;
}

.yith-wcwl-add-to-wishlist-button__label {
    font-size: 11px;
}

.yith-wcwl-add-to-wishlist-button:not(.yith-wcwl-add-to-wishlist-button--themed-button) svg.yith-wcwl-add-to-wishlist-button-icon {
    display: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation li {
    list-style: none;
    margin-bottom:5px;
}

.woocommerce-MyAccount-navigation-link > .button {
    min-width: 260px;

}

.woocommerce-account .woocommerce-MyAccount-content {
    float: right;
    border: 1px solid rgba(0,0,0,.1);
    background: #ededed52;
    padding: 30px;
    min-height: 300px;
    border-radius: 3px;
}

.woocommerce-account .addresses .title .edit {
     float: left!Important; 
}

.cc--light-funky {
    color-scheme: light;

    --cc-bg: #f9faff;
    --cc-primary-color: #112954;
    --cc-secondary-color: #112954;

    --cc-btn-primary-bg: #3859d0;
    --cc-btn-primary-color: var(--cc-bg);
    --cc-btn-primary-hover-bg: #213657;
    --cc-btn-primary-hover-color: #fff;

    --cc-btn-secondary-bg: #dfe7f9;
    --cc-btn-secondary-color: var(--cc-secondary-color);
    --cc-btn-secondary-hover-bg: #c6d1ea;
    --cc-btn-secondary-hover-color: #000;

    --cc-cookie-category-block-bg: #ebeff9;
    --cc-cookie-category-block-border: #ebeff9;
    --cc-cookie-category-block-hover-bg: #dbe5f9;
    --cc-cookie-category-block-hover-border: #dbe5f9;
    --cc-cookie-category-expanded-block-hover-bg: #ebeff9;
    --cc-cookie-category-expanded-block-bg: #ebeff9;

    --cc-overlay-bg: rgba(219, 232, 255, 0.85)!important;

    --cc-toggle-readonly-bg: #cbd8f1;
    --cc-toggle-on-knob-bg: var(--cc-bg);
    --cc-toggle-off-bg: #8fa8d6;
    --cc-toggle-readonly-knob-bg: var(--cc-bg);

    --cc-separator-border-color: #f1f3f5;

    --cc-footer-border-color: #f1f3f5;
    --cc-footer-bg: var(--cc-bg);

    --cc-btn-border-radius: 1rem .6rem 1.3rem .5rem / .5rem 1rem;
    --cc-modal-border-radius: var(--cc-btn-border-radius);
    --cc-pm-toggle-border-radius: var(--cc-btn-border-radius);
}

.cc--light-funky #cc-main .toggle__icon:after {
    border-radius: var(--cc-btn-border-radius);
}

.cc--light-funky #cc-main .cm__btn--close {
    border-radius: var(--cc-btn-border-radius);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}