/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*.jet-mega-menu-container {
    display: block;
    margin-left: 170px!important;
}*/

/*
body {
    zoom: 0.9!important; /* Simula el zoom al 90% */
/*}*/


html{
	margin-top:0 !important;
}

@media screen and (max-width: 782px) {
	

	html{
		margin-top:0 !important;
	}

}

/* Header Z index Fix */
.zindex999 {
	z-index: 2 !important;
}

.zindex998 {
	z-index: 1 !important;
}

/* Header Sticky Nav */
header.sticky-header {
	--header-height: 181px !important;
	--opacity: 0.90 !important;
	--shrink-me: 0.80 !important;
	--sticky-background-color: #000 !important;
	--transition: .3s ease-in-out !important;
	transition: background-color var(--transition),
		background-image var(--transition),
		backdrop-filter var(--transition),
		opacity var(--transition);
	--color: #000 !important;
}

header.sticky-header.elementor-sticky--effects {
	background-color: var(--sticky-background-color) !important;
	background-image: none !important;
	opacity: var(--opacity) !important;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	height: 112px;
}

header.sticky-header.elementor-sticky--effects .jet-mega-menu-item__title {
	color: #fff !important;
}

header.sticky-header.elementor-sticky--effects .jet-menu-title {
	color: #fff !important;
}

header.sticky-header.elementor-sticky--effects a.mega-menu-link {
	color: #000 !important
}

header.sticky-header.elementor-sticky--effects .fa-bars:before {
	color: #fff !important
}

header.sticky-header.elementor-sticky--effects .header--logo {
	filter: invert(1) !important;
}

header.sticky-header>.elementor-container {
	transition: min-height var(--transition);
}

header.sticky-header.elementor-sticky--effects>.elementor-container {
	min-height: calc(var(--header-height) * var(--shrink-me)) !important;
	height: calc(var(--header-height) * var(--shrink-me));
}

header.sticky-header .elementor-nav-menu .elementor-item {
	transition: padding var(--transition);
}

header.sticky-header.elementor-sticky--effects .searchbarmenu {
	display: none !important;
}

header.sticky-header.elementor-sticky--effects .elementor-nav-menu .elementor-item {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}

header.sticky-header>.elementor-container .logo img {
	transition: max-width var(--transition);
}

header.sticky-header.elementor-sticky--effects .logo img {
	max-width: calc(100% * var(--shrink-me));
}

#logosite img {
	height: 100px !important
}

.menu-sticky #logosite img {
	height: 80px !important
}

.elementor-36959 .elementor-element.elementor-element-31dc796 {
	margin-top: -35px;
}

.limitemegamenu {}

.logoblock {}

/*Finished Header Sticky Nav*/

/* My Account Styles */
.woocommerce-MyAccount-navigation ul li {
	background: #232323 !important;
	padding: 15px !important;
}

.woocommerce-MyAccount-content {
	background: none !important;
	padding: 15px !important;
}

.woocommerce-MyAccount-content p,
.woocommerce table.shop_table td,
.woocommerce table.shop_table th {
	color: black !important;
}

.woocommerce-account .elementor-divider {
	display: none !important;
}

/*.accountcontainer {
	margin-top: -112px !important
}*/

.woocommerce-account .edit {
	background: white !important;
	padding: 5px;
}

.woocommerce-account .addresses .title h3,
.woocommerce-account address,
.woocommerce-account h4,
.woocommerce-account .wppb-description-delimiter,
.woocommerce-account label {
	color: black;
}

@media (max-width: 1024px) {
	.woocommerce-MyAccount-navigation ul {
		margin-left: 0;
		padding-left: 0;
	}

	.woocommerce-MyAccount-navigation ul li {
		padding: 3px !important;
		text-align: center
	}

	.woocommerce-account h2 {
		font-size: 1.2em;
	}
}

/*Finished My Account Custom Styles*/

/*Generic Pages Styles among others*/

/*.minusmarginheader {
	margin-top: -180px !important
}

.archive .minusmarginheader, .product-template-default .minusmarginheader, .page-template .minusmarginheader {
	margin-top: -112px !important
}*/

.menubox {
	min-height: 300px;
}

.searchbarmenu form {
	width: 40% !important;
	float: right;
}

.logomenudiv {
	position: absolute;
	top: 150px;
	width: 100%;
}

.form-wppp-select select {
	font-size: 0.6em !important;
}

.wcosm_soldout {
	background: grey !important;
	color: #fff !important;
	font-size: 0.7em !important;
	font-weight: normal !important;
	padding: 5px !important;
	width: 70px;
	height: 70px;
	border-radius: 40px;
	line-height: 60px;
	text-align: center;
}

.elementor-location-header {
	z-index: 2;
	position: relative;
	display: inline-block; /*Fix to White Top Margins*/
    width: 100%;
}

.elementor-page-36938 .elementor-36959 .elementor-element.elementor-element-6142a25>.archive .elementor-widget-container,
.elementor-36959 .elementor-element.elementor-element-6142a25>.elementor-widget-container {
	margin-top: 0 !important;
}

.woocommerce-ordering select {
	font-size: 0.6em !important;
}

.eael-offcanvas-content .eael-offcanvas-close {
	top: 36px;
	z-index: 3;
	color: white;
}

/*  MICROTHEMER STYLES  */


/*= General =================== */

/** General >> #wooswipe **/
.woocommerce div.product form.cart .variations td,
.woocommerce div.product form.cart .variations th {
	text-align: left !important;
}

/** General >> .single-product .entry-summary **/
.single-product .entry-summary {
	padding-left: 15px !important;
}

/** General >> .post-type-archive-product .berocket_single_filter_widget .bapf_head, .tax-product_cat .berocket_single_filter_widget .bapf_head, .tax-whq_product_brand .berocket_single_filter_widget .bapf_head **/
.post-type-archive-product .berocket_single_filter_widget .bapf_head,
.tax-product_cat .berocket_single_filter_widget .bapf_head,
.tax-whq_product_brand .berocket_single_filter_widget .bapf_head {
	padding: 0 !important;
	border-width: 0 !important;
}

/** General >> .post-type-archive-product .berocket_single_filter_widget h3, .tax-product_cat .berocket_single_filter_widget h3, .tax-whq_product_brand .berocket_single_filter_widget h3 **/
.post-type-archive-product .berocket_single_filter_widget h3,
.tax-product_cat .berocket_single_filter_widget h3,
.tax-whq_product_brand .berocket_single_filter_widget h3 {
	font-weight: 700 !important;
	text-transform: uppercase !important;
}

/** General >> .post-type-archive-product .berocket_single_filter_widget .bapf_body ul, .tax-product_cat .berocket_single_filter_widget .bapf_body ul, .tax-whq_product_brand .berocket_single_filter_widget .bapf_body ul **/
.post-type-archive-product .berocket_single_filter_widget .bapf_body ul,
.tax-product_cat .berocket_single_filter_widget .bapf_body ul,
.tax-whq_product_brand .berocket_single_filter_widget .bapf_body ul {
	padding-left: 0 !important;
}

/** General >> .page-template-cuenta .cuenta-main .arriendos-loop .pedido__info .pedido__info__date, .page-template-cuenta .cuenta-main .pedidos-loop .pedido__info .pedido__info__date **/
.page-template-cuenta .cuenta-main .arriendos-loop .pedido__info .pedido__info__date,
.page-template-cuenta .cuenta-main .pedidos-loop .pedido__info .pedido__info__date {
	font-size: 10px !important;
	line-height: 1em !important;
	margin-bottom: 5px !important;
}

/** General >> .page-template-cuenta .cuenta-main .arriendos-loop .pedido__info .pedido__info__title, .page-template-cuenta .cuenta-main .pedidos-loop .pedido__info .pedido__info__title **/
.page-template-cuenta .cuenta-main .arriendos-loop .pedido__info .pedido__info__title,
.page-template-cuenta .cuenta-main .pedidos-loop .pedido__info .pedido__info__title {
	font-size: 16px !important;
	line-height: 1.5em !important;
	font-weight: 700 !important;
}

/** General >> .page-template-cuenta .cuenta-main .arriendos-loop .pedido__info, .page-template-cuenta .cuenta-main .pedidos-loop .pedido__info **/
.page-template-cuenta .cuenta-main .arriendos-loop .pedido__info,
.page-template-cuenta .cuenta-main .pedidos-loop .pedido__info {
	padding: 20px 30px 20px 30px !important;
	-webkit-flex-grow: 1 !important;
	flex-grow: 1 !important;
}

/** General >> .woocommerce div.product div.images img **/
.woocommerce div.product div.images img {
	max-width: 540px !important;
}

/** General >> #wooswipe .thumbnails **/
#wooswipe .thumbnails {
	max-width: 540px !important;
}

/** General >> .page-template-home .home-blog .blog-column .blog-post **/
.page-template-home .home-blog .blog-column .blog-post {
	position: relative !important;
}

/** General >> body.page-template-blog .page .blog-slider, body .page__banner **/
body.page-template-blog .page .blog-slider,
body .page__banner {
	overflow: hidden !important;
}

/** General >> .shop-filter-toggle **/
.shop-filter-toggle {
	font-family: Montserrat !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	padding: 5px 15px 5px 15px !important;
	margin-bottom: 15px !important;
	border-width: 0 !important;
	display: none !important;
}

/** General >> .shop-filter-widget **/
.shop-filter-widget {}

/** General >> .error-image-wrapper img **/
.error-image-wrapper img {
	width: 100% !important;
	height: auto !important;
}

/** General >> .post-type-archive-product .archive-products ul.products li.product, .tax-product_cat .archive-products ul.products li.product, .tax-whq_product_brand .archive-products ul.products li.product **/
.post-type-archive-product .archive-products ul.products li.product,
.tax-product_cat .archive-products ul.products li.product,
.tax-whq_product_brand .archive-products ul.products li.product {}

/** General >> .experiencias-loop **/
.experiencias-loop {}

/** General >> .page-template-home .home-blocks .block-item img **/
.page-template-home .home-blocks .block-item img {}


/*( Teléfono )*/
@media (max-width: 480px) {

	/*Padding for title login*/
	div.woocommerce div.u-columns div.u-column1 h2 {
		margin: 0px 0px 0px 20px !important;
	}

	div.woocommerce div.u-columns div.u-column2 h2 {
		margin: 0px 0px 0px 20px !important;
	}

	/*= General =================== */

	/** General >> .single-product .entry-summary **/
	.single-product .entry-summary {
		padding-left: 0 !important;
	}

	/** General >> .page-template-home .home-blog .blog-column .blog-post **/
	.page-template-home .home-blog .blog-column .blog-post {
		position: relative !important;
		overflow: hidden !important;
	}

	/** General >> .page-template-home .site-header .toggle-btn **/
	.page-template-home .site-header .toggle-btn,
	.page-template-somos .site-header .toggle-btn,
	.page-template-mision .site-header .toggle-btn,
	.page-template-equipo .site-header .toggle-btn,
	.page-template-experiencias .site-header .toggle-btn,
	.page-template-blog .site-header .toggle-btn {
		filter: invert(1) !important;
	}

	/** General >> .shop-filter-toggle **/
	.shop-filter-toggle {
		display: block !important;
	}

	/** General >> .shop-filter-widget **/
	.shop-filter-widget {}

	/** General >> .uk-first-column > aside > div:nth-of-type(2) > div:nth-of-type(1) > a:nth-of-type(1) > .attachment-medium:nth-of-type(1) **/
	.uk-first-column>aside>div:nth-of-type(2)>div:nth-of-type(1)>a:nth-of-type(1)>.attachment-medium:nth-of-type(1) {
		display: none !important;
	}

	/** General >> .archive-sidebar-slider img **/
	.archive-sidebar-slider img {
		width: 100% !important;
		max-width: 100% !important;
		height: 240px !important;
		object-fit: cover !important;
	}

	/** General >> .post-type-archive-product .archive-products ul.products li.product, .tax-product_cat .archive-products ul.products li.product, .tax-whq_product_brand .archive-products ul.products li.product **/
	.post-type-archive-product .archive-products ul.products li.product,
	.tax-product_cat .archive-products ul.products li.product,
	.tax-whq_product_brand .archive-products ul.products li.product {
		width: 100% !important;
	}

	/** General >> .experiencias-loop **/
	.experiencias-loop {}

	/** General >> #wooswipe **/
	.woocommerce div.product form.cart .variations td,
	.woocommerce div.product form.cart .variations th {}

	/** General >> .woocommerce #content div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce div.product div.images **/
	.woocommerce #content div.product div.images,
	.woocommerce-page #content div.product div.images,
	.woocommerce-page div.product div.images,
	.woocommerce div.product div.images {
		max-width: 90vw !important;
	}

	/** General >> #nav-offcanvas .toggle-btn **/
	#nav-offcanvas .toggle-btn {}

	/** General >> #nav-offcanvas .fa-times **/
	#nav-offcanvas .fa-times {
		filter: invert(1) !important;
	}

	/** General >> .page-template-home .home-blocks .block-item img **/
	.page-template-home .home-blocks .block-item img {
		object-fit: contain !important;
	}




}

/* WC sold out badge */
.now_sold {
	font-size: 14px;
	font-weight: 700;
	padding: 6px 12px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.woocommerce .elementor-add-to-cart {
	text-align: center;
}

.woocommerce div.product .out-of-stock {
	display: inline-block;
	font-weight: 600;
	text-transform: uppercase;
	border-radius: 50px 50px 50px 50px;
	padding: 10px 10px 10px 10px;
	background-color: #8B8B8B;
	color: #ffffff;
}

/* WC sale badge */
.woocommerce .onsale {
	top: 5px !important;
	right: 5px !important;
	background: #9fc93f !important;
	color: #fff !important;
	font-size: 1em !important;
	font-weight: normal !important;
	padding: 5px !important;
	margin: -3px !important;
	width: 60px !important;
	height: 60px !important;
	z-index: 1 !important;
}

/* Customizer Mess */
.page-id-41363 .menu-sticky {
	height: 0px !important;
}

.checkout-button,
#place_order {
	background: #232323 !important;
	padding: 10px 5px !important;
	font-size: 1em !important;
	text-transform: uppercase !important;
	border-radius: 0px !important;
}

#place_order {
	padding: 10px 20px 10px 20px !important;
}

.page-id-43039 .menu-sticky {
	height: 0px !important;
}

.elementor-element-51e3beb5 {
	background-color: #fff !important;
}

.elementor-element-121e68be {
	background-color: #fff !important;
}

.elementor-element-1a0f5b1f {
	background-color: #fff !important;
}

.elementor-element-1a0f5b1f {
	background-color: #fff !important;
}

.elementor-element-d525226 {
	min-height: 250px;
}

.elementor-element-4ffff11e {
	min-height: 250px;
}

.elementor-element-4ed6b812 {
	min-height: 250px;
}

.elementor-element-21995955 {
	color: #000 !important;
}

/*Fix on Home Logo*/

@media only screen and (min-width: 1470px) {
	.menu-jet-menu-desktop-container .jet-menu-inner {
		width: 1200px;
		float: right;
		padding-top: 20px !important;
	}
}

@media only screen and (max-width: 1469px) {
	.menu-jet-menu-desktop-container .jet-menu-inner {
		width: auto;
	}
}

@media (max-width: 767px) {
	.responsivedropdn .elementor-nav-menu li a {
		color: white !important;
	}

	.responsivedropdn .elementor-nav-menu--dropdown li li a {
		color: #57DD72 !important;
	}

	.responsivedropdn .sub-arrow {
		position: absolute;
		top: 0;
		right: 15px;
	}

	.greenbutton {
		background: #57DD72;
	}

	.fullscreenbtn .eael-lightbox-btn {
		width: 100% !important;
	}

	.fullscreenbtn .eael-lightbox-btn span {
		width: 100% !important;
	}


	.woocommerce-MyAccount-navigation {
		padding: 20px;
		border-top: 1px solid black;
	}

	.woocommerce-MyAccount-navigation ul li a {
		font-size: 0.8em !important
	}
	.elementor-36959 .elementor-element.elementor-element-bb2a75f .jet-search__popup{
		border:none;
	}
	.elementor-36959 .elementor-element.elementor-element-37075411.elementor-column.elementor-element[data-element_type=column]>.elementor-widget-wrap.elementor-element-populated{
		padding: 0 !important;
		margin: 0 !important;
	}
	#logodivcontainer a{
		display:block !important;
		height:60px !important;
		overflow:hidden !important;
	}
	div.elementor-element-37075411{
		max-height: 60px !important;
	}
	header.sticky-header.elementor-sticky--effects, .elementor-36959 .elementor-element.elementor-element-7ed56861{
		height:48px !important
	}
}


.jet-posts__inner-box .btn .btn__text,
.jet-posts__inner-box .btn .jet-elements-icon {
	color: black;
}

.woocommerce ul.products li.sale .price ins .amount,
.woocommerce ul.products li.sale .price ins {
	color: #9fc93f !important;
}

/* Comments */
#comments,
#review_form {
	font-size: 0.8rem;
}

#comments .comments-area .comment-reply-title {
	text-align: center;
	font-size: 1.1rem;
	font-weight: bold;
}

#comments .comment-notes,
#comments .logged-in-as {
	text-align: center;
}

#comments input,
#comments select,
#comments textarea,
#review_form input,
#review_form select,
#review_form textarea {
	border: 1px solid #c2c2c2 !important;
	border-radius: 10px !important;
}

#comments textarea,
#review_form textarea {
	max-height: 150px;
}

#comments input[type=submit],
#review_form input[type=submit] {
	background-color: #888989 !important;
	color: #fff !important;
	font-size: 0.8rem !important;
	padding: 4px 10px !important;
	float: right !important;
	font-weight: normal !important;
}

#comments .comment-respond {
	border-bottom: 1px solid #e1e1e1;
	padding-bottom: 20px;
}

#comments .comment-respond::after {
	content: "";
	display: block;
	clear: both;
}

/* WooCommerce Pagination */
.jet-filters-pagination {
	padding: 20px 0;
}

.jet-filters-pagination .jet-filters-pagination__item {
	border-bottom: 1px solid #E1E1E1;
}

.jet-filters-pagination .jet-filters-pagination__link {
	background-color: transparent !important;
}

.jet-filters-pagination .jet-filters-pagination__current {
	border-bottom: 2px solid #424242;
	font-weight: bold;
}

.jet-filters-pagination .jet-filters-pagination__dots {
	background-color: transparent !important;
}

.woocommerce .woocommerce-variation-availability .in-stock {
	display: none;
}

.woocommerce-pagination {
	margin: 40px 10px !important;
}

.woocommerce-pagination ul li {
	margin: 0 4px !important;
	border-bottom: 1px solid #E1E1E1;
}

.woocommerce-pagination ul li .current {
	font-weight: bold !important;
}

/* Variations label */
.woo-variation-swatches.wvs-show-label .variations th {
	margin-left: -15px;
}

/* Wishlist */

.tinvwl_add_to_wishlist-text {
	font-size: 0.7em;
}

.woocommerce.tinv-wishlist button.button.alt {
	background-color: black !important;
}

/* WC product brand */
.woocommerce .whq_product_brand {
	font-size: 0.8rem;
}

/* WC product seals */
.woocommerce .whq_product_seals ul {
	list-style-type: none;
}

.woocommerce .whq_product_seals ul li {
	display: inline-block;
	width: 50px;
	height: 50px;
}

.woocommerce .whq_product_seals ul li img {
	width: 50px;
	height: 50px;
}

.jet-color-image-list__color {
	border: 1px solid black !important;
}

/*Footer*/
#formfooterzindex {
	z-index: 1;
}

#fullfooterindex {
	z-index: 1;
}

/* Adjust Menu Padding */
@media only screen and (max-width: 1469px) {
	.menu-jet-menu-desktop-container .jet-menu-inner {
		width: auto;
		padding-top: 19px !important;
	}
}

/* Replace color for Tag soldout */
.wcosm_soldout {
	background: #000 !important;

}

/* Align vertical box products*/
div#product_loop div.elementor-widget-container div.woocommerce ul.products li.type-product {

	align-items: end;
	align-content: space-evenly;
	display: flex;
	align-self: flex-start;
	flex-wrap: wrap;
	vertical-align: bottom;

}

/* Center Button Add to cart */
div#product_loop div.elementor-widget-container div.woocommerce ul.products li.type-product a.button {

	margin-top: 15px !important;
	margin: auto;
	text-align: center;

}

div#product_loop .wvs_archive_reset_variations .wvs_archive_reset_variations_link {
	display: none !important
}

/* Remove button "Limpiar" Archive Products  - NO USAR, este comando oculta todas las variaciones del sitio
div#product_loop div.elementor-widget-container div.woocommerce ul.products li.type-product div.wvs-archive-variations-wrapper ul.variations li{

    display: none;

}*/

selector .br_alabel_image {
	top: 0 !important;
}

/* Align products shop */
div#product_loop div.elementor-widget-container div.woocommerce ul.products li.product {

	align-self: flex-start !important;

}

#cyberbanner {
	display: none;
}

.term-4651 #cyberbanner {
	display: block;
}

/* WP Customizer mess */
#wpgs-gallery {
	max-width: 100% !important
}

/* Fix para corregir que la galeria de fotos se estaba viendo a la mitad - el mismo estilo adicionado al style.css del child theme no está funcionando */
#cyberbanner {
	display: none;
}

.term-4651 #cyberbanner {
	display: block;
}

#wph-back-button {
	cursor: pointer
}

#ht-ctc-chat {
	bottom: 15px !important;
	left: 15px !important;
}

/* Fix de la sobreposición del WhatsApp con el chat Zopim en algunas páginas internas */
#ht-ctc-chat {
	bottom: 15px !important;
	left: 15px !important;
}

.berocket_better_labels.berocket_better_labels_image{
	z-index:1
}

/*Página Mi Cuenta tiene un Margen Blanco, este es el Fix*/

/*.page-id-24313 .accountcontainer{
	margin-top: -180px !important;
}*/

.woocommerce .product{
	margin-top:0 !important /*Fix for Archive Pages with Top Margin*/
}

.jet-menu .greenspecbtn, .greenspecbtn, .elementor-nav-menu li.greenspecbtn, .menu-item-89314{
    background: #7c9c32 !important;
}

.jet-mega-menu-item__label{
	color:#ffffff!important;
}

#jet-mega-menu-item-89314{
	background: #7c9c32 !important;
	color:#ffffff!important;
}

.menu_blanco{
	color: #ffffff!important;
}


.checkout-button.button.alt.wc-forward {
    color: #ffffff !important;
}


.woocommerce-variation-description{
	display:none!important;
}



.checkout-button.button.alt.wc-forward {
    color: white!important; /* Cambia el color del texto, si lo necesitas */
}


/* Ajuste para inputs y textarea en checkout */
.woocommerce-checkout input[type=text],
.woocommerce-checkout input[type=email],
.woocommerce-checkout input[type=tel],
.woocommerce-checkout textarea,
.woocommerce-checkout select {
  height: auto !important; /* Prioridad para evitar compresión */
  padding: 12px 10px !important; /* Prioridad para espacio interior */
  font-size: 16px; /* Probablemente no necesite !important */
  line-height: 1.5 !important; /* Asegura que el texto no se comprima */
  box-sizing: border-box; /* No suele requerir !important */
  border-radius: 4px; /* Opcional */
  -webkit-appearance: none; /* Estilo nativo de Safari */
  appearance: none;
}

/* Ajusta específicamente el placeholder */
.woocommerce-checkout ::placeholder {
  font-size: 14px; /* Tamaño adecuado */
  line-height: 1.5; /* Coincide con el input */
  opacity: 1; /* Sin necesidad de !important */
}

/* Forzar altura mínima para evitar compresión */
.woocommerce-checkout input,
.woocommerce-checkout textarea {
  min-height: 42px !important; /* Para inputs comprimidos */
}

/* Ajuste para Safari */
textarea {
  resize: vertical; /* Sin necesidad de !important */
  overflow: auto !important; /* Si hay conflictos con scroll */
}

/* Opcional: corrige zoom en dispositivos iOS */
@media screen and (max-width: 480px) {
  input,
  textarea {
    font-size: 16px !important; /* Evita zoom automático de Safari */
  }
}


.eael-woo-product-carousel-container 
.eael-woo-product-carousel .product.swiper-slide {
    position: static !important;
    min-height: auto !important;
}



/* 🔥 Forzar fondo negro en el ítem activo del menú EAEL */
.elementor-36959 .eael-advanced-menu li.current-menu-item > a.eael-item-active,
.elementor-36959 .eael-advanced-menu li.current-menu-item > a.eael-item-active:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* 🔥 Fondo negro fijo para el item activo y al pasar el mouse */
.eael-advanced-menu li.current-menu-item > a.eael-item-active,
.eael-advanced-menu li.current-menu-item > a.eael-item-active:hover,
.eael-advanced-menu li a:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}

/* Opcional: eliminar cualquier transición o animación que muestre el rojo */
.eael-advanced-menu li a {
  transition: none !important;
}

/* 🔥 Eliminar fondo rojo en hover del menú EAEL */
.elementor-36959 .elementor-element.elementor-element-75fc2c3 .eael-advanced-menu li:hover > a,
.elementor-36959 .elementor-element.elementor-element-75fc2c3 .eael-advanced-menu li:focus > a {
  background-color: transparent !important; /* o #000 si quieres negro */
  color: #ffffff !important; /* color del texto al pasar el mouse */
}

/* Mantener fondo negro solo en el item activo */
.elementor-36959 .eael-advanced-menu li.current-menu-item > a.eael-item-active,
.elementor-36959 .eael-advanced-menu li.current-menu-item > a.eael-item-active:hover {
  background-color: #000000 !important;
  color: #ffffff !important;
}





/* === LIMITE SUR - DASHBOARD CLIENTE v2 === */

.ls-dashboard {
  display: flex;
  flex-direction: column;
  background: #f7f9fc;
  min-height: 90vh;
  font-family: "Inter", "Roboto", sans-serif;
  border-radius: 8px;
  overflow: hidden;
}

/* ===== Sidebar ===== */
.ls-sidebar {
  background: #fff;
  border-right: 1px solid #e5e7eb;
  width: 100%;
  padding: 1.5rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  z-index: 10;
}

.ls-user {
  text-align: center;
  margin-bottom: 1.8rem;
}

.ls-avatar {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: linear-gradient(135deg, #007bff, #00bcd4);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  margin: 0 auto 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.ls-user h3 {
  margin: 0;
  font-size: 1rem;
  color: #222;
  font-weight: 600;
}

.ls-logout {
  display: inline-block;
  margin-top: 5px;
  color: #00a4d6;
  font-size: 0.9rem;
  text-decoration: none;
  transition: 0.2s;
}
.ls-logout:hover {
  color: #ff3b30;
}

/* ===== Navegación ===== */
.ls-nav {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.ls-link {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  color: #444;
  font-weight: 500;
  border-radius: 8px;
  text-decoration: none;
  transition: all 0.2s ease;
}
.ls-link i {
  color: #00a4d6;
  font-size: 1rem;
  min-width: 20px;
  text-align: center;
}
.ls-link:hover {
  background: #e9f6ff;
  color: #007bff;
}
.ls-link.active {
  background: #e0f1ff;
  color: #007bff;
  font-weight: 600;
}

/* ===== Contenido ===== */
.ls-content {
  flex: 1;
  padding: 2rem;
}

.ls-welcome {
  margin-bottom: 2rem;
}

.ls-welcome h1 {
  font-size: 1.9rem;
  color: #1f2937;
  font-weight: 700;
  margin-bottom: 0.3rem;
}
.ls-welcome p {
  color: #555;
  margin-bottom: 1.5rem;
  font-size: 0.95rem;
}

/* ===== Cards ===== */
.ls-cards {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1.5rem;
  margin-bottom: 2rem;
}

.ls-card {
  background: #fff;
  border-radius: 14px;
  padding: 1.8rem 1.2rem;
  text-align: center;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  text-decoration: none;
  color: #333;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 160px;
}

.ls-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 22px rgba(0, 0, 0, 0.08);
}

.ls-card i {
  color: #00a4d6;
  font-size: 1.9rem;
  margin-bottom: 0.8rem;
}

.ls-card h3 {
  font-size: 1rem;
  font-weight: 600;
  color: #222;
  margin-bottom: 6px;
}

.ls-card p {
  font-size: 0.88rem;
  color: #666;
  margin: 0;
  line-height: 1.4;
}

/* ===== Sección dinámica ===== */
.ls-section {
  background: #fff;
  border-radius: 12px;
  padding: 1.8rem;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

/* ===== Responsive ===== */
@media (min-width: 900px) {
  .ls-dashboard {
    flex-direction: row;
  }

  .ls-sidebar {
    width: 260px;
    height: auto;
    position: relative;
  }

  .ls-content {
    padding: 3rem;
  }
}

@media (max-width: 899px) {
  .ls-sidebar {
    width: 100%;
    position: sticky;
    top: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  }

  .ls-user {
    margin-bottom: 1rem;
  }

  .ls-content {
    padding: 1.2rem;
  }

  .ls-cards {
    grid-template-columns: 1fr;
  }

  .ls-card {
    min-height: 140px;
  }
}


/* === FIX: Evita que el sidebar se superponga al menú principal === */
.ls-sidebar {
  position: relative;
  z-index: 1; /* asegura que quede por debajo del header */
}

/* En pantallas móviles, cuando el sidebar es sticky */
@media (max-width: 899px) {
  .ls-sidebar {
    position: sticky;
    top: 70px; /* altura del header principal */
    z-index: 0; /* más bajo que el menú superior */
  }
}

/* ===========================
   BADGES EN CATÁLOGO (SOBRE LA IMAGEN)
   =========================== */

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link {
  position: relative;
  display: block;
}

/* BADGES SOBRE LA IMAGEN */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .limitesur-badges {
  position: absolute;
  top: 8px;                  /* posición superior */
  left: 50%;                 /* centrar */
  transform: translateX(-50%);
  width: 90%;                /* ancho controlado */
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  z-index: 10;               /* sobre la imagen siempre */
  pointer-events: none;
}

/* BADGE INDIVIDUAL */
.limitesur-badge {
  display: inline-block;
  font-size: 9px;
  font-weight: 600;
  padding: 3px 7px;
  border-radius: 12px;
  line-height: 1.1;
  letter-spacing: 0.2px;
  color: #fff !important;
  pointer-events: auto;
  white-space: nowrap;
}

/* COLORES POR TIPO */
.limitesur-badge[data-type="solo-online"] {
  background: linear-gradient(135deg, #2E7D32, #4CAF50) !important;
}

.limitesur-badge[data-type="descuento"] {
  background: linear-gradient(135deg, #d32f2f, #ff5252) !important;
}

.limitesur-badge[data-type="proximamente"] {
  background: linear-gradient(135deg, #ff9800, #ff5722) !important;
}

/* MOBILE */
@media (max-width: 768px) {

  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .limitesur-badges {
    top: 6px;
    gap: 3px;
  }

  .limitesur-badge {
    font-size: 8px;
    padding: 2px 5px;
    border-radius: 10px;
  }
}

/* ===========================
   FIX SAFARI IOS (IMÁGENES)
   =========================== */

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img {
  display: block;
  width: 100%;
  height: auto;
}




/* ==========================================================
   🔥 MODAL GENERAL (BOTH: ESCRITORIO + MÓVIL)
=========================================================== */
.buscador-overlay {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    display: none;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.75) !important;
    z-index: 999999999 !important;
    padding: 20px !important;
}

/* Contenedor interno */
.modal-contenido {
    width: 94% !important;
    max-width: 600px;
    background: #ffffff;
    border-radius: 12px;
    padding: 20px !important;
    margin: auto !important;
    position: relative;
    overflow-y: auto !important;
    max-height: 90vh;
    box-shadow: 0 10px 30px rgba(0,0,0,0.25);
    animation: fadeModal 0.2s ease;
}

@keyframes fadeModal {
    from { opacity: 0; transform: scale(0.95); }
    to   { opacity: 1; transform: scale(1); }
}

/* Barra superior */
.buscador-barra {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Input escritorio + móvil */
#campo-busqueda,
.campo-busqueda-movil {
    flex: 1;
    width: 100%;
    padding: 14px;
    font-size: 16px;
    border: 1px solid #ddd;
    border-radius: 8px;
    outline: none;
    box-sizing: border-box;
}

#campo-busqueda:focus,
.campo-busqueda-movil:focus {
    border-color: #000;
}

/* Botón cerrar */
#cerrar-buscador,
.cerrar-buscador-movil {
    font-size: 28px;
    background: none;
    border: none;
    color: #333;
    cursor: pointer;
    line-height: 1;
}

#cerrar-buscador:hover,
.cerrar-buscador-movil:hover {
    color: #000;
}

/* ==========================================================
   🔥 RESULTADOS
=========================================================== */
#resultados-busqueda,
.resultados-busqueda-movil {
    width: 100%;
    margin-top: 20px;
    opacity: 0;
    transition: opacity .2s ease;
}

#resultados-busqueda.mostrar,
.resultados-busqueda-movil.mostrar {
    opacity: 1;
}

/* GRID ESCRITORIO */
#resultados-busqueda .resultados-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 15px !important;
    justify-items: center;
}

/* GRID MÓVIL */
@media (max-width: 480px) {
  .resultados-busqueda-movil .resultados-grid {
      display: grid !important;
      grid-template-columns: 1fr !important;
      gap: 15px !important;
      justify-items: center !important;
  }
}

/* Tarjetas */
.resultado-item {
    background: #fafafa;
    border-radius: 12px;
    padding: 12px;
    border: 1px solid #eee;
    text-align: center;
    transition: .2s ease;
    width: 100%;
    max-width: 340px;
}

.resultado-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.resultado-item img {
    width: 100%;
    border-radius: 8px;
    margin-bottom: 10px;
}

/* ==========================================================
   🔥 BOTÓN "VER TODOS"
=========================================================== */
.boton-ver-todos,
.resultados-busqueda-movil .boton-ver-todos {
    display: block;
    width: 100%;
    padding: 12px;
    background: #000;
    color: #fff !important;
    border-radius: 10px;
    margin-top: 20px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    transition: background .2s ease;
}

.boton-ver-todos:hover,
.resultados-busqueda-movil .boton-ver-todos:hover {
    background: #333;
}

/* ==========================================================
   🔥 ÍCONO LUPA
=========================================================== */
.buscador-icono {
    background: none;
    border: none;
    cursor: pointer;
}

.buscador-icono i {
    font-size: 22px;
    color: #000;
}

/* ==========================================================
   🔥 OCULTAR SLIDER (DOTS) CUANDO MODAL ESTÁ ABIERTO
=========================================================== */
body.modal-open .ui-slider,
body.modal-open .ui-slider-handle,
body.modal-open .ui-slider-range {
    opacity: 0 !important;
    pointer-events: none !important;
}

.ui-slider-handle {
    z-index: 0 !important;
}


/* =====================================
   🔥 FORZAR LUPA BLANCA SIEMPRE
===================================== */
button.buscador-icono i,
button.buscador-icono,
.abrir-buscador-movil.buscador-icono i,
.abrir-buscador-movil.buscador-icono {
    color: #ffffff !important;
}

/* ================================
   🔥 BLOQUEAR HOVER ROJO EN LA LUPA
================================ */
#abrir-buscador.buscador-icono,
.abrir-buscador-movil.buscador-icono {
    background-color: transparent !important;
    color: white !important;
}

/* Hover Fijo */
#abrir-buscador.buscador-icono:hover,
#abrir-buscador.buscador-icono:hover i,
.abrir-buscador-movil.buscador-icono:hover,
.abrir-buscador-movil.buscador-icono:hover i {
    background-color: transparent !important;
    color: white !important;
}

/* También bloqueamos cualquier style inline raro */
#abrir-buscador.buscador-icono i,
.abrir-buscador-movil.buscador-icono i {
    color: white !important;
}


/* 🔥 El ícono también debe tener tamaño limpio */
#abrir-buscador i,
.abrir-buscador-movil i,
.buscador-icono i {
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}

/* 🔥 Corrige ancho incorrecto del contenedor del botón hamburguesa en móvil */
@media (max-width: 767px) {
  .elementor-element.elementor-element-4845070 {
    width: 10% !important; /* o incluso 8% si quieres más precisión */
    max-width: 10% !important;
    flex: 0 0 10% !important;
  }
}




@media (max-width: 1024px) {
  .sticky-header .elementor-container {
    background-color: #000000 !important;
  }
}




/* Asegura posicionamiento en cards del catálogo */
.woocommerce ul.products li.product {
  position: relative;
}

/* ✅ Wrapper en flujo normal (NO absoluto) */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link > .ls-vv-wrap{
  position: relative;
  margin: 10px 10px 0;
  z-index: 5;
  pointer-events: none;
}

/* CENEFA */
.ls-vv-ribbon{
  height: 28px; /* prueba 26–30 */
  border-radius: 12px 12px 0 0;
  background-image: url("/wp-content/uploads/2026/02/cenefa-venta-en-verde.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
background-color: #ffffff; /* por si queda espacio */

  box-shadow: 0 6px 18px rgba(0,0,0,.12);
  overflow: hidden;
}

@media (max-width: 768px){
  .ls-vv-ribbon{ height: 26px; }
}


/* oculta el texto porque la imagen ya lo trae */
.ls-vv-ribbon span{
  display: none !important;
}

/* Franja "Entrega el ..." */
.ls-vv-delivery{
  background: rgba(255,255,255,.92);
  color: #1c1c1c;
  font-weight: 800;
  font-size: 14px;
  padding: 8px 12px;
  border: 1px solid rgba(0,0,0,.06);
  border-top: 0;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.08);
}

/* ✅ deja espacio para que el círculo pueda “bajar” sobre la imagen */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link > .ls-vv-wrap + img{
  margin-top: 14px;
}

/* ✅ Círculo descuento: sobre la imagen */
.ls-vv-discount{
  position: absolute;
  left: 12px;
  bottom: -28px; /* esto hace que se monte SOBRE la imagen */
  width: 62px;
  height: 62px;
  border-radius: 999px;
  background: #2E7D32;
  color: #fff;
  font-weight: 900;
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 10px 22px rgba(0,0,0,.18);
  border: 3px solid rgba(255,255,255,.85);
  z-index: 30;
}

/* Mobile: ajusta proporciones */
@media (max-width: 768px){
  .ls-vv-ribbon{ height: 34px; }
  .ls-vv-discount{
    width: 56px;
    height: 56px;
    font-size: 16px;
    bottom: -24px;
  }
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link > .ls-vv-wrap + img{
    margin-top: 12px;
  }
}


/* =========================================
   AJUSTES: círculo descuento + texto entrega
   ========================================= */

/* Achicar "Entrega el 06-03-2026" */
.ls-vv-delivery{
  font-size: 12px !important;
  line-height: 1.15 !important;
  padding: 7px 10px !important;
}

/* Círculo descuento (productos en verde):
   - mismo verde del theme (#9fc93f)
   - tamaño similar a .onsale (60x60)
   - a la mitad de la imagen, alineado a la derecha
*/
/* ✅ Ancla el círculo al LINK completo (no al wrap) */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
}

/* ✅ Círculo: a mitad de la FOTO */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ls-vv-discount{
  position: absolute !important;
  left: 12px !important;
  right: auto !important;

  /* 36px = alto ribbon (36) + padding/margen del wrap (10 aprox)
     150px = mitad de una miniatura 300x300
     Ajusta SOLO este número para bajar/subir */
  top: calc(36px + 170px) !important;

  transform: translateY(-50%) !important;

  width: 60px !important;
  height: 60px !important;
  background: #9fc93f !important;
  color: #fff !important;
  border-radius: 999px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 800 !important;
  font-size: 16px !important;
  z-index: 50 !important;
  pointer-events: none !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
  border: 3px solid rgba(255,255,255,.85) !important;
}

/* Mobile */
@media (max-width: 768px){
  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ls-vv-discount{
    top: calc(34px + 135px) !important; /* ajustable */
    width: 54px !important;
    height: 54px !important;
    font-size: 14px !important;
    right: 10px !important;
  }
}


/* tus badges/cenefas por debajo del header */
.limitesur-badges,
.ls-vv-wrap,
.ls-vv-discount{
  z-index: 10 !important;
}


/* ===========================
   BADGES EN FICHA DE PRODUCTO
   =========================== */

.single-product .limitesur-badges-single{
  margin: 10px 0 14px !important;
}

.single-product .limitesur-badges-single .limitesur-badges{
  position: static !important;
  transform: none !important;
  width: auto !important;

  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-start !important;
  align-items: center !important;
  gap: 8px !important;
  pointer-events: auto !important;
}

/* Pills más “pro”, con mejor legibilidad */
.single-product .limitesur-badges-single .limitesur-badge{
  font-size: 12px !important;
  font-weight: 800 !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;

  /* clave para que no se vea “una línea eterna” */
  white-space: normal !important;
  max-width: 100% !important;
}

/* Si quieres que el verde no sea TAN largo, le das un ancho máx y se parte bonito */
.single-product .limitesur-badges-single .limitesur-badge[data-type="solo-online"]{
  max-width: 520px !important; /* ajustable */
}

/* Mobile: un poquito más compacto */
@media (max-width: 768px){
  .single-product .limitesur-badges-single .limitesur-badge{
    font-size: 11px !important;
    padding: 5px 9px !important;
  }
}



.ls-vv-days{
  font-weight: 700;
  opacity: .85;
  margin-left: 4px;
  white-space: nowrap;
}


/* ================================
   FIX: Header SIEMPRE sobre badges
   ================================ */

/* 1) Sube el header real de Elementor */
header.elementor-location-header,
.elementor-location-header {
  position: relative !important;
  z-index: 999999 !important;
}

/* 2) Si tu header es sticky, asegúralo también */
header.elementor-location-header.elementor-sticky--effects,
.elementor-location-header .elementor-sticky--effects,
.elementor-sticky--active {
  z-index: 999999 !important;
}

/* 3) Baja todo lo de badges/porcentajes (y asegura que z-index aplique) */
.limitesur-badges,
.ls-vv-wrap,
.ls-vv-discount,
.woocommerce .onsale {
  z-index: 10 !important;
}




/* =========================================
   FIX REAL: Sticky header de Elementor sobre todo
   (tu sticky está en z-index: 2)
========================================= */

/* El sticky puede ser SECTION o un elemento interno */
.elementor-sticky--active,
.elementor-sticky--effects,
section.elementor-sticky--active,
section.elementor-sticky--effects,
.elementor-section.elementor-sticky--active,
.elementor-section.elementor-sticky--effects {
  z-index: 2147483000 !important;
}

/* Asegura que el contenedor del header también quede arriba */
header.elementor-location-header,
.elementor-location-header {
  position: relative !important;
  z-index: 2147483000 !important;
}


/* =========================================
   FIX BADGES ficha de producto (MÓVIL)
========================================= */
@media (max-width: 768px){

  /* contenedor */
  .single-product .limitesur-badges-single{
    margin: 8px 0 12px !important;
  }

  .single-product .limitesur-badges-single .limitesur-badges{
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 6px !important;
    align-items: flex-start !important;
  }

  /* cada badge: que no quede “largo infinito” */
  .single-product .limitesur-badges-single .limitesur-badge{
    font-size: 11px !important;
    padding: 6px 10px !important;
    line-height: 1.15 !important;

    /* clave mobile */
    white-space: normal !important;
    max-width: 100% !important;
    word-break: break-word !important;

    /* si quieres que no se vea gigante */
    display: inline-flex !important;
    align-items: center !important;
  }

  /* si el verde es el que más se rompe, lo haces 100% ancho */
  .single-product .limitesur-badges-single .limitesur-badge[data-type="solo-online"]{
    flex: 1 1 100% !important;
  }
}


/* ✅ Single product: badges bien centrados en móvil */
@media (max-width: 768px){

  /* contenedor de los badges */
  .single-product .limitesur-badges-single .limitesur-badges{
    display: flex !important;
    flex-direction: column !important;   /* uno debajo del otro (más limpio en móvil) */
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
  }

  /* cada pill */
  .single-product .limitesur-badges-single .limitesur-badge{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;

    font-size: 11px !important;
    padding: 6px 10px !important;
    line-height: 1.15 !important;

    white-space: normal !important;
    word-break: break-word !important;
    max-width: 100% !important;
  }

  /* el verde largo ocupa todo el ancho, pero centrado */
  .single-product .limitesur-badges-single .limitesur-badge[data-type="solo-online"]{
    width: 100% !important;
  }
}


/* ✅ MENÚ STICKY EN MÓVIL (forzado) */
@media (max-width: 1024px){

  /* el header completo queda fijo arriba */
  header.elementor-location-header,
  .elementor-location-header{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 2147483000 !important;
  }

  /* evita que algo lo “corte” */
  body{
    padding-top: 90px; /* AJUSTA: 70–120 según altura real del header */
  }
}


/* =========================
   Elementor N Menu: contraer items (menos espacio entre botones)
   ========================= */
/* SOLO menú #137 (tu header actual) */
nav.e-n-menu[data-widget-number="137"] .e-n-menu-title,
nav.e-n-menu[data-widget-number="137"] .e-n-menu-title-container{
  padding: 2px 6px !important;  /* <-- achica aquí */
  line-height: 1.05 !important;
}

/* Menos espacio entre botones */
nav.e-n-menu[data-widget-number="137"] .e-n-menu-heading{
  gap: 4px !important;          /* <-- achica aquí */
}



.woocommerce-cart form.woocommerce-shipping-calculator {
    margin: 0 !important;
    padding: 0 !important;
}

.woocommerce-cart form.woocommerce-shipping-calculator .shipping-calculator-button {
    display: none !important;
}









/* =========================================================
   FIX CATÁLOGO - CARDS PAREJAS + BADGES SIN MONTARSE
   (Venta en Verde + Onsale) 300x300
   ========================================================= */

/* Ajusta estos 3 valores si quieres mover todo 1 vez */
:root{
  --ls-top-space: 78px;      /* espacio reservado arriba para TODOS */
  --ls-circle-size: 60px;    /* tamaño del círculo */
  --ls-img-mid: 150px;       /* mitad de imagen 300x300 */
}

/* Card */
.woocommerce ul.products li.product,
li.wvs-archive-product-wrapper.product{
  position: relative !important;
  align-self: flex-start !important;
}

/* Link principal: TODOS reservan el mismo espacio arriba */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  display: block !important;
  padding-top: var(--ls-top-space) !important; /* <-- clave para emparejar filas */
}

/* Imagen: sin margen extra */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

/* =======================
   VENTA EN VERDE (caja)
   ======================= */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link > .ls-vv-wrap{
  position: absolute !important;
  top: 8px !important;
  left: 8px !important;
  right: 8px !important;
  margin: 0 !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

/* Cenefa */
.woocommerce ul.products li.product .ls-vv-ribbon{
  height: 26px !important;
  border-radius: 12px 12px 0 0 !important;
  background-image: url("/wp-content/uploads/2026/02/cenefa-venta-en-verde.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
  overflow: hidden !important;
}
.woocommerce ul.products li.product .ls-vv-ribbon span{
  display: none !important;
}

/* Entrega */
.woocommerce ul.products li.product .ls-vv-delivery{
  background: rgba(255,255,255,.92) !important;
  color: #1c1c1c !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
}

.ls-vv-days{
  font-weight: 700;
  opacity: .85;
  margin-left: 4px;
  white-space: nowrap;
}

/* =======================
   CÍRCULO DESCUENTO (Venta en Verde)
   - a mitad de la imagen, DERECHA
   ======================= */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link .ls-vv-discount{
  position: absolute !important;
  width: var(--ls-circle-size) !important;
  height: var(--ls-circle-size) !important;
  border-radius: 999px !important;

  /* 👇 mitad de la FOTO (arranca después del espacio reservado) */
  top: calc(var(--ls-top-space) + var(--ls-img-mid)) !important;
  transform: translateY(-50%) !important;

  right: 12px !important;
  left: auto !important;

  background: #9fc93f !important;
  color: #fff !important;
  font-weight: 900 !important;
  font-size: 16px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
  border: 3px solid rgba(255,255,255,.85) !important;
  z-index: 30 !important;
  pointer-events: none !important;
}

/* =======================
   ONSALE (productos normales con oferta)
   - debe quedar SOBRE la imagen, no en el espacio reservado
   ======================= */
.woocommerce ul.products li.product .onsale{
  position: absolute !important;
  right: 12px !important;
  left: auto !important;

  /* 👇 lo bajamos para que caiga dentro de la foto */
  top: calc(var(--ls-top-space) + 12px) !important;

  width: var(--ls-circle-size) !important;
  height: var(--ls-circle-size) !important;

  background: #9fc93f !important;
  color: #fff !important;
  z-index: 30 !important;
}

/* =======================
   Mobile ajustes
   ======================= */
@media (max-width: 768px){
  :root{
    --ls-top-space: 72px;
    --ls-circle-size: 54px;
    --ls-img-mid: 135px;
  }

  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link > .ls-vv-wrap{
    top: 6px !important;
    left: 6px !important;
    right: 6px !important;
  }
  .woocommerce ul.products li.product .ls-vv-ribbon{ height: 24px !important; }
}





/* =========================================
   FIX: Badge "Agotado" anclado a la tarjeta
   (evita que se vaya arriba)
========================================= */

/* 1) La tarjeta SIEMPRE debe ser el contenedor relativo */
.woocommerce ul.products li.product {
  position: relative !important;
}

/* 2) El badge "Agotado" se posiciona respecto al li.product */
.woocommerce ul.products li.product .wcosm_soldout,
.woocommerce ul.products li.product .now_sold {
  position: absolute !important;
  top: 12px !important;
  right: 12px !important;
  left: auto !important;

  width: 60px !important;
  height: 60px !important;
  border-radius: 999px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #000 !important;
  color: #fff !important;

  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1 !important;

  z-index: 60 !important;
}

/* (Opcional) en móvil un poco más chico */
@media (max-width: 768px){
  .woocommerce ul.products li.product .wcosm_soldout,
  .woocommerce ul.products li.product .now_sold {
    top: 10px !important;
    right: 10px !important;
    width: 54px !important;
    height: 54px !important;
    font-size: 11px !important;
  }
}












/* =========================================
   LIMITE SUR — BADGES UNIFICADOS (CATÁLOGO)
   - Reserva SIEMPRE el mismo espacio arriba (con o sin Venta en Verde)
   - Venta en Verde arriba (no empuja el layout)
   - Círculos (% normal, % verde, Agotado) MISMA posición y tamaño
   - Si está Agotado: oculta % (reemplaza al círculo)
========================================= */

:root{
  --ls-top-space: 78px;     /* espacio reservado arriba (ribbon + entrega) */
  --ls-circle-size: 60px;   /* tamaño círculo (desktop) */
  --ls-img-mid: 150px;      /* mitad de imagen 300x300 */
}

@media (max-width: 768px){
  :root{
    --ls-top-space: 72px;
    --ls-circle-size: 54px;
    --ls-img-mid: 135px;
  }
}

/* 1) Ancla y reserva espacio arriba para TODOS los productos */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  display: block !important;
  padding-top: var(--ls-top-space) !important; /* 👈 clave para que NO se descuadre */
}

/* La imagen ya no necesita margen extra */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  margin-top: 0 !important;
  display: block !important;
  width: 100% !important;
  height: auto !important;
}

/* 2) Venta en Verde: se posiciona ARRIBA, dentro del espacio reservado (no empuja el producto) */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link > .ls-vv-wrap{
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: 10px !important;
  margin: 0 !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

/* Ribbon */
.woocommerce ul.products li.product .ls-vv-ribbon{
  height: 28px !important;
  border-radius: 12px 12px 0 0 !important;
  background-image: url("/wp-content/uploads/2026/02/cenefa-venta-en-verde.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-color: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
}
.woocommerce ul.products li.product .ls-vv-ribbon span{ display:none !important; }

/* Entrega */
.woocommerce ul.products li.product .ls-vv-delivery{
  background: rgba(255,255,255,.92) !important;
  color: #1c1c1c !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
}

/* 3) CÍRCULOS UNIFICADOS: misma posición (mitad imagen) y a la derecha */
.woocommerce ul.products li.product .ls-vv-discount,
.woocommerce ul.products li.product span.onsale,
.woocommerce ul.products li.product span.wcosm_soldout.now_sold{
  position: absolute !important;
  right: 12px !important;
  left: auto !important;

  top: calc(var(--ls-top-space) + var(--ls-img-mid)) !important; /* 👈 mitad de foto */
  transform: translateY(-50%) !important;

  width: var(--ls-circle-size) !important;
  height: var(--ls-circle-size) !important;
  border-radius: 999px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #fff !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  line-height: 1 !important;

  box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
  border: 3px solid rgba(255,255,255,.85) !important;
  z-index: 30 !important;
  pointer-events: none !important;
}

/* Colores */
.woocommerce ul.products li.product .ls-vv-discount{ background: #9fc93f !important; }
.woocommerce ul.products li.product span.onsale{ background: #9fc93f !important; }
.woocommerce ul.products li.product span.wcosm_soldout.now_sold{
  background: #000 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

/* 4) REGLA: si está AGOTADO, el círculo de descuento NO debe competir */
.woocommerce ul.products li.product.outofstock .ls-vv-discount,
.woocommerce ul.products li.product.outofstock span.onsale{
  display: none !important;
}

/* 5) Ajuste fino en móvil */
@media (max-width: 768px){
  .woocommerce ul.products li.product span.wcosm_soldout.now_sold{
    font-size: 11px !important;
  }
}



/* =========================================================
   LIMITE SUR — BADGES CATÁLOGO FINAL
   - Todos los productos reservan espacio arriba
   - Venta en Verde no empuja la imagen
   - % normal, % Venta Verde y Agotado quedan en la misma posición
   - Si está agotado, Agotado reemplaza al %
========================================================= */

:root{
  --ls-top-space: 78px;      /* espacio reservado para cenefa */
  --ls-circle-size: 60px;    /* tamaño círculo desktop */
  --ls-img-mid: 150px;       /* mitad imagen 300x300 */
  --ls-circle-right: 12px;   /* distancia derecha */
}

/* Card y link */
.woocommerce ul.products li.product{
  position: relative !important;
  align-self: flex-start !important;
}

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link{
  position: relative !important;
  display: block !important;
  padding-top: var(--ls-top-space) !important;
  overflow: visible !important;
}

/* Imagen 300x300 */
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link img{
  display: block !important;
  width: 100% !important;
  height: auto !important;
  margin: 0 !important;
}

/* =======================
   CENEFA VENTA EN VERDE
======================= */

.woocommerce ul.products li.product a.woocommerce-LoopProduct-link > .ls-vv-wrap{
  position: absolute !important;
  top: 10px !important;
  left: 10px !important;
  right: 10px !important;
  margin: 0 !important;
  z-index: 20 !important;
  pointer-events: none !important;
}

.woocommerce ul.products li.product .ls-vv-ribbon{
  height: 28px !important;
  border-radius: 12px 12px 0 0 !important;
  background-image: url("/wp-content/uploads/2026/02/cenefa-venta-en-verde.jpg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain !important;
  background-color: #fff !important;
  overflow: hidden !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.12) !important;
}

.woocommerce ul.products li.product .ls-vv-ribbon span{
  display: none !important;
}

.woocommerce ul.products li.product .ls-vv-delivery{
  background: rgba(255,255,255,.92) !important;
  color: #1c1c1c !important;
  font-weight: 800 !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  padding: 7px 10px !important;
  border: 1px solid rgba(0,0,0,.06) !important;
  border-top: 0 !important;
  border-radius: 0 0 12px 12px !important;
  box-shadow: 0 6px 18px rgba(0,0,0,.08) !important;
  text-align: center !important;
}

.ls-vv-days{
  font-weight: 700 !important;
  opacity: .85 !important;
  margin-left: 4px !important;
  white-space: nowrap !important;
}

/* =======================
   CÍRCULOS UNIFICADOS
   % normal, % venta verde y agotado
======================= */

.woocommerce ul.products li.product span.onsale,
.woocommerce ul.products li.product .ls-vv-discount,
.woocommerce ul.products li.product span.wcosm_soldout.now_sold{
  position: absolute !important;

  right: var(--ls-circle-right) !important;
  left: auto !important;

  top: calc(var(--ls-top-space) + var(--ls-img-mid)) !important;
  transform: translateY(-50%) !important;

  width: var(--ls-circle-size) !important;
  height: var(--ls-circle-size) !important;
  min-width: var(--ls-circle-size) !important;
  min-height: var(--ls-circle-size) !important;

  border-radius: 999px !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  margin: 0 !important;
  padding: 0 !important;

  color: #fff !important;
  font-weight: 900 !important;
  font-size: 16px !important;
  line-height: 1 !important;
  text-align: center !important;

  box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;
  border: 3px solid rgba(255,255,255,.85) !important;

  z-index: 40 !important;
  pointer-events: none !important;
}

/* Verde descuento */
.woocommerce ul.products li.product span.onsale,
.woocommerce ul.products li.product .ls-vv-discount{
  background: #9fc93f !important;
}

/* Negro agotado */
.woocommerce ul.products li.product span.wcosm_soldout.now_sold{
  background: #000 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  z-index: 60 !important;
}

/* Si existe Agotado, se oculta cualquier % restante */
.woocommerce ul.products li.product.outofstock span.onsale,
.woocommerce ul.products li.product.outofstock .ls-vv-discount{
  display: none !important;
}

/* Refuerzo moderno: si existe el span Agotado dentro del producto, ocultar % */
.woocommerce ul.products li.product:has(span.wcosm_soldout.now_sold) span.onsale,
.woocommerce ul.products li.product:has(span.wcosm_soldout.now_sold) .ls-vv-discount{
  display: none !important;
}

/* =======================
   MOBILE
======================= */

@media (max-width: 768px){
  :root{
    --ls-top-space: 72px;
    --ls-circle-size: 54px;
    --ls-img-mid: 135px;
    --ls-circle-right: 10px;
  }

  .woocommerce ul.products li.product a.woocommerce-LoopProduct-link > .ls-vv-wrap{
    top: 8px !important;
    left: 8px !important;
    right: 8px !important;
  }

  .woocommerce ul.products li.product .ls-vv-ribbon{
    height: 24px !important;
  }

  .woocommerce ul.products li.product .ls-vv-delivery{
    font-size: 11px !important;
    padding: 6px 8px !important;
  }

  .woocommerce ul.products li.product span.onsale,
  .woocommerce ul.products li.product .ls-vv-discount{
    font-size: 14px !important;
  }

  .woocommerce ul.products li.product span.wcosm_soldout.now_sold{
    font-size: 11px !important;
  }
}


/* =========================================================
   SINGLE PRODUCT — Badge % sobre imagen, abajo derecha
========================================================= */

.single-product .elementor-widget-woocommerce-product-images .wpgs-gallery,
.single-product .elementor-widget-woocommerce-product-images #wpgs-gallery {
  position: relative !important;
  overflow: visible !important;
}

/* Badge movido dentro de la galería */
.single-product .elementor-widget-woocommerce-product-images .wpgs-gallery > span.onsale,
.single-product .elementor-widget-woocommerce-product-images #wpgs-gallery > span.onsale {
  position: absolute !important;

  top: auto !important;
  left: auto !important;
  right: 18px !important;
  bottom: 95px !important;

  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;

  border-radius: 999px !important;
  background: #9fc93f !important;
  color: #ffffff !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 3px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;

  z-index: 80 !important;
  pointer-events: none !important;
  transform: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  .single-product .elementor-widget-woocommerce-product-images .wpgs-gallery > span.onsale,
  .single-product .elementor-widget-woocommerce-product-images #wpgs-gallery > span.onsale {
    right: 14px !important;
    bottom: 80px !important;

    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;

    font-size: 14px !important;
  }
}

/* =========================================================
   SINGLE PRODUCT — Badge circular de descuento sobre imagen
   - Corrige flasheo
   - Mueve badge nativo
   - Crea badge para Venta en Verde si no existe onsale
========================================================= */

/* Oculta el badge nativo mientras el JS lo mueve */
.single-product .elementor-widget-woocommerce-product-images:not(.ls-single-badge-ready)
  > .elementor-widget-container
  > span.onsale {
  opacity: 0 !important;
  visibility: hidden !important;
}

/* Galería como referencia */
.single-product .elementor-widget-woocommerce-product-images #wpgs-gallery,
.single-product .elementor-widget-woocommerce-product-images .wpgs-gallery {
  position: relative !important;
  overflow: visible !important;
}

/* Badge final dentro de la imagen */
.single-product .elementor-widget-woocommerce-product-images #wpgs-gallery > .ls-single-image-discount,
.single-product .elementor-widget-woocommerce-product-images .wpgs-gallery > .ls-single-image-discount {
  position: absolute !important;

  top: auto !important;
  left: auto !important;
  right: 18px !important;
  bottom: 105px !important;

  width: 60px !important;
  height: 60px !important;
  min-width: 60px !important;
  min-height: 60px !important;

  border-radius: 999px !important;
  background: #9fc93f !important;
  color: #ffffff !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-align: center !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 3px solid rgba(255,255,255,.9) !important;
  box-shadow: 0 8px 18px rgba(0,0,0,.18) !important;

  z-index: 80 !important;
  pointer-events: none !important;
  transform: none !important;
}

/* Mobile */
@media (max-width: 768px) {
  .single-product .elementor-widget-woocommerce-product-images #wpgs-gallery > .ls-single-image-discount,
  .single-product .elementor-widget-woocommerce-product-images .wpgs-gallery > .ls-single-image-discount {
    right: 14px !important;
    bottom: 85px !important;

    width: 54px !important;
    height: 54px !important;
    min-width: 54px !important;
    min-height: 54px !important;

    font-size: 14px !important;
  }
}