/*
Theme Name:  WpFácil
Theme URI:   http://autopacks.webempresa.eu/wp_wpfacil
Version:     1.0
Description: El tema hijo de Divi por si tienes que personalizar algo.
Author:      webempresa
Author URI:  https://webempresa.com
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/

.ds-vertical-align {
display: flex;
flex-direction: column;
justify-content: center;
}
.texto-categoria p, .et_pb_wc_description p {margin-bottom:0px !important;padding-bottom:5px !important;}
.et_pb_wc_description h2 {font-size:20px !important;font-weight:700;padding-top:10px;}
.woocommerce div.product form.cart .variations td {padding-bottom:0px !important;}
.woocommerce div.product form.cart .variations th.label {width:90px !important;}
.woocommerce div.product form.cart .variations td.value select {
	padding:10px 15px !important;
}
.woocommerce div.product form.cart .variations td.value span:after {display:none !important;}
.woocommerce div.product form.cart .variations {
    width: 50% !important;
	    margin-bottom: 0px !important;
}
.woocommerce-variation-price .woocommerce-Price-amount.amount {font-weight:700 !important;padding-bottom:20px !important;display:block !important;}
.woocommerce div.product div.images .flex-control-thumbs li {
    width: 12% !important;
    margin-right: 2% !important;
    margin-bottom: 2% !important;
    clear: none !important;
}
@media (max-width: 1500px) {
	.woocommerce div.product form.cart .variations {
    width: 100% !important;
}
}

/****** HEADER ******/
.header-tienda .et_pb_menu--style-left_aligned .et_pb_menu__logo
 {
    margin-right: 10px !important;
}
.header-tienda .et_pb_menu__icon.et_pb_menu__cart-button {margin-left:20px;position:relative !important;}
.header-tienda .et_pb_menu__cart-count {
	position: absolute;
    right: 0px;
    bottom: 50%;
	width: 18px;
    height: 18px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    border-radius: 100px;
    color: #263749;
    background: #F9DAE3;
    overflow: hidden;
}
.header-tienda a.et_pb_menu__icon__with_count:after {
	content:url('https://studiocapeans.com/wp-content/uploads/2025/11/cesta-collections.svg');
}

.header-tienda .sub-menu {
	padding:0px !important;
	border:0px !important;
}
.header-tienda .sub-menu > li {
	padding:0px !important;
	float:left !important;
	width:100% !important;
}
.header-tienda .sub-menu > li > a {
	padding:10px 15px !important;
	display:block;
	float:left !important;
	width:100% !important;
}
body .header-tienda .sub-menu > li > a:hover {
	color:#F9DAE3 !important;
	background:#263749 !important;
	opacity:1 !important;
}
.et-db #et-boc .et-l .header-tienda .et_pb_menu .nav li ul.sub-menu li ul.sub-menu a, .header-tienda .et_pb_menu .nav li ul.sub-menu li ul.sub-menu a {color:#F9DAE3 !important;}
.et-db #et-boc .et-l .header-tienda .et_pb_menu .nav li ul.sub-menu li ul.sub-menu a:hover, .header-tienda .et_pb_menu .nav li ul.sub-menu li ul.sub-menu a:hover {color:#fff !important;}
.header-tienda .et-menu li li.menu-item-has-children>a:first-child:after {
    right: 8px;
    top: 10px;
}
body .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li ul.sub-menu li ul.sub-menu a  {
	padding:8px 15px !important;
	font-size:14px !important;
	color:#F9DAE3 !important;
	border-bottom:1px solid #F9DAE3 !important;
	background:#263749 !important;
	text-transform:capitalize !important;
}
body .et_pb_menu_0_tb_header.et_pb_menu .et-menu-nav li ul.sub-menu li ul.sub-menu a:hover {color:#fff !important;}

/****** HOME TIENDA ******/
.texto-arte-sostenible {padding-top:100px;}

@media (min-width: 980px) and (max-width: 1500px) {
	.reduce-h2 {font-size:32px !important;}
	
}
@media (max-width: 1500px) {
	.texto-arte-sostenible {padding-top:0px;}
}

/****** PRODUCTOS ******/
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {margin-bottom:0px !important;}
.estilos-productos .woocommerce-loop-product__title {
	padding-top:15px !important;
}

/****** RESPONSIVE ******/
@media (max-width: 980px) {
.header-tienda .et_pb_menu .et_mobile_menu {
        padding: 0px !important;
	border-top:0px !important;
	top: 70px;
    }
.header-tienda .et_mobile_menu li {width:100%;clear:both;}
.header-tienda .et_mobile_menu li a {
    border-bottom: 0px !important;
    padding: 10px 15px !important;
}
	.header-tienda .sub-menu > li > a {
    padding: 5px 30px !important;
    display: block;
    float: left !important;
    width: 100% !important;
	font-size:14px !important;
	color:#263749!important;
}
	.header-tienda .sub-menu > li .sub-menu > li > a {
    padding: 5px 50px !important;
    display: block;
    float: left !important;
    width: 100% !important;
	font-size:14px !important;
	color:#F9DAE3 !important;
	text-transform:capitalize !important;
}
	body .et_pb_menu_0_tb_header.et_pb_menu ul li.current-menu-item .sub-menu > li > a  {color:#263749 !important;}
	.texto-arte-sostenible {padding-left:30px;}
}
@media (max-width: 730px) {
    .header-tienda .et_pb_menu .et_mobile_menu {
        top: 50px;
    }
	.texto-arte-sostenible {padding-right:30px;}
}

.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled] {
	color: #263749 !important;
    border-width: 0px !important;
    border-radius: 0px;
    letter-spacing: 3px;
    font-size: 14px;
    font-family: 'Raleway', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    background-color: #F9DAE3;
	padding:12px 20px 10px 20px !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
    padding: 11px;
}
body #page-container .et_pb_section .et_pb_wc_cart_totals_0 checkout-button.button.alt.wc-forward {padding-top:12px !important;padding-bottom:10px !important;}
.woocommerce a.button.alt:hover:after, .woocommerce-page a.button.alt:hover:after, .woocommerce button.button.alt:hover:after, .woocommerce-page button.button.alt:hover:after, .woocommerce input.button.alt:hover:after, .woocommerce-page input.button.alt:hover:after, .woocommerce #respond input#submit.alt:hover:after, .woocommerce-page #respond input#submit.alt:hover:after, .woocommerce #content input.button.alt:hover:after, .woocommerce-page #content input.button.alt:hover:after, .woocommerce a.button:hover:after, .woocommerce-page a.button:hover:after, .woocommerce button.button:hover:after, .woocommerce-page button.button:hover:after, .woocommerce input.button:hover:after, .woocommerce-page input.button:hover:after, .woocommerce #respond input#submit:hover:after, .woocommerce-page #respond input#submit:hover:after, .woocommerce #content input.button:hover:after, .woocommerce-page #content input.button:hover:after {display:none !important;}

/*nombre categoria*/
li.product {
    position: relative;
}

h2.woocommerce-loop-product__title {
    margin-top: 30px !important;
}

a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
    position: relative;
}

.cat-debajo-img {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 50px;
}
.cat-debajo-img a:first-child {display:none !important;}

.cat-debajo-img > a {
    background:#fbe0e9;
    color:#000 !important;
    padding:5px;
    font-size: 13px;
	font-weight: 400;	
}