@charset "utf-8";
/*
Theme Name: ABC Librería
Theme URI: http://abcrosario.com
Author: La Vuelta Web
Author URI: http://www.lavueltaweb.com/
Description: Diseño único, desarrollado exclusivamente para ABC Librería. Todos los derechos reservados.
Version: 1.2.1
*/


body{
background:#fff;
color:#000;
padding:0;
    
    padding: 244px 0 0;
margin:0;
font-family: 'GilroySemibold', sans-serif;
font-size:62.5%;
text-align:center;
}
img{max-width:100%; height:auto;}
a{text-decoration:none; color:#444; outline:0; transition:0.3s ease 0s;}
a:hover{color:#555; outline:0; transition:0.3s ease 0s;}
a:focus{outline:0}
p{font-size:2em;}
body strong{font-weight: 100; font-family: 'GilroyBold';}
ul, ol{padding:0; margin:0; list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-family: 'GilroySemibold', sans-serif; padding:0; font-weight:normal;}
    h1{font-size:3.5em;}
    h2{font-size:3.2em;}
    h3{font-size:3em;}
    h4{
    font-family: 'GilroyBold', sans-serif;
    font-size: 2.8em;
}
    h5{font-size:2.6em;}
    h6{font-size:2.4em;}
textarea {resize: none;}
ul, menu, dir{margin:0; -webkit-margin-before: 0; -webkit-margin-after: 0;	list-style-type:none;}
:focus{outline:0 !important}

@font-face {
    font-family: 'GilroyBold';
    src: url('fonts/Gilroy-Bold.eot');
    src: url('fonts/Gilroy-Bold.eot') format('embedded-opentype'),
         url('fonts/Gilroy-Bold.woff') format('woff'),
         url('fonts/Gilroy-Bold.ttf') format('truetype'),
         url('fonts/Gilroy-Bold.svg#NeutraTextBook') format('svg');
}
@font-face {
    font-family: 'GilroyMedium';
    src: url('fonts/GilroyMedium.eot');
    src: url('fonts/GilroyMedium.eot') format('embedded-opentype'),
         url('fonts/GilroyMedium.woff2') format('woff2'),
         url('fonts/GilroyMedium.woff') format('woff'),
         url('fonts/GilroyMedium.ttf') format('truetype'),
         url('fonts/GilroyMedium.svg#GilroyMedium') format('svg');
}
@font-face {
    font-family: 'GilroySemibold';
    src: url('fonts/Gilroy-SemiBold.eot');
    src: url('fonts/Gilroy-SemiBold.eot') format('embedded-opentype'),
         url('fonts/Gilroy-SemiBold.woff') format('woff'),
         url('fonts/Gilroy-SemiBold.ttf') format('truetype'),
         url('fonts/Gilroy-SemiBold.svg#NeutraTextDemi') format('svg');
}






img[src*="tilde.png"] {
    padding-right: 5px !important;
}


body > div{
    position: relative;
}






html body .woocommerce-store-notice{
    background: #cd3627;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    font-size:1.7em;
    color:#fff;
}
html body .woocommerce-store-notice__dismiss-link{
    display: none;
}
html body .woocommerce-store-notice p a{
    color:#fff;
}

.alert-home{
    background: #f56161;
    background-color: #cd3627;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 50;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.alert-home p{
    font-size: 1.7em;
    margin: 0;
    color: #fff;
}

.header{
    display:flex;
    flex-direction: column;
    width:100%;
    padding:0;
    margin:0 auto;
    overflow:hidden;
    
    position: absolute;
    top: 54px;
    z-index: 15;
}

#top{
    float:left;
    width:100%;
    padding: 15px 0 2px;
    background: #fff;
}
    #top a{
        display:block;
        width: 80%;
        max-width:650px; 
        height:132px;
        margin:auto;
        text-align: center;
        }
#top h1, #top h3{
    display: inline-block;
    margin:0 auto;
    font-size:2.1em;
    vertical-align: middle;
    line-height: 4em;
}
#top h1{
    padding-left: 45px;
}
#top h1 .abctop{
    display: inline-block;
    background: url(imagenes/logo-abc-libreria-jugueteria.svg) no-repeat center top;
    background-size: 100%;
    width:115px;
    height: 73px;
    margin: 0 40px 0 67px;
    vertical-align: middle;
    text-indent: -9000px;
}
#top .m-abctop{
    display: none;
    background: url(imagenes/logo-abc-libreria-jugueteria.svg) no-repeat center top;
    background-size: 100%;
    width:115px;
    height: 73px;
    margin: 0 40px 0 67px;
    vertical-align: middle;
    text-indent: -9000px;    
}
#content-nav{
    display: grid;
    justify-content: space-evenly;
    align-items: center;
    grid-template-columns: auto minmax(20%, 460px) 480px;
    background: #2c367a;
    width: 100%;
    padding: 21px 0;
    overflow: hidden;
    transition: .8s ease 0s;        
}

#boton-menu{
    display:none;
}

    .menu-gral{
        -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
        display:inline-block;
        vertical-align: top;
        height:auto;
        margin:0;
        text-align:left;
        position:relative;
        z-index:30;
    }
    .menu-gral > div{
        display: block;
        width: auto;
        height: auto;
        text-align: center;
        margin:2px 0 0;
    }
    .menu-gral ul{
        width: auto;
        height: auto;
        margin:0;
        list-style: outside none none;
        display: block;
    }
    .menu-gral ul li{
        display:block;
        float:left;
        padding:0;
        margin:0;
        height: auto;
        opacity:1;
    }
.menu-gral ul li a{
    display:block;
    padding:0;
    margin:0 16px;
    font-size: 1.9em;
    color:#fff;
}
    .menu-gral ul li a:hover{opacity:.7;}
    .menu-gral ul li:first-child a{margin-left:0}
    .menu-gral ul li:last-child a{margin-right:0}

    .menu-gral ul li ul{
        background:#1b1b1b;
        display:none;
        height:auto;
        text-align:left;
        margin-left:5px;
        margin-top:0;
        padding:5px 0 12px;
        z-index:50;
    }
    .menu-gral ul li:hover ul{
        display:block;
        position:absolute;
    }
    .menu-gral ul li:hover ul li {
        float: none;
        margin: 0;
        padding: 5px 15px;
        height: 16px;
        border:0;
    }
    .menu-gral ul li:hover ul li a{
        display:block;
        background:none;
        padding:1px 3px;
        margin:0 auto !important;
        color:#e7e7e7;
        opacity:1;
    }
    .menu-gral ul li:hover ul li a:hover{opacity:.7;}

.buscador .css-r4o1is .ywcas-input-field-wrapper {
    border-radius: 5px;    
}
.buscador .wp-block-yith-search-block .ywcas-classic-search.ywcas-small input {
    padding: 1px 0 2px 15px !important;
}
html body .ywcas-popover-results .popover-content .wp-block-yith-filled-block .ywcas-search-results .search-result-item.list .search-result-item__name{
    font-size: 1.7em !important;
}
html body .ywcas-popover-results .popover-content .wp-block-yith-filled-block .ywcas-search-results .search-result-item .search-result-item__summary {
    font-size: 1.4em;
}
.css-cxc3fq{
    font-size: 1.6em !important;
}
.css-13o7eu2{
    display:none !important;
}
.ywcas-popover-results .popover-content .wp-block-yith-filled-block .ywcas-search-results .search-result-item .search-result-add-to-cart{
    background: #3a4bae;
    font-family: 'GilroyMedium', sans-serif;
    font-weight: 100;
    font-size: 1.3em !important;
    text-align: center;
    color: #fff;
    padding: 7px 15px !important;
    margin-top: 8px;
    border: 0 !important;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -khtml-border-radius: 25px;
}

	.woocommerce a.added_to_cart {
		background: #fff;
		border-radius: 15px;
		padding: 8px 11px 6px;
		color: #3a4bae;
		font-size: 1.2em;
		border: 1px solid #3a4eae;
	}	
	.woocommerce a.added_to_cart:hover{
		background: #3a4eae;
		color: #fff;
	}

.loguincart{
    display: flex;
    align-items: center;
    justify-content: center;
            justify-content: flex-end;
}
.loguincart .carro{
    display: flex;
    align-items: center;
    width: 160px;
    justify-content: space-between;
}
.loguincart .carro .bagcart{
    background: url(imagenes/bag.svg) no-repeat center center;
    background-size:100%;
    display: block;
    width: 45px;
    height: 47px;
    text-indent: -9000px;
}
.loguincart .carro .detailcart{
    font-size: 1.9em;
    color:#fff;
    height: 20px;
}
.loguincart .carro .empty-carro {
    display: none;
}
.loguincart .cuenta{
    padding-right: 30px;
}
.loguincart .cuenta li{
    display: inline-block;
}
.loguincart .cuenta .registro::after{
    content:"/";
    display: inline-block;
    padding: 0 15px;
    font-size: 1.9em;
    color: #fff;
}
.loguincart .cuenta li a{
    font-size: 1.9em;
    color:#fff;
}


/*

.loguincart ul{
    display: inline-block;
    float: left;
    padding: 0 0 0 30px;
}
.loguincart ul li{
    float: left;
    position: relative;
}
.loguincart ul li a{

    display: block;
    width: 32px;
    height: 32px;

}
.loguincart ul li:first-child a{
    margin-right: 35px;
}


.loguincart ul .cart-count{
    display: block;
    background: #eb008c;
    min-width: 10px;
    height: 10px;
    color: #fff;
    font-family: 'PTSansBold', sans-serif;
    line-height: .8em;
    padding: 4px;
    font-size: 1.3em;
    text-indent: 0;
    position:absolute;
    top:1px;
    right: 20px;
    z-index: 1000;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -khtml-border-radius: 50%;
}

.loguincart ul .cart-total{
    display: block;
    min-width: 10px;
    height: 13px;
    color: #fff;
    font-family: 'PTSansBold', sans-serif;
    line-height: .8em;
    padding: 4px;
    font-size: 1.5em;
    text-indent: 0;
    position:absolute;
    top:10px;
    left:40px;
    z-index: 1000;
}

*/


/*Sticky*/

body .fixed-header{
    position: fixed;
    top: 0;
    left: 0;
}
.fixed-header #top{
    padding: 5px 0 2px;
}
.fixed-header #top h1 .abctop{
    width: 90px;
    height: 53px;
    margin: 0 30px 0 37px;
}
.fixed-header #top h1, .fixed-header #top h3{
    font-size: 1.9em;
    line-height: 3em;
}
.fixed-header #content-nav{
    padding: 5px 0;
}
.fixed-header .loguincart .carro .bagcart{
    width: 35px;
}




















    /*gral*/
.home{
        background: linear-gradient(to bottom, #2c367a 0, #2c367a 400px, #fff 400px, #fff 100%);
}
    #wrap{
     
        
        
        width:100%;
        max-width: 1920px;
        padding: 0;
        margin:0 auto 65px;
        overflow: hidden;
        position: relative;
        z-index: 0;
    }



/*Home*/

.presentacion{
    width:90%;
    padding-top: 65px;
    margin: 160px auto 135px;
    overflow: hidden;
}
.presentacion h2{
    font-size: 2.8em;
    font-family: 'GilroyBold', sans-serif;
    margin: 27px auto 22px;
}
.presentacion h3{
    font-size: 3em;
    color: #ff1700;
    font-family: 'GilroyBold', sans-serif;
    text-transform: uppercase;
    letter-spacing: .1em;
    margin: 27px auto 22px;
}


.cat-home{
    
}

.menu-categorias-container{
padding: 1px 0;
}
#menu-categorias{
    display: flex;
    justify-content: space-between;
    width: 90%;
    max-width: 1000px;
    margin: 15px auto;
}
#menu-categorias li{
    position: relative;
    padding: 24px 30px 24px 0;
}
#menu-categorias li a{
    display: block;
    width: 160px;
    border-radius: 0 8px 8px 0; 
    -moz-border-radius: 0 8px 8px 0; 
    -webkit-border-radius: 0 8px 8px 0; 
    -o-border-radius: 0 8px 8px 0; 
    -khtml-border-radius: 0 8px 8px 0;
    background: #000;
    color:#fff;
    font-size: 2.6em;
    text-align: left;
    text-indent: 15px;
    padding: 4.5px 0;
    position: relative;
    overflow: hidden;
    transition: 0.3s ease 0s;
}
#menu-categorias li:hover a{
 
    transition: 0.3s ease 0s;
}
#menu-categorias li::before{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 2px; 
    border-radius:  8px 8px 8px 8px; 
    -moz-border-radius: 8px 8px 8px 8px; 
    -webkit-border-radius: 8px 8px 8px 8px; 
    -o-border-radius: 8px 8px 8px 8px; 
    -khtml-border-radius: 8px 8px 8px 8px;   
    transition: 0.3s ease 0s;
}
#menu-categorias li:nth-child(1)::before{
    background-color: #5262cb;
}
#menu-categorias li:nth-child(2)::before{
    background-color: #f56161;
}
#menu-categorias li:nth-child(3)::before{
    background-color: #ffd06a;
}
#menu-categorias li:nth-child(4)::before{
    background-color: #ca8ae7;
}
#menu-categorias li:nth-child(5)::before{
    background-color: #ffcc62;
}
#menu-categorias li:nth-child(6)::before{
    background-color: #8382cf;
}


#menu-categorias li:hover::before{
    width: 93%;
    height: 90%;
    top: 5%;
    transition: 0.3s ease 0s;
}
/*Carruseles*/

.carrousel-home{
    width: 90%;
    max-width: 1480px;
    
    max-width: 1570px;
    margin: 130px auto 0;
/*    overflow: hidden;*/
}
.carrousel-home > p > a > img{
    padding: 30px 0 70px;
}

body .wpb-wps-fa-angle-left::after, body .wpb-wps-fa-angle-right::after {
  content: '';
}
.wpb_slider_area {
    max-width: 94.5%;
    margin: auto;
}
.wpb_slider_area .owl-theme .owl-nav {
  width: calc(100% + 100px);
  right: -50px !important;
  top: 50% !important;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
.wpb_slider_area .owl-theme .owl-nav .owl-prev{
    background: url(imagenes/arrow-product-left.png) no-repeat center center !important;    
}
.wpb_slider_area .owl-theme .owl-nav .owl-next{
    background: url(imagenes/arrow-product-right.png) no-repeat center center !important;    
}

body .owl-carousel .owl-stage-outer{
    z-index: 2;
}
body .wpb-woo-products-slider.owl-theme .owl-dots .owl-dot span, body .wpb-woo-products-slider.owl-theme .owl-nav [class*="owl-"] {
  position: relative;
  margin: 0 0 0 0;
  border: 0;
}
.wpb-wps-fa-angle-left,
.wpb-wps-fa-angle-right{
    display:none !important;
}
body .owl-carousel .owl-nav .owl-prev {
  left: 0;
  top: 50%;
}
body .owl-carousel .owl-nav .owl-next {
  right: 0;
  top: 50%;
}
body .wpb-woo-products-slider.owl-theme .owl-nav [class*=owl-]:hover, 
body .wpb-woo-products-slider.owl-theme .owl-nav [class*=owl-]:focus{
    
}
body .wpb-woo-products-slider .wpb-wps-slider-item img{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    border: 1px solid #bebebe;
}
body .wpb_slider_area figure {
    margin: 0 8px;
}
body .wpb-wps-product-title{
    display: block;
    min-height: 60px;
}
body .grid_no_animation figcaption h3.pro_title,
body .grid_no_animation .pro_price_area{
    font-size: 2.1em;
    font-weight: 100;
    text-align: left;
    color: #000;
    margin: 23px 0 0;
}
body .grid_no_animation .pro_price_area{
    font-family: 'GilroyBold', sans-serif;
}
body .grid_no_animation figcaption{
    background: none;
    text-align: left;
}
body .wpb-woo-products-slider figcaption a.button{
    background: #3a4bae;
    font-family: 'GilroyMedium', sans-serif;
    font-weight: 100;
    font-size: 1.6em;
    text-align: center;
    padding: 12px 25px;
    margin-top: 8px;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -khtml-border-radius: 25px;    
}
body .wpb-woo-products-slider figcaption a.button:hover{
    background: #273378;
}

.carrousel-home > p > img{
    display: block;
    padding: 45px 0 110px
}

.vermas{
    display: inline-block;
    background: #d93f3f;
    font-family: 'GilroyMedium', sans-serif;
    font-weight: 100;
    font-size: .8em;
    color:#fff;
    padding: 14px 37px 15px;
    margin: 50px auto;
    overflow: hidden;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    -o-border-radius: 25px;
    -khtml-border-radius: 25px;    
}
.vermas:hover{
    color: #fff;
}





.carrusel-marcas{
    width: 90%;
    max-width: 1570px;
    margin: 90px auto 130px;   
}
.carrusel-marcas .gs_logo_single img{
    border: 1px solid #bababa;
}

/*Info*/
.infograf-home{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 100px;
    Width: 90%;
    max-width: 1320px;
    margin: 140px auto;
}
.infograf-home h3{
    font-size: 1.7em;
    font-family: 'GilroyBold', sans-serif;
    text-transform: uppercase;
    margin: 3px 0 17px;
}
.infograf-home p{
    font-size: 1.7em;
    line-height: 1.5em;
    margin: 0;
}





/*Suscripcion*/
.suscribe-home{
    background-image: url(imagenes/union-manos-neswletter.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    background-color: #f56161;
    color: #fff;
    width: 90%;
    max-width: 1570px;
    margin: auto;
    text-align: right;
    overflow: hidden;
    border-radius: 20px; 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -o-border-radius: 20px; 
    -khtml-border-radius: 20px; 
}
.suscribe-home > div{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; 
    width: 100%;
    padding: 55px 52% 55px 0;
}
.suscribe-home > div > div{
    display: inline-block;
    text-align: left;
    
}
.suscribe-home h3{
    font-size: 2.8em;
    margin: 0 0 15px;
}
.suscribe-home p{
    font-size: 2.3em;
    margin: 0;
}
.suscribe-home strong{
    font-weight: 100;
    font-family: 'GilroyBold', sans-serif;
}
.suscribe-home .sib_signup_form{
    margin: 0;
    max-width: 425px;
}
.suscribe-home .sib_signup_form p{
    font-size: 1.6em;
    display: flex;
    justify-content: flex-end;
    margin: 7px 0;
}
.suscribe-home .sus-abc-page{
    max-width: 280px;
}
.suscribe-home .sus-abc-page input{
    background-color: #ff6a5b;
    width: 100%;
    border: 2px solid #fff;
}
.suscribe-home .sus-abc-page input[type="submit"]{
    width: 100%;
    border-color: #3d4b9a;
    background-color: #3d4b9a;
}
.suscribe-home .sus-abc-page input[type="submit"]:hover{
    border-color: #2f3e95;
    background-color: #2f3e95;
}

/*
.suscribe-home input{
    background-color:rgba(1,1,1,0);
    width: 318px;
    padding: 5px 3px 6px 14px;
    margin-left: 5px;
    border: 2px solid #fff;
    transition: 0.4s ease 0s;
}
.suscribe-home input:focus{
    background: #e15858;
    transition: 0.4s ease 0s;
}
.suscribe-home button, html input[type="button"],
.suscribe-home input[type="reset"],
.suscribe-home input[type="submit"] {
    background: #3d4b9a;
    border: 0;
    width: 130px;
    padding: 7px 3px 8px;
}
.suscribe-home button, html input[type="button"]:hover,
.suscribe-home input[type="reset"]:hover,
.suscribe-home input[type="submit"]:hover {
    background: #2b356e;
}
    */


.suscribe-home input::-webkit-input-placeholder {color:#fff;}
.suscribe-home input::-moz-placeholder {color:#fff;}
.suscribe-home input:-moz-placeholder {color:#fff;}
.suscribe-home input:-ms-input-placeholder {color:#fff;}
.suscribe-home textarea::-webkit-input-placeholder {color:#fff;}
.suscribe-home textarea::-moz-placeholder {color:#fff;}
.suscribe-home textarea:-moz-placeholder {color:#fff;}
.suscribe-home textarea:-ms-input-placeholder {color:#fff;}

.suscribe-home .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    white-space: nowrap;
}

.grecaptcha-badge{
    right: -500px !important;
}

/*page suscripcion*/
.suscripcion-page{
    
}
.suscripcion-page h3{
    font-size: 3.2em;
}

.suscripcion-page > section{
    box-sizing: border-box;
    background-color: #4352a0;
    width: 90%;
    max-width: 1000px;
    margin: 60px auto 30px;
    border-radius: 22px;
    padding: 58px 130px;
    color: #fff;
}

.suscripcion-page > section > header{
    width: 100%;
    padding-bottom: 20px;
}

.suscripcion-page > section > header p {
    margin: 0;
}
.sus-page-gracias{
    overflow: hidden;
}
.sus-page-gracias span.sus-correo{
    font-style: italic;
}

.sus-page-content li{
    font-size: 2em;
    display: inline-block;
    margin: 0 0 5px;
    min-width: 50%;
}
.sus-page-content li::before{
    content: '';
    background-image: url(imagenes/tilde-amarillo-sus-abc.png);
    background-repeat: no-repeat;
    background-position: left 0;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.sus-page-img{
    overflow: hidden;
}
.sus-page-img > div{
    display: flex;
    justify-content: center;
    gap: 10px;    
    margin: 25px 0 75px;
}
.sus-page-img .sub{
    font-size: 1.6em;
    margin-top: 28px;
    line-height: 1.5em;
}

.sus-confirmacion-dto-cta{
    background-color: #c53838;
    display: inline-block;
    padding: 15px 30px;
    font-size: 1.6em;
    color: #fff;
    border-radius: 25px;
    margin: 40px auto 0;
}
.sus-confirmacion-dto-cta:hover{
    background-color: #dd3636;
    color:#fff;
}
.suscripcion-page-confirmacion .sus-page-content{
    margin-bottom: 40px;
}
.suscripcion-page .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  white-space: nowrap;
}
.sus-abc-page{
    padding: 40px 0 5px;
}
.sus-abc-page p{
    margin: 3px 0;
}
.sus-abc-page input{
    width: 356px;
    font-size: 16px;
    font-style: normal;
    padding: 7px;
}
.sus-abc-page input[type="submit"]{
    background-color: #2a378a;
    border: 2px solid #d5d5d5;
    width: 374px;
    margin-top: 5px;
    color: #ffebbd;
    transition: 0.3s ease 0s;
}
.sus-abc-page input[type="submit"]:hover{
    border-color: #2a378a;
    transition: 0.3s ease 0s;
}
.sus-page-content form#sib_signup_form_2 p.sib-alert-message-warning{
    background: none;
    color: #ffce70;
    border: 0;
}


/*acceder*/
.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register{
    max-width: 400px;
    margin: 0 auto;
}
body .woocommerce form .show-password-input, 
body .woocommerce-page form .show-password-input{
    /*top: 5px;    */
}
body .woocommerce form .form-row label,
body .woocommerce .woocommerce-form-login .woocommerce-form-login__submit{
    font-size: .85em;
}
body .woocommerce .lost_password{
    font-size: 1.3em;
}
body .woocommerce form .form-row input.input-text,
body .woocommerce form .form-row textarea {
    font-size: .8em;
    padding: 5px;
}

/* Oculta el aviso de "¿Ya eres cliente?" */
.woocommerce-form-login-toggle {
  display: none !important;
}

/* Oculta el aviso de "¿Tienes un cupón?" */
.woocommerce-form-coupon-toggle {
  display: none !important;
}

.woocommerce-checkout #payment p{
	font-size: 1rem;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order{
	font-size: 1.6em;
}

/*Banners home*/
    
.slider-container {
	background-repeat:no-repeat;
	background-position:center bottom;
    background-color: #3d4b9a;
	background-size:100%;
	position: relative; 
	z-index:1; 
	padding:0 0 26%;
	height: 0; 
	width:100%;
	float:left; 
	overflow:hidden;
 }
.slider-container ul{width:100%; min-height: 250px;}
.slider-container ul li{width:100%; position: relative; color:#fff; padding-bottom: 26%;}

.banner-home-slider{
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.banner-home-slider > div{
    display: grid;
    grid-template-rows: 1fr;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: auto;
}
.banner-home-slider h4{
    font-family: 'GilroySemibold', sans-serif;
    font-size: 4.8em;
    color:#fff;
    margin: 0;
}
.banner-home-slider p{
    font-size: 2.8em;
    color:#fff;
}

.item-slider-home-1{
    background-color: #3d4b9a;
}
.banner-home-01{
}
.banner-home-01 > div{
    grid-template-columns: auto minmax(auto, 57%);
    max-width: 1570px;
}
.banner-home-01 > div > div:first-child{
}
.banner-home-01 > div > div:last-child{
    background: url(imagenes/abc-libreria-jugueteria-varios-banner-01.png) no-repeat right top;
    background-size: contain;
    padding-bottom: 56%;
}

.item-slider-home-2{
    background-color: #5860bd;
}
.banner-home-02{
    text-align: left;
}
.banner-home-02 > div{
    grid-template-columns: auto minmax(auto, 63%);
    max-width: 1660px;    
}
.banner-home-02 > div > div:first-child{
    padding-right: 30px;
}
.banner-home-02 > div > div:last-child{
    background: url(imagenes/abc-libreria-jugueteria-varios-banner-02.png) no-repeat right center;
    background-size: contain;
    padding-bottom: 34%;
}

#primary #tab-description ul li,
#wrap #tab-description ul li{
    font-size: 1.8em;  
}
#primary #tab-description ul,
#wrap #tab-description ul{
    list-style-type: disc;
    padding-left: 20px;
}
#tab-description p{
    font-size: 1.8em;
}

/*slider de marcas*/

.slider-marcas {
    background: white;
    width: 90%;
    max-width: 1600px;
    height: 140px;
    padding: 0;
    margin: 60px auto 0;
    overflow: hidden;
    position: relative;
}
.slider-marcas::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.slider-marcas::before {
    left: 0;
    top: 0;
}

.slide-track-marcas {
    display: flex;
    animation: scroll 60s linear infinite;
    width: calc(250px * 23); /* Adjust this according to the number of slides */
}

.slide-marcas {
    height: 100px;
    width: 250px;
}
.slide-marcas img{
-moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    border: 1px solid #bababa;
    max-width: 138px;
}

@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(calc(-250px * 7)); } /* Adjust this according to the number of slides */
}

/*visibility*/
.img-desktop{
    display:block !important;
}
.img-mobile{
    display:none !important;
}

/*GiftCards*/

/*gc*/
    body .product-type-gift-card .woocommerce-product-gallery__wrapper{
        box-shadow: 0 0px 0px 0px;
    }
    body .ywgc-main-form-preview-container{
        box-shadow: 0 0px 0px 0px;
    }
    body .gift-card-content-editor.step-content label {
        line-height: 25px;
        font-size: 1.6em;
    }
    body .ywgc-form-preview-title {
        font-size: 1.7em;
        font-weight: 100;
        float: left;
        letter-spacing: .03em;
    }
    body .ywgc-form-preview-from-to-container > span{
        font-weight: 100;
    }

    body .ywgc-form-preview-from-to-container{
        text-align: left;
        margin-top: 15px;
    }
    body .ywgc-form-preview-from-to-container >span{
        font-size:1.5em;
    }
    body .ywgc-form-preview-separator {
        background:#566eda;
        width: 50px;
        height: 4px;
        margin-top: 5px;
    }
    body .ywgc-form-preview-message-container{
        text-align: left;
    }
    body .gift-cards-list button {
        width: 105px;
        border: 0;
        background: #566eda;
        color: #fff;
        font-size: 1.5em;
        padding: 12px 15px 09px;
        border-radius: 9px;
        margin: 0 8px 12px 0;
        transition: 0.3s ease 0s;
    }
    body .gift-cards-list button:hover{
        background-color: #2c367a;
        transition: 0.3s ease 0s;s
    }
    body .gift-cards-list button.ywgc-predefined-amount-button.selected_button{
        background: #2c367a;
        color: #fff;
        font-weight: 100;
    }
    body .gift-card-content-editor.step-content h5 {
        margin-top: 40px;
        font-size: 2em;
    }
    body .gift-card-content-editor.step-content input {
        width: calc(70% - 10px);
        padding: 5px;
        border-radius: 5px;
        border: 1px solid #333;
    }
    body .gift-card-content-editor.step-content textarea {
        width: calc(70% - 10px);
        padding: 5px;
        border-radius: 5px;
        border: 1px solid #333;
    }
    body .ywgc-form-preview-amount {
        font-weight: 100;
    }


/*WooCommerce*/
body #primary{
    width: 90%;
    max-width: 1570px;
    margin: 0 auto;
}

.woocommerce .button {
    background-color: #3a4bae !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    display: inline-block !important;
    transition: background-color 0.3s ease !important;
    font-weight: 100 !important;
}
.woocommerce .button:hover {
    background-color: #2d3b7c !important;
}

html .woocommerce ul.products li.product .woocommerce-loop-category__title, 
html .woocommerce ul.products li.product .woocommerce-loop-product__title, 
html .woocommerce ul.products li.product h3{
    font-size: 2.1em;
    text-align: left;
    color: #000;
    margin: 23px 0 0;
}
html .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,
html .woocommerce ul.products li.product .price{
    font-size: 2.1em;
    text-align: left;
    color: #000;
}
html .woocommerce ul.products li.product .button{
    float:left;
    font-size: 1.6em;
}
html .woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb{
    width: 100%;
    text-align: left;
    padding: 30px 0 20px;
    font-family: 'GilroyMedium', sans-serif;
    font-size: 1.5em;
    text-transform: uppercase;
}
.woocommerce-products-header{
    text-align: left;
    padding: 0 0 30px;
}
.woocommerce-ordering button,
.woocommerce-ordering input, 
.woocommerce-ordering optgroup, 
.woocommerce-ordering select, 
.woocommerce-ordering textarea{
    font-family: 'GilroyMedium', sans-serif;
    font-size: 1.4em;
}
html .woocommerce .products ul,
html .woocommerce ul.products{
    padding: 30px 0 20px;
}
.woocommerce ul.products li.product a img{
    max-width: 300px;
}

.woocommerce-cart-form table{
	font-size:1.6em;
}
#wrap .woocommerce-cart-form table .product-quantity input{
	font-size:1em;
}
#wrap .woocommerce-cart-form button{
	font-size: 0.8em;
}
.cart_totals table{
	font-size: 1.7em;
}

.wc-block-components-sidebar-layout{
	font-size:1.6em;
}
.wc-block-components-sidebar-layout .wc-block-components-checkout-order-summary__title p{
	font-size: 1.5em;
}

#wrap .woocommerce-checkout-review-order table{
	font-size:1.6em;
}
.woocommerce ul.order_details{
	font-size: 1.6em;
}
.woocommerce-order-details table{
	font-size: 1.6em;
}
.woocommerce-customer-details address{
	font-size:1.6em;
}
.woocommerce-customer-details address p{
	font-size: 1em;
}
body .woocommerce .woocommerce-customer-details .woocommerce-customer-details--email, body .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone{
	padding:0;
	margin:0;
}
.woocommerce .woocommerce-customer-details .woocommerce-customer-details--email::before, .woocommerce .woocommerce-customer-details .woocommerce-customer-details--phone::before{
	display: none;
}

.woocommerce table.shop_table{
	font-size: 1.6em;
}

#add_payment_method .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination, .woocommerce-checkout .cart-collaterals .cart_totals .woocommerce-shipping-destination{
	font-size: 1em;
}

#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    font-size: 1.6em;
}

body .col-2 h3#ship-to-different-address{
	font-size: 1.8em;
    margin: 36px 3px;
}

/*eliminar*/
/*
.single-product > #primary > #main > .product > div {
    outline: 2px solid #ddd;
}

.single-product > #primary > #main > .product > div > div {
    outline: 2px solid #ccc;
}

.single-product > #primary > #main > .product > div > div > div {
    outline: 2px solid #aaa;
}

.single-product > #primary > #main > .product > div > div > div> div{
    outline: 2px solid #d99;
}

.single-product > #primary > #main > .product > div > div > div > div> div{
    outline: 2px solid #9d9;
}

.single-product > #primary > #main > .product > div > div > div > div > div> div{
    outline: 2px solid #99d;
}

.single-product > #primary > #main > .product > div > div > div > div > div> div div {
    outline: 3px solid #f00;
}
*/
/*eliminar*/


.woocommerce div.product div.summary{
    text-align: left;
}
.pesta{
    width: 100%;
    overflow: hidden;
}
#tab-description h2{
    text-indent: -9000px;
    margin: 5px 0;
    font-size: 1em;
}
html .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
html .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price{
    font-size: 2em;
    color:#000;
    padding: 3px 7px;
    font-size: 2.1em;
}
html .woocommerce div.product form.cart .button {
    font-size: 1.4em;
    padding: 8px 17px !important;
    
    margin-top: 16px;
}
html .woocommerce div.product form.cart {
    padding: 20px 0 0;
}
html .woocommerce div.product form.cart div.quantity{
    background: #eee;
    padding: 8px 2px 6px;
    margin-right: 15px;
    
    margin-top: 15px;
    
    position: relative;
    
        border-radius: 7px; 
        -moz-border-radius: 7px; 
        -webkit-border-radius: 7px; 
        -o-border-radius: 7px; 
        -khtml-border-radius: 7px; 
}
html .woocommerce div.product form.cart div.quantity::before{
    content:"Cantidad";
    font-size: 1.3em;
    display: block;
    background: #fff;
    padding: 0 0 5px;
    position: absolute;
    height: 15px;
    width: 100%;
    z-index: 100;
    top: -18px;
}
html .woocommerce div.product form.cart div.quantity button,
html .woocommerce div.product form.cart div.quantity input[type="button"], 
html .woocommerce div.product form.cart div.quantity input[type="reset"], 
html .woocommerce div.product form.cart div.quantity input[type="submit"]{
    background: #eee;
    border:0;
    margin: 0;
    position: relative;
    z-index: 10;
    font-size: 1.3em;
}
html .woocommerce .quantity .qty{
    background: #eee;
    position: relative;
    z-index: 1;
    margin-right: -18px;
    font-size: 1.3em;
    border: 0;
}

.woocommerce div.product form.cart .variations td, 
.woocommerce div.product form.cart .variations th{
    padding: 5px 0 15px;
}
.woocommerce div.product form.cart .variations label{
    font-size: 1.6em;
}
.woocommerce div.product form.cart .variations select {
    font-size: 1.3em;
    border: 1px solid #fff;
    background: rgba(44,54,122,0.14);
    padding: 5px 5px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -khtml-border-radius: 6px;   
}

html .woocommerce div.product .woocommerce-review-link{
}
html .woocommerce div.product .woocommerce-product-rating{
    font-size: 1.5em;
    
}
.woocommerce .star-rating span::before{
background-image: linear-gradient(to right, yellow, red, blue);
  -webkit-background-clip: text; 
  background-clip: text;
  color: transparent; 
}
html .woocommerce div.product .product_meta .posted_in{
    display: none;
}
html .woocommerce div.product div.summary #tab-description p{
    font-size: 1.8em;
}
.woocommerce div.product div.summary .woocommerce-product-details__short-description p{
    font-size: 1.8em;
}

.field-anexo-producto{
    width: 100%;
    padding: 20px 0 0;
    margin: 45px 0 0;
/*    border-top: 1px solid #ccc;*/
}

/*Prueba personaje*/
    .entry-summary{position: relative;}
    .field-anexo-producto{ 
        
        
        display:none;
        
        
        background-image: url(imagenes/amigo-abc.png);
        background-repeat: no-repeat;
        background-position: 150% 0;
        background-size: 150px;
        position:absolute;
        width: 80%;
        padding: 0 0 250px;
        bottom: -70px;
        right: -0;
        
        animation-name: personaje;
        animation-duration: 0.3s;
        animation-delay: 1s;
        animation-fill-mode: forwards;        
    }
    .field-anexo-producto > div{
        background: #fff;
        width: 25%;
        position: absolute;
        right: 0px;
        bottom: 270px;
        border: 2px solid #000;
        border-radius: 60px; 
        -moz-border-radius: 60px; 
        -webkit-border-radius: 60px; 
        -o-border-radius: 60px; 
        -khtml-border-radius: 60px;   
        padding: 10px 20px;
        font-size: 0.8em;
        box-shadow: -2px 1px 2px #999;
        opacity: 0;
        
        animation-name: globito;
        animation-duration: 0.3s;
        animation-delay: 1.4s;
        animation-fill-mode: forwards; 
    }
    .field-anexo-producto > div::after{
        content: '';
        position: absolute;
        bottom: -8px;
        right: 75px;
        width: 0;
        height: 0;
        border-bottom: 20px solid #fff;
        border-right: 0px solid #fff;
        border-left: 20px solid transparent;
        box-shadow: 2px 2px #000;
        transform: rotateZ(45deg);
    }



        @keyframes personaje{
            0%{
                background-position: 150% 0;
            }
            100%{
                background-position: 100% 0;
            }
        }
        @keyframes globito{
            0%{
                opacity: 0;
            }
            100%{
                opacity: 1;
            }
        }

.close-btn {
    position: absolute;
    bottom: 70px;
    right: 120px;
    background: #bbe7b9;
    color: #333;
    font-family: 'GilroyBold', sans-serif;
    font-size: 1.8em;
    padding: 3px 8px;
    border: 2px solid #666;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -khtml-border-radius: 50%;
    cursor: pointer;
    opacity: 0;
}

.field-anexo-producto:hover .close-btn{
    opacity: 1;
}

/*fin prueba personaje*/







.field-anexo-producto p{
    font-size: 1.8em;
}

.wt-related-products.products {
  display:block !important;
  max-width: 1000px !important;
  margin: 0 auto 60px;
  font-size: 0.8em;
}

html body .wt-related-products > ul{
    display: flex;
}
html body .wt-related-products .products > li,
html body .wt-related-products .products > li{
/*    margin: 0;*/
}
.owl-carousel .owl-item img{
    max-width: 300px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #bebebe;
}
.owl-carousel .owl-item .in-stock{
    display:none;
}
.owl-carousel.owl-drag .owl-item{}

html body .owl-carousel .owl-nav .owl-next,
html body .owl-carousel .owl-nav .owl-next:hover {
    background: url(imagenes/arrow-product-right.png) no-repeat center center !important;
}
html body .owl-carousel .owl-nav .owl-next .wt-right{
    display: none;
}
html body .owl-carousel .owl-nav .owl-prev {
    background: url(imagenes/arrow-product-left.png) no-repeat center center !important;
}
html body .owl-carousel .owl-nav .owl-prev .wt-left{
    display: none;
}

/* Estilos para el hover de los botones de navegación prev y next */
html body .wt-related-products .owl-theme .owl-nav .owl-prev:hover {
  background: url(imagenes/arrow-product-left.png) no-repeat center center !important;
}

html body .wt-related-products .owl-theme .owl-nav .owl-next:hover {
  background: url(imagenes/arrow-product-right.png) no-repeat center center !important;
}
html body .wt-related-products .owl-theme .owl-nav{
    width: 120%;
    margin-left: -10%;
}
html body .wt-related-products .carousel-wrap ul{
    overflow: visible;
}
html body .owl-carousel .owl-nav .owl-prev{
    left: -60px;
}
html body .owl-carousel .owl-nav .owl-next{
    right: -60px;
}
.woocommerce #reviews{
    padding: 70px 0;
}
.woocommerce-noreviews{
	display:none;
}

#tab-description{
    text-align: left;
}

woocommerce-Reviews-title{}
.woocommerce #reviews #comments h2{
    text-align: left;
    font-size: 2.2em;
}
.woocommerce .comment_container{
    max-width: 750px;
}
.woocommerce .comment-text{
    border:0 !important;
    margin: 0 !important;
}
.woocommerce .comment-text .star-rating{
    float: left;
    clear: both;
    font-size: 1.5em;
    margin: 0 0 20px;
}
.woocommerce .comment-text .meta{
    font-size: 1.5em !important;
    float: left;
    clear: both;
}
.woocommerce .comment-text .description{
    float: left;
    clear: both;
}
.woocommerce .comment-text .description p{
    font-size: 1.5em;
}
#review_form_wrapper{
    max-width: 750px;
    margin-left: 10px;
    text-align: left;
}
#review_form_wrapper #reply-title{
    display: none;
}
#review_form_wrapper #commentform::before{
    content:'Contanos qué te gusta de este producto!';
    display: block;
    font-size: 1.9em;
    padding: 0 0 10px;
}
#review_form_wrapper #commentform .comment-form-rating label{
    display: none;
}
#review_form_wrapper #commentform > p > label{
    text-indent: -9000px;
}
#review_form_wrapper #commentform textarea{
    font-size: .75em;
}
#review_form_wrapper #commentform textarea::before{
    content:'Contanos qué te hace feliz :)'
}
#review_form_wrapper #commentform .form-submit #submit{
    background: #ff6868;
    color: #fff;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p{
    text-align: left;
}
.product_meta .tagged_as{
/*    opacity: 0;*/
    font-size: 1.5em;
    color: #b3b3b3;
    padding: 25px 0 0;
}
.product_meta .tagged_as a{
    color:#b3b3b3;
    font-size: .9em;
}
.product_meta{
    display: flex;
    flex-direction: column;
}
.product_meta::after{
    content:'*Las imágenes son ilustrativas';
    font-size: 1.2em;
    display: block;
    width: 100%;
    color:#666;
    padding: 13px 0 0;
    font-style: italic;
}
.product_meta .sku_wrapper{
    opacity: 0;
}
.must-log-in a{
    color: #ff6868;
}
.nfancybox-caption__body{
    display: none;
}

html body .woocommerce-error, 
html body .woocommerce-info, 
html body .woocommerce-message{
    border-width: 0;
    font-size: 1.6em;
}
html body .woocommerce-error a, 
html body .woocommerce-info a, 
html body .woocommerce-message a{
    font-size: .9em !important;
}

.wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata, .wc-block-components-order-summary .wc-block-components-order-summary-item__description p{
    font-size: 1.1em;
}
.wc-block-components-sidebar{
    margin-left: 0;
}
.wc-block-checkout__actions_row .wc-block-components-checkout-place-order-button{
    background: #3d4b9a;
    color:#fff;
    border: 0;
}

.woocommerce .product .onsale{
    background-color: red;
    font-size: 1.3em;
    padding: 4px;
    transition: 0.3s ease 0s;
}
.woocommerce ul.products li.product a:hover .onsale{
    transform: scale(1.1);
    transition: 0.1s ease 0s;
}
.woocommerce .product_tag-oferta21{
    outline: 2px solid red;
}
.woocommerce .woocommerce-ordering select{
    font-size: 1.3em;
    border: 1px solid #fff;
    background: rgba(44,54,122,0.14);
    padding: 5px 5px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -khtml-border-radius: 6px;     
}
.wdp_table_outter h4{
    font-size: 1.8em;
    text-indent: -9000px;
}
body .wdp_table_outter{
    padding: 10px 0 50px;
}
.wdp_table_head td{
    background: #5e6ed6;
    color: #fff;
}
.wdp_table_body tr td:nth-child(2)::after{
    content:'%';
}
.wdp_table_body tr:nth-child(1) td:nth-child(3)::after{
    content:'😉';
    padding-left: 10px;
}
.wdp_table_body tr:nth-child(2) td:nth-child(3)::after{
    content:'😃';
    padding-left: 10px;
}
.wdp_table_body tr:nth-child(3) td:nth-child(3)::after{
    content:'😎';
    padding-left: 10px;
}

.abc-prev-next{
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 30%;
}
.abc-prev-next a{
    background-repeat: no-repeat;
    background-size: 25px;
    position: absolute;
    display: block;
    width: 50px;
    height: 50px;
    text-indent: -9000px;
}
.abc-prev-next a:first-child{
    left: -50px;
    background-image: url(imagenes/arrow-product-left.png);
}
.abc-prev-next a:last-child{
    right: -50px;
    background-image: url(imagenes/arrow-product-right.png);
}


/*category*/
.content-categoria{
    display: grid;
    grid-template-columns: 270px 1fr;
    min-height: 500px;
    padding-bottom: 50px;
}

.content-categoria .sidebar{
    font-size: 1.1em;
}
.content-categoria .content-categoria-main{
    padding: 15px 0 0 40px;
    border-left: 1px solid #ccc;
}

.la-spinner, .wpfIconPreview .spinner, .wpfLoaderIconTemplate .spinner, .woobewoo-filter-loader.spinner {
    background: url(imagenes/loader-abc.png) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

html body .wpfCheckboxHier > ul{
    max-height: none !important;
}

body .wpfFilterWrapper .wfpDescription{
    font-size: 1.6em;
    text-align: left;
}
html body .wpfFilterWrapper[data-filter-type="wpfPrice"] .wpfFilterContent{
    max-width: 60%;
}
.wpfCheckboxHier{
    font-size: 1.3em;
}
.wpfCheckboxHier > ul > li{
    margin: 15px 0;
}
.wpfCheckboxHier .wpfHideParent li{
    margin: 7px 0;
}

.side-marcas{
    width: 100%;
    text-align: left;
}
.side-marcas > p{
    font-size: 1.6em;
    text-align: left;
    margin: 30px 0 27px
}
.side-marcas ul{
    display: flex;
    flex-wrap: wrap;
    width: 90%;
}
.side-marcas ul li{
    width: 25%;
}
.side-marcas ul li a{
    display: block;
    width: 90%;
    margin: 0 auto 10px;
}
.side-marcas ul li a img{
    transform: scale(.9);
    transition: .5s ease 0s;
}
.side-marcas ul li a:hover img{
    transform: scale(1);
    transition: .3s ease 0s;
}
.ver-todas-marcas{
    background: url(imagenes/arrow-product-right.png) no-repeat right center;
    background-size: 8px;
    display: inline-block;
    width: auto;
    font-size: 1.3em;
    padding: 2px 15px 2px 6px;
    margin: 15px 0 0;
}
.ver-todas-marcas:hover{
    color: #3a4bae;
}

html .woocommerce-pagination{
    border: 0;
}

html .woocommerce-pagination ul{
    border: 0 !important;
}

html .woocommerce-pagination ul li{
    font-size: 1.4em;
    margin: 0 2px !important;
    border:1px solid #ccc;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -khtml-border-radius: 20px;
}
#mostrar-filter{display: none;}



/*page-marcas*/
.descripcion-page-marcas{
    width: 80%;
    margin: auto;
}
.descripcion-page-marcas > div{
    padding: 45px 0;
}
.page-marcas-list{
    width: 80%;
    max-width: 1400px;
    margin: auto;
}
.page-marcas-list ul{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.page-marcas-list ul li{
    width: 16.6%;
}
.page-marcas-list ul li a{
    display: block;
    width: 90%;
}

.page-marcas-list ul li a img{
    transform: scale(1);
    transition: .5s ease 0s;
}
.page-marcas-list ul li a:hover img{
    transform: scale(1.1);
    transition: .5s ease 0s;
}

    /*posts home*/
    .posts-home{
        width: 90%;
        max-width: 1520px;
        padding: 90px 0 0;
    }
    .posts-home > h3{
    }
    .posts-home > div{
        display: flex;
        flex-wrap: wrap;
    }
    .post-home{
        background: #fff;
        width: calc(33.333% - 4px);
        position: relative;
        overflow: hidden;
        margin: 2px;
        transition:0.6s ease 0s;
    }
    .post-home img{
        display: block;
        position: relative;
        z-index: 1;
        transition:0.6s ease 0s;
        opacity: 1;
    }
    .post-home h3{
            background: rgba(0,0,0,.25);
        display:inline-block;
        width: 80%;
        position: absolute;
        left: 0;
            bottom: 0;
        z-index: 10;
        font-size: 2em;
        font-family: 'IvyModeRegular', sans-serif;
        text-transform: none;
        color:#fff;
            padding: 60% 10% 20px;
        margin: 0;
        transition:0.6s ease 0s;
    }
    .post-home:hover{
        transition:0.6s ease 0s;
    }
    .post-home:hover img{
        transition:0.6s ease 0s;
    }
    .post-home:hover h3{
        padding-bottom: 72px;
    }

    .cta-1{
        width: 100%;
        overflow: hidden;
        margin: 50px 0;
    }

    #pagina .entry-page{
        padding: 10px 0 70px;    
        text-align: left;
    }
    #pagina .entry-page h3{
        text-transform: none;
    }


/*contacto*/

.contacto > section{
    max-width: 910px;
    padding: 33px 0 0;
    margin: 0 auto 85px;
    overflow: hidden;
}
.contacto p{
    font-size: 1.8em;
}
.contacto a{
    color: #3a4bae;
}
.contacto a:hover{
    color: #273378;
}
.content-contacto{
    display: flex;
    padding: 60px 0 0;
}
.content-contacto > div{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;
    width:50%;
}
.content-info{      /*background:rgba(0,0,0,.1);*/
    text-align: left;
    padding: 0 0 0 50px;
    order:2;
}
.content-info p:first-child{
    margin-top:5px;
}

.cto-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}
.cto-contacto li {
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0 0 0 65px;
}
.cto-contacto .ftloc{
    background-image: url(imagenes/icon-ubicacion-footer-abc-libreria-jugueteria-1.png);
}
.cto-contacto .ftwap{
    background-image: url(imagenes/wap-abc.svg);
}
.cto-contacto .ftmail{
    background-image: url(imagenes/icon-mail-footer-abc-libreria-jugueteria-1.png);
}
.cto-redes{
    width: 100%;
    margin: 15px 0 0;
}
.cto-redes li{
    float: left;
}
.cto-redes li a{
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 10px 0 5px;
    text-indent: -9000px;
    opacity: 1;
}
.cto-redes li a:hover{
    opacity:.7;
}
.cto-redes .ft-ig a{background-image:url(imagenes/ig-1.svg)}
.cto-redes .ft-fb a{background-image:url(imagenes/fb-1.svg)}
.cto-redes .ft-yt a{background-image:url(imagenes/yt-1.svg)}
.cto-redes .ft-tk a{background-image:url(imagenes/tk-1.svg)}

#content-form > div{
    max-width: 440px;
    border:1px solid #616161;
    overflow: hidden;
}
#content-form input{
    width:calc(100% - 58px);
    border:0;
    background:none; 
    font-size:1em; 
    letter-spacing:0; 
    height: 25px;
    padding:10px 0 0;
    margin:12px 29px 0;
    border: 0;
    border-bottom:1px solid #bab6b2;
    outline:none; 
}
#content-form textarea{
    width:calc(100% - 58px);
    height: 150px;
    border:0;
    background:none; 
    font-size:1em; 
    letter-spacing:0; 
    padding:6px 0 9px;
    margin:28px 29px 0;
    border: 0;
    border-bottom:1px solid #bab6b2;
    outline:none;
}
#content-form input[type="submit"]{
    background:#3a4bae;
    color:#eeecf1;
    transition:0.3s ease 0s;
    width: 120px;
    height: 40px;
    padding: 3px 0;
    margin: 30px 29px 22px;
    float:right;
}
#content-form input[type="submit"]:hover{
    background:#273378;
    transition:0.3s ease 0s;
}

/*Contacto*/

.contacto input::-webkit-input-placeholder {color:#000; opacity:1;}
.contacto input::-moz-placeholder {color:#000; opacity:1;}
.contacto input:-moz-placeholder {color:#000; opacity:1;}
.contacto input:-ms-input-placeholder {color:#000; opacity:1;}
.contacto textarea::-webkit-input-placeholder {color:#000; opacity:1;}
.contacto textarea::-moz-placeholder {color:#000; opacity:1;}
.contacto textarea:-moz-placeholder {color:#000; opacity:1;}
.contacto textarea:-ms-input-placeholder {color:#000; opacity:1;}
.ajax-loader{width:1px}
/*ContactForm7*/
/* Estilos generales del contenedor CF7 */
div.wpcf7 {
    margin: 0;
    padding: 0;
}

/* Spinner de carga */
div.wpcf7 img.ajax-loader {
    border: none;
    vertical-align: middle;
    margin-left: 4px;
    width: 1px;
}

/* Elementos ocultos */
.wpcf7-display-none,
div.wpcf7 div.ajax-error {
    display: none;
}

/* Placeholders */
div.wpcf7 .placeheld {
    color: #888;
}
span.wpcf7-form-control-wrap {
    position: relative;
}
span.wpcf7-list-item {
    margin-left: 0.5em;
}
span.wpcf7-not-valid-tip {
    color: #999 !important;
    display: block;
    font-size: 0.8em;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
    position: absolute;
    top: 20%;
    left: 20%;
    z-index: 100;
    background: none;
    padding: .2em .8em;
}
div.wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output,
.wpcf7 form.spam .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
div.wpcf7-mail-sent-ok, 
div.wpcf7-mail-sent-ng, 
div.wpcf7-spam-blocked, 
div.wpcf7-validation-errors {
    position: inherit;
    margin-top: 142px;
    font-size: 1.5em;
    color: #999;
    background: none;
    clear: both;
    border: 0 !important;
    text-align: center !important;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
    color: #6087a9 !important;
}
#video-container video {
    max-width: 100%;
}

    .info-contacto{
        width: 50%;
        text-align: left;
    }
    .info-contacto > p{
        font-size: 3.5em;
        font-family: 'IvyModeRegular', sans-serif;
        font-weight: bold;
        letter-spacing: .14em;
        margin: 25px 0 15px;
    }


    .info-contacto ul li p{
        font-weight: bold;
        letter-spacing: .1em;
        margin: 28px 0 0;
    }
    .info-contacto ul li p a{
        color:#000;
    }
    .info-contacto ul span{
        display: block;
        width: 100%;
        font-size: 5em;
        font-family: 'IvyModeRegular', sans-serif;
        font-weight: bold;
        color: #dac8bb;
        margin:-10px 0 0;
    }
    .data-contacto{
        padding:5px;
    }

    .redes-list{
        display:inline-block;
        padding: 10px 0 0;
    }
    .redes-list li{
        float:left;
        display:block;
    }
    .redes-list li a{
        display:block; 
        width:33px;
        height:33px;
        margin:0 7px 0 8px;
        font-size:1.6em;
        opacity:1;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 100%;
        text-indent:-9000px;
        transition: 0.3s ease 0s;
    }
    .redes-list a:hover{
        opacity: .7;
        transition: 0.3s ease 0s;
    }
     .redes-list .ig a{background-image: url(imagenes/ig.svg); margin-left: 0;}
     .redes-list .fb a{background-image: url(imagenes/fb.svg);}


    /*Instagram*/

        .igfeed{
            width:100%;
            padding: 0 0 70px;
        }
        .igfeed > div{
            width: 90%;
            max-width: 1540px;
            margin: auto;
        }
        .igfeed h3{
            margin: 30px 0 20px;
        }
        #instagram-page{
            width:96%;
            max-width: 935px;
            margin: 70px auto 100px;
        }


    /*Footer*/



#footer{
    background:#3d4b9a;
    display:block;
    width:100%;
        padding:60px 0 5px;
    color:#fff;
    overflow:hidden;
    }
#footer p{
    font-size: 1.7em;
    color:#fff;
}
#footer a{
    color:#fff;
}
                #footer a:hover{
                    color:#e2ded8;
                }
#footer .copy{
    width: 90%;
    margin: auto;
}
.footer-copy{
    width: 90%;
    max-width: 1570px;
    margin: auto;
}
.footer-copy br{
    display: none;
}
    .credit{background:#303030; width:90%; max-width:1700px; text-align:right; margin:auto; padding: 2px 0 0; overflow: hidden;}
    .credit p{font-size:1.1em !important; color:#777 !important; text-transform:initial !important; margin:2px 0;}
    .credit a{color:#777 !important;}

.content-footer{
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 90%;
    max-width: 1570px;
    margin: 10px auto 65px;
}
.footer-col{
    display: flex;
    justify-content: center;
    text-align: left;
}
#footer .footer-col-2{
    flex-direction: column;
}
#footer .footer-col-2 .footer-contacto li{
    background-repeat: no-repeat;
    background-position: left center;
    margin: 25px 0;
    padding: 0 0 0 65px;
}
#footer .footer-col-2 .footer-contacto p{
    font-family: 'GilroyMedium', sans-serif;
    line-height: 1.5em;
}
#footer .footer-col-2 .footer-contacto p strong{
    font-family: 'GilroySemibold', sans-serif;
    font-weight: 100;
}
.ftloc{
    background-image: url(imagenes/icon-ubicacion-footer-abc-libreria-jugueteria.png)
}
.ftwap{
    background-image: url(imagenes/wap-abc.svg);
    background-size: 42px;
}
.ftmail{
    background-image: url(imagenes/email-abc.svg);
    background-size: 43px;
}
.menu-footer{
    
}
#footer .menu-footer h4{
    margin: 7px 0 30px;
}
#footer .menu-footer ul li{
    font-size: 1.7em;
    margin: 13px 0 15px;
}
#footer .menu-footer ul li a{
    color:#fff;
}

.footer-redes{
    width: 100%;
    margin: 15px 0 0;
}
.footer-redes li{
    float: left;
}
.footer-redes li a{
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100%;
    display: block;
    width: 35px;
    height: 35px;
    margin: 0 10px 0 5px;
    text-indent: -9000px;
    opacity: 1;
}
.footer-redes li a:hover{
    opacity:.7;
}
.ft-ig a{background-image:url(imagenes/ig.svg)}
.ft-fb a{background-image:url(imagenes/fb.svg)}
.ft-yt a{background-image:url(imagenes/yt.svg)}
.ft-tk a{background-image:url(imagenes/tk.svg)}











    /*Single*/

.single-product .woocommerce-breadcrumb{
    font-size: 1.5em !important;
    margin: 15px 0 25px !important;
    text-align: left;
}
.single-product > #primary{
    width: 90%;
    max-width: 1280px;
    margin: auto;
}

.single-product > #primary > #main > .product{
    margin: 70px 0 0;
}
.single-product div.product div.images .woocommerce-product-gallery__image:nth-child(n+2){
    width: auto;
}
.single-product > #primary > #main > .product .images {
  max-width: 600px;
}
.woocommerce div.product p.in-stock{
    display: none;
}










    .single{
       
    }
    .single > section{
        width: 90%;
        max-width: 1275px;
    }
    .single .posts-home{
        padding-bottom: 0 !important;
    }

    .entry{
        float:left;
        width:100%;
        text-align:center;
    }
    .entry li{
        list-style-type: disc;
        font-size: 1.6em;
        text-align: left;
        margin:10px auto 20px;
    }
    .single #gallery-1 img{border:0;}

#pagina{
    width:85%;
    max-width:1000px;
    margin:45px auto 0;
}
#pagina li{
    font-size: 2em;
    list-style-type: disc;
    margin-left: 20px;
}
#pagina ul.gral-page{
    list-style-type: disc;
    padding-left: 20px;
}
#pagina.gral-page ul li{
    font-size: 1.6em;
}
#pagina.page-gral{
    max-width: 870px;
}
#pagina.page-gral .entry-page{
    text-align: justify;
}


#destacados{
    width:95%;
    max-width:1635px;
    margin:45px auto 0;
}

        .redes-container{
            display:block;
            width:100%;
            padding-bottom:10px;
            margin:3px auto 10px;
            text-align:center;
            overflow: hidden;
        }
        .redes{
            display: block;
            float:right;
            width: 75%;
            height: 20px;
            padding: 8px 0 55px;
        }
        .redes > div{float:right}
        .redes a{color:#604644}
        .i-fb{width:95px; height:50px;}
        .fb-comments{
            width: 100% !important;
            max-width:600px;
            margin-top: 17px;
            display: block !important;
            float: left;
            clear:both;
        }
        #nav-post{
            -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; 
            display:block; 
            float:left; 
            width:100%; 
            height:auto; 
            padding: 16px 0 0;
            position:relative; 
            text-align:center;
            border-top:1px solid #1b1b1b;
        }
        #nav-post p{
            font-size: 1.8em;
            font-weight: bold;
            margin: 0 0 3px; 
            color:#000;
            letter-spacing:.05em;
        }
        .post-anterior, .post-siguiente{
            -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; 
            padding-bottom:10px;
            display:block;
            width:auto;
            height:auto; 
        }
        .post-anterior{float:left; text-align:left; padding-left:23px; background:url(imagenes/arrow-post-left.png) no-repeat left 4px;}
        .post-siguiente{float:right; text-align:right; padding-right:23px; background:url(imagenes/arrow-post-right.png) no-repeat right 4px;}
        .post-right.png) no-repeat right 3px;}
        .post-anterior a{position:relative; z-index:110}
        .post-siguiente a{position:relative; z-index:120}

        /*Paginación*/
        .navi-container{
            display:block;
            float:left;
            width:100%;
            height:auto;
            padding:5px 0 6%;
            text-align:center;
        }
        .wp-pagenavi a{
            color:#000;
        }
        .wp-pagenavi {
            display:block;
            height:16px;
            clear: both;
            text-align:center;
            font-size:1.8em;
            color:#000;
            clear:both;
        }
        .wp-pagenavi a, .wp-pagenavi span {
            display:inline-block;
            width:16px;
            height:18px;
            text-decoration: none;
            margin:0 3px;
            font-weight:normal;
        }
        .wp-pagenavi img {margin-bottom: -1px;}
        .wp-pagenavi .smaller, .wp-pagenavi .larger{}
        .wp-pagenavi span.current {
            font-weight:bold;
        }
        .arrow-left{
            background:url(imagenes/arrow-post-left.png) no-repeat left 6px;
            background-size: 11px;
        }
        .arrow-right{
            background:url(imagenes/arrow-post-right.png) no-repeat right 6px;
            background-size: 11px;
        }
        .wp-pagenavi  .previouspostslink{margin-right:10px;}


    /*extras*/

        .whatsapp-footer{
            display:block;
            width: 60px;
            height: 60px;
            position:fixed;
            bottom: 25px;
            right: 30px;
            z-index: 600;
        }

        a#scroll-to-top{
            
            display: none !important;
            
            background-image:url(imagenes/arrow-top.png) !important;
            right: 113px !important;
            bottom: 24px !important;        
            z-index: 1000 !important;
        }


/*variables*/
.giftcard-home{
    background-image: url(imagenes/bg-banner-gift-card-abc-libreria-jugueteria-2025.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right 20% bottom;
    background-color: #384174;
    color: #fff;
    width: 90%;
    max-width: 1570px;
    margin: auto;
    text-align: right;
    overflow: hidden;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -khtml-border-radius: 20px;
}

.giftcard-home > div{
    -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; 
    width: 100%;
    padding: 120px 43% 140px 0;
}

.giftcard-home > div > div{
    display: inline-block;
    text-align: left;
    
}
.giftcard-home h3{
    font-size: 2.8em;
    margin: 10px 0 37px;
}
.giftcard-home p{
    font-size: 3.5em;
    margin: 0 0 27px;
}
.giftcard-home strong{
    font-weight: 100;
    font-family: 'GilroyBold', sans-serif;
}

.giftcard-home .gift-boton-home{
    display: inline-block;
    background: #9361bd;
    font-size: 1.6em;
    color: #fff;
    padding: 11px 30px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    -khtml-border-radius: 6px;    
}
.giftcard-home .gift-boton-home:hover{
    background-color: #8855b3;
}




/*catalogo*/
.product-group{
	width:95%;
	max-width:1450px;
	margin:0 auto;
}
.product-card{
	display:grid;
	grid-template-columns: 150px 1fr 150px 70px 150px;
	text-align:left;
}
.product-card p{
	font-size: 1.4em;
}


.empty-field {
    background-color: #f5f5f5;
    padding: 4px 8px;
    border-radius: 3px;
}

.empty-field .no-data {
    color: #999;
    font-style: italic;
}

.pagination {
    display: flex;
    justify-content: center;
    margin: 40px 0;
    gap: 5px;
}

.pagination a, 
.pagination span {
    padding: 8px 12px;
    border: 1px solid #ddd;
    text-decoration: none;
}

.pagination .current {
    background: #0073aa;
    color: white;
    border-color: #0073aa;
}
.catalogo-final {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}
.product-meta-admin{
	width: 100%;
	text-align:left;
}
.product-meta-admin span{
	display:block;
	font-size: 1.5em;
}



/*Proximamente*/
#wrap .sib-ORIGEN-area{
	display:none;
}
#wrap.proximamente form{
	display:flex;
	justify-content: center;
}
#wrap.proximamente form p{
	font-size: 1.7em;
}
#wrap.proximamente form input{
	width: 200px;
    float: right;
    margin: 0 0 0 20px;
}
#wrap.proximamente form input[type="submit"]{
	width: 208px;
    background-color: #3a4bae !important;
    color: #ffffff !important;
    padding: 10px 20px !important;
    margin: 20px auto;
    border-radius: 10px !important;
    border: 0;
}

.arrepentimiento #pagina{
    max-width: 450px;
}
.arrepentimiento #pagina .entry-page input{
    width:100%;
    border:0;
    background:none; 
    font-size:.9em; 
    letter-spacing:0; 
    height: 25px;
    padding:10px 0 0;
    margin:12px auto 0;
    border: 0;
    border-bottom:1px solid #bab6b2;
    outline:none; 
}
.arrepentimiento #pagina .entry-page textarea{
    width:100%;
    height: 150px;
    border:0;
    background:none; 
    font-size:.9em; 
    letter-spacing:0; 
    padding:6px 0 9px;
    margin:28px auto 0;
    border: 0;
    border-bottom:1px solid #bab6b2;
    outline:none;
}
.arrepentimiento #pagina .entry-page input[type="submit"]{
    background:#3a4bae;
    color:#eeecf1;
    transition:0.3s ease 0s;
    width: 120px;
    height: 40px;
    padding: 3px 0;
    margin: 30px auto 22px;
    float:right;
}
.arrepentimiento #pagina .entry-page input[type="submit"]:hover{
    background:#273378;
    transition:0.3s ease 0s;
}

/*MediaQueries*/
@media screen and (max-width:1600px){
    #content-nav {
        grid-template-columns: auto minmax(10%, 250px) 330px;
    }
}
@media screen and (max-width:1400px){
    .menu-gral ul li a {
        font-size: 1.7em;
        margin: 0 11px;
    }
    .loguincart .cuenta li a {
        font-size: 1.7em;
    }
    .loguincart .carro .detailcart {
        font-size: 1.7em;
    }
    #menu-categorias li{
        padding: 19px 23px 19px 0;
    }
    #menu-categorias li a{
        width: 135px;
        font-size: 2.1em;
    }
    body .grid_no_animation figcaption h3.pro_title, body .grid_no_animation .pro_price_area {
        font-size: 1.8em;
    }
    html .woocommerce ul.products li.product .woocommerce-loop-category__title, html .woocommerce ul.products li.product .woocommerce-loop-product__title, html .woocommerce ul.products li.product h3,
    html .woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price{
        font-size: 1.8em;
    }
    html .woocommerce ul.products li.product .button{
        font-size: 1.4em;
    }
    
    body .wpb-woo-products-slider figcaption a.button {
        font-size: 1.4em;
    }
    .footer-copy{
        width: calc(100% - 200px);
    }
    .footer-copy br{
        display: block;
    }    
    .vermas{
        font-size: .8em;
        padding: 11px 28px 12px;
    }
    .infograf-home {
        column-gap: 40px;
    }
    .infograf-home img{
        transform: scale(0.8);
    }
    .infograf-home h3 {
        font-size: 1.9em;
    }
    .infograf-home p {
        font-size: 1.6em;
    }
    .banner-home-slider h4{
    font-size: 3.8em;
    }
    .banner-home-slider p{
        font-size: 2.2em;
    }
}

@media screen and (max-width:1250px){
    /*.loguincart .cuenta{
        background: url(imagenes/user.svg) no-repeat center center #2c367a;
        padding: 45px 0 0;
        margin: 0 7px;
        width: 32px;
    }*/
    #content-nav {
        grid-template-columns: auto minmax(10%, 210px) 200px;
    }
    .loguincart .cuenta li{
        opacity: 0;
                        display: none;
    }
    .cuenta:hover li{
        opacity:1;
    }
    .loguincart .carro .bagcart{
        width: 30px;
    }
    #menu-categorias{
        display: grid;
        grid-template-columns: repeat(3,minmax(1px, 160px));
        justify-content: space-evenly;
        gap: 50px 0;
    }
    .suscribe-home > div {
        padding: 75px 41% 75px 0;
    }
    .suscribe-home h3 {
        font-size: 2.4em;
    }
    .suscribe-home p {
        font-size: 1.9em;
    }
    .suscribe-home input {
        width: 310px;
    }
    .giftcard-home {
        background-size: 220px;
    }
    .giftcard-home > div {
        padding: 70px 40% 80px 50px;
    }
    .giftcard-home {
        background-position: right 7% bottom;
    }
    .giftcard-home p {
        font-size: 2.8em;
    }    
}



        .content-nav{
            display: block;
            width: 100%;
/*          min-height: 90px;
            position: absolute;
*/
            top: 0;
            left: 0;
            z-index: 5;
            transition: 0s 0s;
        }


@media screen and (max-width:1150px){
    html body .wt-related-products{
        width: 90%;
        margin: auto;
    }
}

@media screen and (max-width:950px){
    p{
        font-size: 1.8em;
    }
    #pagina li{
        font-size: 1.8em;
    }
    #primary #tab-description ul li,
    #wrap #tab-description ul li{
        font-size: 1.7em;  
    }
    h4{
        font-size: 2.3em;
    }
    #menu-categorias li a{
        font-size: 1.7em;
    }
    #footer .menu-footer ul li {
        font-size: 1.5em;
    }
    .suscribe-home{
        background-position: right -18% center;
    }
    .suscribe-home > div {
        padding: 35px 41% 25px 0;
    }
    .suscribe-home .sib_signup_form {
        width: 331px;
    }
    .suscribe-home .sib_signup_form p{
        flex-direction: column;
    }
    .suscribe-home input{
        margin: 0 0 10px;
        text-align: center;
    }
    .suscribe-home button, html input[type="button"], .suscribe-home input[type="reset"], .suscribe-home input[type="submit"] {
        width: 330px;
    }
    .infograf-home {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 40px;
        align-items: center;
    }
    .banner-home-slider h4{
        font-size: 2.9em;
    }
    .banner-home-slider p{
        font-size: 1.7em;
    }    
    html body .woocommerce-store-notice {
        font-size: 1.6em;
        margin: 12px 0;
    }
    #top{
        padding-top: 55px;
    }
    #top h1{
        position: relative;
        font-size: 1.9em;
        padding-left: 0;
    }
    #top h1::after{
        content:'.';
        margin-right: 3px;
    }
    #top h1 .abctop{
        display: none;
    }
    #top .m-abctop{
        display: block;
        position: absolute;
        margin: 0;
        top: 13px;
        left: 50%;
        transform: translateX(-50%);
    }
    .fixed-header #top .m-abctop{
        width: 90px;
        top: 8px;
    }
    #top h3{
        font-size: 1.9em;
    }
    
    #content-nav {
        grid-template-columns: 80% 0 0;
        justify-content: center;
    }
    .buscador{
    }
    
    .loguincart{
        position: absolute;
        top: 26px;
        right: 10px;
    }
    .loguincart .cuenta{
        display: none;
    }
    .loguincart .detailcart{
        display: none;
    }
    .loguincart .carro{
        width: 40px;
    }
    .loguincart .carro .bagcart{
        background-image: url(imagenes/bag-black.svg);
    }
    
    .fixed-header #top h1, .fixed-header #top h3{
        text-indent: -9000px;
    }
    
    
    .header{
        overflow: visible;
    }
    .content-nav{
        display: block;
        width: 100%;
        min-height: 90px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 25;
        transition: 0s 0s;
    }
    .chau-menu .content-nav{
        width: 100px;
        height: 100px;
        overflow: hidden;
    }
    .menu-visible .content-nav{
        width: 100%;
        height: 100vh;
        overflow: visible;
    }
    #boton-menu{
        background: none;
        display: block;
        width: 24px;
        height: 20px;
        position: absolute;
        top: 42px;
        left: 20px;
        border: 0;
        z-index: 100;
    }
    #boton-menu span{
        background: rgba(0,0,0,1);
        display: block;
        width: 22px;
        height: 3px;
        position: absolute;
        right: 0;
    }
    #boton-menu span:nth-child(1){
        top: 0;
        transition: 0.3s ease 0.1s;
    }
    #boton-menu span:nth-child(2){
        top: 7px;
        transition: 0.3s ease 0.2s;
    }
    #boton-menu span:nth-child(3){
        top: 14px;
        transition: 0.3s ease 0.1s;
    }

    .menu-visible #boton-menu span:nth-child(1){
        background: rgba(255,255,255,1);
        top: 6px;
        transform: rotate(45deg);
        transition: 0.3s ease 0.1s;
    }
    .menu-visible #boton-menu span:nth-child(2){
        background: rgba(0,0,0,0);    
        transition: 0.3s ease 0s;
    }
    .menu-visible #boton-menu span:nth-child(3){
        background: rgba(255,255,255,1);
        top: 6px;
        transform: rotate(-45deg);
        transition: 0.3s ease 0.1s;
    }
    

    .menu-visible .menu-gral{
        background: #3d4b9a;
        display: block;
        height: 100vh;
        overflow: hidden;
        top: -43px;
        padding: 100px 0 0;
        
        animation-name: openmenu;
        animation-duration: 0.5s;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    } 
    .chau-menu .menu-gral{
        height: 100vh;
        display: block;
        
        animation-name: chaumenuoff;
        animation-duration: 0.5s;
        animation-delay: 0s;
        animation-fill-mode: forwards;
    }
    @keyframes openmenu{
        0%{
            height: 30vh;
        }
        100%{
            height: 100vh;
        }
    }
    @keyframes chaumenuoff{
        0% {
            height: 100vh;
        }
        100% {
            height: 30vh;
        }
    }    
    
    .menu-gral ul li{
        float: none;
        display: none;
    }
    .menu-visible .menu-gral ul li{
        display: block;
    }
    .menu-gral ul li a{
        margin: 17px 0;
        
        margin: 35px 0;
        
        
    }
    .fixed-header #boton-menu{
        top:24px;
    }
    .fixed-header .buscador{
        padding: 7px 0;
    }
    
    body #primary{
        padding: 0 5%;
    }

/*filtros*/
    .content-categoria{
        display: block;
    }
    
    .content-categoria .sidebar-cat{
/*
        position: absolute;
        left: 0;
        width: 80%;
        padding: 0 10%;
*/
        background: #fff;
        z-index: 1000;
        display: none;
        border: 1px solid #ccc;
        width: 94%;
        padding: 3%;
    }
    .content-categoria .content-categoria-main{
        border: 0;
        padding: 15px 0 0;
    }
    #mostrar-filter{
        display: block;
        border: 0;
        background: #c32c1d;
        font-family: 'GilroyMedium', sans-serif;
        font-weight: 100;
        font-size: 1.5em;
        color: #fff;
        padding: 7px 21px 7px;
        margin: 0 auto 25px;
        overflow: hidden;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        -o-border-radius: 15px;
        -khtml-border-radius: 15px;
    }
    .side-marcas ul li {
        width: 80px;
    }
}

    
@media screen and (max-width:768px){
    #footer p {
        font-size: 1.6em;
    }
    .content-footer {
        grid-template-columns: 100%;
        grid-template-rows: auto auto;
        max-width: 470px;
        grid-row-gap: 30px;
    }    
    .footer-col {
        justify-content: flex-start;
    }
    .footer-col-1{
        padding-left: 65px;
    }
    .suscribe-home {
        background-position: right -120px center;
    }
    .suscribe-home h3 {
        font-size: 2em;
    }
    .suscribe-home p {
        font-size: 1.6em;
    }
    .suscribe-home .sib_signup_form {
        margin: 40px 0 0;
    }
    .suscribe-home .sib_signup_form {
        width: 295px;
    }
    .suscribe-home input {
        width: 273px;
    }
    .suscribe-home button, html input[type="button"], .suscribe-home input[type="reset"], .suscribe-home input[type="submit"] {
        width: 295px;
    }
    .giftcard-home p {
        font-size: 2.1em;
    }
    .page-marcas-list ul li {
        width: 25%;
    }
    .img-desktop{
        display:none !important;
    }
    .img-mobile{
        display:block !important;
    }
    .carrousel-home > p > a > img{
        padding: 10px 0 30px;
    }
    .slide-marcas{
        width: 80px;
    }
    .slide-marcas img{
        max-width: 70px;
    }
    .carrusel-marcas {
        margin: 90px auto 20px;
    } 
    .banner-home-slider h4 {
        font-size: 2.3em;
    }
    .suscripcion-page > section{
        padding: 50px 50px;
    }
}

    
@media screen and (max-width:600px){
    p{
        font-size: 1.6em;
    }    
    #pagina li{
        font-size: 1.6em;
    }    
    #primary #tab-description ul li,
    #wrap #tab-description ul li{
        font-size: 1.5em;  
    }    
    h4{
        font-size: 2em;
    }
    #menu-categorias{
        grid-template-columns: repeat(2,minmax(1px, 150px));
    }
    #menu-categorias li {
        padding: 16px 22px 16px 0;
    }
    #menu-categorias li a {
        font-size: 1.6em;
    }
    .carrousel-home {
        width: 80%;
        margin: 90px auto 0;
    }
    body .grid_no_animation figcaption h3.pro_title, body .grid_no_animation .pro_price_area {
        font-size: 1.6em;
    }
    body .grid_no_animation figcaption h3.pro_title, body .grid_no_animation .pro_price_area{
        margin: 18px 0 0;
    }
    body .wpb-woo-products-slider figcaption a.button {
        font-size: 1.2em;
    }
    .carrousel-home > p > img {
        width: 260%;
        max-width: 300%;
        margin-left: -85%;
    }    
    body .gs_logo_single{
        padding: 0;
    }
    #footer .footer-col-2 li {
        padding: 0 0 0 45px;
        background-size: 35px;
        background-position: left top;
    }
    #footer .footer-col-2 li.ftmail{
        background-size: 29px;
    }
    #footer .footer-col-2 li.ftwap{
        background-size: 30px;
    }
    .footer-col-1 {
        padding-left: 45px;
    }
    .suscribe-home {
        background-position: right -500px center;
        text-align: center;
    }    
    .suscribe-home > div {
        padding: 35px 10% 25px;
    }
    .giftcard-home {
        background-size: 190px;
        background-position: center bottom;
    }
    .giftcard-home > div {
        padding: 55px 50px 250px;
    }
    .giftcard-home > div > div {
        width: 100%;
        text-align: center;
    }
    .presentacion {
        margin: 70px auto 95px;
    }
    .presentacion h3{
        font-size: 2.3em;
    }
    .carrusel-marcas {
        margin: 45px auto 60px;
    }
    .carrusel-marcas h4{
        margin: 8px 0;
    }
    .infograf-home {
        grid-template-columns: 1fr;
        max-width: 330px;
        margin: 90px auto;
    }
    .infograf-home img {
        transform: scale(0.7);
    }
    .infograf-home h3 {
        font-size: 1.65em;
    }
    #footer .footer-copy p{
        font-size: 1.3em;
    }    
    html body .woocommerce-store-notice {
        font-size: 1.5em;
    }  
    #top{
        padding-top: 67px;
    }
    #top h1{
        font-size: 1.6em;
        line-height: 2.5em;
    }
    #top .m-abctop{
        width: 100px;
    }
    #top h3{
        font-size: 1.6em;
        line-height: 2.5em;
    }
    #content-nav {
        grid-template-columns: 90% 0 0;
    }
    #pagina{
        margin: 10px auto 0;
    }
    .slider-container{
        padding: 0 0 290px;
    }
    .slider-container ul li{
        padding: 0 0 290px;
    }
    .banner-home-01 > div {
        grid-template-columns: 100%;
    }
    .banner-home-01 > div > div:first-child{
        order: 2;
    }
    .banner-home-slider{
        position: relative;
        top: auto;
        left: auto;
        transform: initial;
        -webkit-transform: initial;
    }
    .banner-home-01 > div > div:last-child{
        padding-bottom: 150px;
        width: 270px;
        margin-left: calc(95% - 270px);
    }
    .banner-home-02 > div{
        grid-template-columns: 100%;
    }
    .banner-home-02 > div > div:first-child {
        padding-right: 0;
        padding-top: 15px;
    }  
    .banner-home-02 > div > div:last-child{
        width: 270px;
        margin-left: calc(95% - 270px);
        padding-bottom: 150px;
    }  
    .suscripcion-page > section{
        margin: 15px auto 0;
    }
    .suscripcion-page h3 {
        font-size: 2.5em;
    }
    .sus-page-content li{
        font-size: 1.6em;
    }
    .sus-abc-page input{
        width: 90%;
    }
    .sus-abc-page input[type="submit"] {
        width: calc(90% + 16px);
    }
    .suscripcion-page > section > header img{
        width: 120px;
    }
    .suscripcion-page > section > header p {
        font-size: 1.4em;
    }
    #pagina .entry-page h3 {
        font-size: 2.3em;
        margin-top: 0;
    }
}
  
@media screen and (max-width:480px){
    .page-marcas-list ul li {
        width: 33.33%;
    }    
    .suscripcion-page > section{
        padding: 30px 30px;
    }
    .suscripcion-page > section > header img{
        width: 90px;
    }
    .suscripcion-page > section > header p {
        font-size: 1.2em;
    }
}
  
@media screen and (max-width:400px){
    #menu-categorias{
        grid-template-columns: minmax(1px, 150px);
    }
    #menu-categorias li {
        padding: 16px 22px 16px 0;
    }
    #menu-categorias li a {
        font-size: 1.5em;
    }
    .suscribe-home .sib_signup_form {
        width: 235px;
    }
    .suscribe-home input {
        width: 214px;
    }
    .suscribe-home button, html input[type="button"], .suscribe-home input[type="reset"], .suscribe-home input[type="submit"] {
        width: 235px;
    }    
    .suscribe-home h3 {
        font-size: 1.7em;
    }
    .suscribe-home p br{
        display: none;
    }
    #top h1, #top h3{
        width: 100%;
        line-height: 1.5em;
    }
    .fixed-header #top h1, .fixed-header #top h3{
        display: none;
    }
    .fixed-header #top {
        padding: 60px 0 2px;
    }
}















/* 
.wpb_cart_button{
	display:none !important
} */