.mwm-modal-payment-method {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
	background-color: rgba(0, 0, 0, 0.5);
}
.mwm-modal-payment-method .background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
}
.mwm-modal-payment-method__container {
	position: relative;
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	padding: 1rem;
	background-color: #fff;
	width: 768px;
	border-radius: 0.25rem;
	box-shadow: 0rem 1rem 2rem -0.25rem rgba(0, 0, 0, 0.25);
	min-height: 14rem;
	max-height: 80%;
	z-index: 1050;
}
.mwm-modal-payment-method__heading {
	padding: 1rem 0;
	border-bottom: 1px solid #ccc;
	text-align: center;
}
.mwm-modal-payment-method__heading > h2 {
	font-size: 1.75rem;
	line-height: 1.75rem;
	margin: 0;
}
.mwm-modal-payment-method__heading > .mwm-loading-message {
	position: absolute;
	display: none;
	top: 0;
	right: 0;
	margin: 1rem;
}

.mwm-modal-payment-method__inputs {
	position: relative;
	height: 100%;
	width: 100%;
	padding: 0.5rem 0;
	border-bottom: 1px solid #ccc;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
}
.mwm-modal-payment-method__inputs input[type='text'] {
	padding: 0.8rem 2rem;
	font-size: 0.9rem;
	width: 45%;
	min-width: 200px;
}
.mwm-modal-payment-method__inputs #mwm-store-change-stores-from {
	padding: 0.8rem 2rem;
	font-size: 0.9rem;
	width: 45%;
	min-width: 200px;
}
.mwm-modal-payment-method__inputs .mwm-modal-payment-method__inputs__clear {
	font-size: 1.5rem;
	text-decoration: none;
	padding: 0.5rem 1rem;
	color: #000;
	border: 1px solid rgb(118, 118, 118);
	background-color: #fff;
	transition: all 200ms ease-in-out;
}
.mwm-modal-payment-method__inputs
	.mwm-modal-payment-method__inputs__clear:hover {
	background-color: #eee;
}

#list-of-products-ajax {
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	width: 100%;
	padding: 0;
	list-style: none;
	max-height: 21rem;
	overflow-y: auto;
	background-color: #fff;
	z-index: 1000;
	margin: 0;
	border: 1px solid #ddd;
}

#list-of-products-ajax li {
	padding: 0.5rem 1rem;
	border-bottom: 1px solid #ddd;
	background-color: #fff;
}

#list-of-products-ajax li:hover {
	background-color: #eee;
}

.mwm-modal-payment-method__content {
	flex-grow: 1;
	overflow-y: auto;
	position: relative;
	height: 100%;
	width: 100%;
	min-height: 300px;
}
.mwm-modal-payment-method__nav {
	border-top: 1px solid #ccc;
	text-align: right;
	padding: 2rem 0 1rem;
}
.mwm-modal-payment-method__nav > .button {
	background-color: #09adaa;
	box-shadow: 0rem 0.5rem 1rem -0.125rem rgba(0, 0, 0, 0.25);
	padding: 0.8rem 2rem;
	border-radius: 0.5rem;
	color: #fff;
	text-decoration: none;
	font-size: 0.9rem;
	transition: transform 0.25s, box-shadow 0.25s;
}
.mwm-modal-payment-method__nav > .button:hover {
	box-shadow: 0rem 0rem 1rem -0.125rem rgba(0, 0, 0, 0.25);
	transform: translateY(-0.5rem);
}
.mwm-modal-payment-method__nav > small {
	color: #777;
	margin-right: 1rem;
}

#mwm-modal-payment-method__select {
	border-width: 2px;
	box-sizing: border-box;
	height: 2rem;
	padding-left: 1rem;
	padding-right: 2rem;
	flex-grow: 1;
}
#mwm-modal-payment-method__select:focus {
	outline: none;
	border-color: var(--focused-border-color);
}
.mwm-modal-payment-method .mwm-862-input-payment {
	width: 150px;
	font-size: 1.5rem;
}

#mwm-store-change-stores-from,
#mwm-store-change-stores-to {
	padding: 0.8rem 2rem;
	font-size: 0.9rem;
}

#mwm-modal-payment-method__content-ul {
	padding: 0;
	list-style: none;
	margin: 0;
}

#mwm-modal-payment-method__content-ul .list-of-content-item {
	padding: 1rem;
	border-bottom: 1px solid #ddd;
}

#mwm-modal-payment-method__content-ul .list-of-content-item .item-actions {
	display: inline-block;
}

#mwm-modal-payment-method__content-ul
	.list-of-content-item
	.item-actions
	.remove-element {
	color: red;
	margin-left: 10px;
	font-family: 'Helvetica', 'Arial', sans-serif;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

/* Estilos para la tabla de stock por tienda */
.mwm-stock-table-container {
	margin: 2rem 0 4rem 0;
	padding: 1.5rem;
	background-color: #f8f9fa;
	border: 1px solid #e9ecef;
	border-radius: 8px;
}

.mwm-stock-table-title {
	font-size: 1.25rem;
	font-weight: 600;
	margin: 0 0 1rem 0;
	color: #333;
	border-bottom: 2px solid #007cba;
	padding-bottom: 0.5rem;
}

/* Estilos para tabla compacta de productos variables */
.mwm-stock-table-compact {
	table-layout: fixed;
}

.mwm-stock-table-compact .variation-name {
	font-weight: 500;
	color: #333;
	background-color: #f8f9fa;
	width: 200px;
	min-width: 150px;
}

.mwm-stock-table-compact th {
	text-align: center;
	vertical-align: middle;
}

.mwm-stock-table-compact .stock-quantity {
	text-align: center;
	vertical-align: middle;
	font-weight: 600;
}

.mwm-stock-table {
	width: 100%;
	border-collapse: collapse;
	background-color: #fff;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.mwm-stock-table thead {
	background-color: #007cba;
	color: #fff;
}

.mwm-stock-table th {
	padding: 0.75rem 1rem;
	text-align: left;
	font-weight: 600;
	font-size: 0.9rem;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.mwm-stock-table td {
	padding: 0.75rem 1rem;
	border-bottom: 1px solid #e9ecef;
	font-size: 0.9rem;
}

.mwm-stock-table tbody tr:hover {
	background-color: #f8f9fa;
}

.mwm-stock-table tbody tr.in-stock .stock-quantity {
	color: #28a745;
	font-weight: 600;
}

.mwm-stock-table tbody tr.out-of-stock .stock-quantity {
	color: #dc3545;
	font-weight: 600;
}

.mwm-stock-table .store-name {
	font-weight: 500;
	color: #333;
}

.mwm-stock-table .stock-quantity {
	text-align: center;
}

/* Responsive para móviles */
@media (max-width: 768px) {
	.mwm-stock-table-container {
		margin: 1rem 0;
		padding: 1rem;
		overflow-x: auto;
	}
	
	.mwm-stock-table {
		font-size: 0.8rem;
		min-width: 400px;
	}
	
	.mwm-stock-table th,
	.mwm-stock-table td {
		padding: 0.5rem 0.75rem;
	}
	
	.mwm-stock-table-title {
		font-size: 1.1rem;
	}
	
	.mwm-stock-table-compact .variation-name {
		width: 120px;
		min-width: 100px;
		font-size: 0.75rem;
	}
	
	.mwm-stock-table-compact th,
	.mwm-stock-table-compact td {
		padding: 0.4rem 0.5rem;
		font-size: 0.75rem;
	}
}

@media (max-width: 480px) {
	.mwm-stock-table-container {
		padding: 0.5rem;
	}
	
	.mwm-stock-table {
		font-size: 0.7rem;
		min-width: 350px;
	}
	
	.mwm-stock-table-compact .variation-name {
		width: 100px;
		min-width: 80px;
		font-size: 0.7rem;
	}
	
	.mwm-stock-table-compact th,
	.mwm-stock-table-compact td {
		padding: 0.3rem 0.4rem;
		font-size: 0.7rem;
	}
}

/* ===== MOBILE (hasta 767px) ===== */
@media (max-width: 767px) {
	.berocket_alabel_id_181879 {
	  display: block !important;
	}
  
	.berocket_alabel_id_181880 {
	  display: none !important;
	}
}
  
/* ===== ESCRITORIO (desde 768px) ===== */
@media (min-width: 768px) {
	.berocket_alabel_id_181879 {
		display: none !important;
	}

	.berocket_alabel_id_181880 {
		display: block !important;
	}
}

/* =============================================
   MAILPOET POPUP - ESTILOS MODERNOS
   ============================================= */

/* Contenedor principal del popup */
#mp_form_popup2.mailpoet_form_popup {
	background: #ffffff !important;
	border-radius: 16px !important;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(0, 0, 0, 0.05) !important;
	padding: 40px 35px !important;
	max-width: 420px !important;
	width: 90% !important;
	animation: mwm-popup-appear 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
	z-index: 99999999999999999999999999999999999 !important;
}

@keyframes mwm-popup-appear {
	0% {
		opacity: 0;
		transform: scale(0.9) translateY(20px);
	}
	100% {
		opacity: 1;
		transform: scale(1) translateY(0);
	}
}

/* Título del popup */
#mp_form_popup2 h3.mailpoet-heading,
#mp_form_popup2 .mailpoet-heading {
	font-size: 22px !important;
	font-weight: 700 !important;
	color: #000000 !important;
	margin-bottom: 8px !important;
	letter-spacing: -0.5px !important;
	line-height: 1.3 !important;
}

#mp_form_popup2 h3.mailpoet-heading span {
	color: #000000 !important;
	background: linear-gradient(135deg, #fff205 0%, #FFD700 100%) !important;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	background-clip: text !important;
}

/* Campo de email */
#mp_form_popup2 .mailpoet_text[type="email"],
#mp_form_popup2 input.mailpoet_text {
	width: 100% !important;
	padding: 16px 20px !important;
	font-size: 15px !important;
	border: 2px solid #e5e7eb !important;
	border-radius: 12px !important;
	background-color: #f9fafb !important;
	transition: all 0.3s ease !important;
	margin-bottom: 16px !important;
	box-sizing: border-box !important;
	font-family: inherit !important;
	color: #374151 !important;
}

#mp_form_popup2 .mailpoet_text[type="email"]:focus,
#mp_form_popup2 input.mailpoet_text:focus {
	outline: none !important;
	border-color: #fff205 !important;
	background-color: #ffffff !important;
	box-shadow: 0 0 0 4px rgba(255, 242, 5, 0.2) !important;
}

#mp_form_popup2 .mailpoet_text[type="email"]::placeholder,
#mp_form_popup2 input.mailpoet_text::placeholder {
	color: #9ca3af !important;
	font-weight: 400 !important;
}

/* Botón de envío */
#mp_form_popup2 .mailpoet_submit,
#mp_form_popup2 input.mailpoet_submit {
	width: 100% !important;
	padding: 16px 24px !important;
	font-size: 15px !important;
	font-weight: 700 !important;
	text-transform: uppercase !important;
	letter-spacing: 1.5px !important;
	border: 2px solid #000000 !important;
	border-radius: 12px !important;
	background: linear-gradient(135deg, #fff205 0%, #FFD700 100%) !important;
	color: #000000 !important;
	cursor: pointer !important;
	transition: all 0.3s ease !important;
	box-shadow: 0 4px 15px rgba(255, 242, 5, 0.4), 0 0 0 0 rgba(0, 0, 0, 0.1) !important;
	margin-top: 4px !important;
}

#mp_form_popup2 .mailpoet_submit:hover,
#mp_form_popup2 input.mailpoet_submit:hover {
	transform: translateY(-2px) !important;
	box-shadow: 0 8px 25px rgba(255, 242, 5, 0.5), 0 0 0 2px rgba(0, 0, 0, 0.1) !important;
	background: linear-gradient(135deg, #FFE600 0%, #FFD700 100%) !important;
	border-color: #000000 !important;
}

#mp_form_popup2 .mailpoet_submit:active,
#mp_form_popup2 input.mailpoet_submit:active {
	transform: translateY(0) !important;
	box-shadow: 0 4px 15px rgba(255, 242, 5, 0.4) !important;
}

/* Texto legal / política de privacidad */
#mp_form_popup2 p.mailpoet_form_paragraph.last,
#mp_form_popup2 .mailpoet_form_paragraph.last {
	font-size: 11px !important;
	color: #6b7280 !important;
	margin-top: 20px !important;
	line-height: 1.6 !important;
	text-align: center !important;
}

#mp_form_popup2 p.mailpoet_form_paragraph.last a,
#mp_form_popup2 .mailpoet_form_paragraph.last a {
	color: #fff205 !important;
	text-decoration: none !important;
	font-weight: 600 !important;
	transition: color 0.2s ease !important;
}

#mp_form_popup2 p.mailpoet_form_paragraph.last a:hover,
#mp_form_popup2 .mailpoet_form_paragraph.last a:hover {
	color: #FFD700 !important;
	text-decoration: underline !important;
}

/* Botón de cerrar */
#mp_form_popup2 .mailpoet_form_close_icon {
	position: absolute !important;
	top: 16px !important;
	right: 16px !important;
	width: 36px !important;
	height: 36px !important;
	padding: 0 !important;
	border-radius: 50% !important;
	background-color: rgba(255, 255, 255, 0.95) !important;
	border: 1.5px solid #e5e7eb !important;
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
	cursor: pointer !important;
	opacity: 1 !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
	backdrop-filter: blur(10px) !important;
	-webkit-backdrop-filter: blur(10px) !important;
}

#mp_form_popup2 .mailpoet_form_close_icon:hover {
	background-color: #fff205 !important;
	border-color: #fff205 !important;
	transform: rotate(90deg) scale(1.1) !important;
	box-shadow: 0 4px 16px rgba(255, 242, 5, 0.35) !important;
}

/* Mensajes de éxito/error */
#mp_form_popup2 .mailpoet_validate_success {
	background: linear-gradient(135deg, #fff205 0%, #FFD700 100%) !important;
	color: #000000 !important;
	padding: 16px 20px !important;
	border-radius: 12px !important;
	font-weight: 600 !important;
	text-align: center !important;
	margin-top: 16px !important;
	border: 2px solid #000000 !important;
}

#mp_form_popup2 .mailpoet_validate_error,
#mp_form_popup2 .parsley-errors-list {
	color: #ef4444 !important;
	font-size: 12px !important;
	margin-top: 8px !important;
	font-weight: 500 !important;
}

/* Spinner de carga */
#mp_form_popup2 .mailpoet_form_loading > span {
	background-color: #000000 !important;
	width: 8px !important;
	height: 8px !important;
	border-radius: 50% !important;
}

/* Asegurar que la imagen del botón de cerrar sea visible */
#mp_form_popup2 .mailpoet_form_close_icon img,
#mp_form_popup2 .mailpoet_form_close_icon svg {
	filter: brightness(0) !important; /* Hace la X negra */
	width: 18px !important;
	height: 18px !important;
	display: block !important;
	opacity: 0.6 !important;
	transition: opacity 0.2s ease !important;
}

#mp_form_popup2 .mailpoet_form_close_icon:hover img,
#mp_form_popup2 .mailpoet_form_close_icon:hover svg {
	filter: brightness(0) !important; /* Mantiene la X negra en hover */
	opacity: 1 !important;
}

/* Overlay/fondo del popup */
.mailpoet_form_popup_overlay {
	background: rgba(0, 0, 0, 0.6) !important;
	backdrop-filter: blur(4px) !important;
	-webkit-backdrop-filter: blur(4px) !important;
	z-index: 999998 !important;
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	width: 100% !important;
	height: 100% !important;
}

/* Responsive para móviles */
@media (max-width: 500px) {
	#mp_form_popup2.mailpoet_form_popup {
		padding: 30px 24px !important;
		border-radius: 20px !important;
		max-width: 90% !important;
		width: 90% !important;
		margin: 0 auto !important;
		max-height: 85vh !important;
		animation: mwm-popup-slide-up 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) !important;
		z-index: 999999999999999999999999999999999 !important;
		position: fixed !important;
		top: 50% !important;
		left: 50% !important;
		transform: translate(-50%, -50%) !important;
	}
	
	.mailpoet_form_popup_overlay {
		z-index: 999998 !important;
	}

	@keyframes mwm-popup-slide-up {
		0% {
			opacity: 0;
			transform: translate(-50%, -50%) scale(0.9);
		}
		100% {
			opacity: 1;
			transform: translate(-50%, -50%) scale(1);
		}
	}

	#mp_form_popup2 h3.mailpoet-heading,
	#mp_form_popup2 .mailpoet-heading {
		font-size: 18px !important;
	}

	#mp_form_popup2 .mailpoet_text[type="email"],
	#mp_form_popup2 input.mailpoet_text {
		padding: 14px 16px !important;
		font-size: 16px !important; /* Evita zoom en iOS */
	}

	#mp_form_popup2 .mailpoet_submit,
	#mp_form_popup2 input.mailpoet_submit {
		padding: 14px 20px !important;
		font-size: 14px !important;
	}

	#mp_form_popup2 .mailpoet_form_close_icon {
		top: 12px !important;
		right: 12px !important;
		width: 32px !important;
		height: 32px !important;
	}
	
	#mp_form_popup2 .mailpoet_form_close_icon img,
	#mp_form_popup2 .mailpoet_form_close_icon svg {
		width: 16px !important;
		height: 16px !important;
	}
}

/* =============================================
   WISHLIST – Corazón arriba a la izquierda sobre la imagen
   ============================================= */

/* Contenedor: contexto para posicionar el wishlist */
.products li.product,
.single-product div.product {
	position: relative;
}

/* Wishlist: esquina superior izquierda sobre la imagen */
.products li.product .yith-wcwl-add-to-wishlist,
.single-product div.product .yith-wcwl-add-to-wishlist {
	position: absolute;
	top: 8px;
	left: 8px;
	z-index: 10;
}