/* LOR CSS Manager v0.1.2 | Scope: sidecart | Generated: 2026-08-03 17:47:06 UTC */


/* =========================================================
   Side cart — Base, ancho y botón finalizar compra
   Código: M013 | ID técnico: sidecart-base-boton-checkout | Orden de carga: 120 | Ámbito: sidecart
========================================================= */
/* LOR — Side cart de Elementor por encima del popup flotante */
body .elementor-menu-cart__container,
body .elementor-menu-cart__container.elementor-lightbox,
body .elementor-menu-cart__container.elementor-menu-cart--shown {
	z-index: 999999 !important;
}

body .elementor-menu-cart__container .elementor-menu-cart__main {
	z-index: 1000000 !important;
}

/* LOR — Aumentar ancho del side cart de Elementor en desktop */
@media (min-width: 1025px) {
	body .elementor-menu-cart__container .elementor-menu-cart__main {
		width: 460px !important;
		max-width: 460px !important;
	}

	body .elementor-menu-cart__container {
		--side-cart-width: 460px;
	}
}

/* LOR — Carrito: centrar controles de cantidad en desktop */
@media (min-width: 768px) {
	.woocommerce-cart table.cart th.product-quantity,
	.woocommerce-cart table.shop_table th.product-quantity {
		text-align: center !important;
	}

	.woocommerce-cart table.cart td.product-quantity,
	.woocommerce-cart table.shop_table td.product-quantity {
		text-align: center !important;
		vertical-align: middle !important;
	}

	.woocommerce-cart table.cart td.product-quantity .lor-cart-qty-control,
	.woocommerce-cart table.shop_table td.product-quantity .lor-cart-qty-control {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

/* LOR — Side Cart Elementor: estructura del botón "Finalizar compra"
   Los colores vienen de las variables globales de botones.
   No se fuerza font-size; el font-weight se mantiene en 400. */

body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button--checkout,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/checkout"],
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/finalizar-compra"],
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a.checkout,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/checkout"],
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/finalizar-compra"] {
	width: 100% !important;
	min-height: 52px !important;
	padding: 15px 22px !important;

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

	background: var(--lor-btn-bg, #295E67) !important;
	color: var(--lor-btn-text, #FFF6E7) !important;
	border: 1px solid var(--lor-btn-border, #295E67) !important;
	border-radius: 4px !important;

	font-weight: 400 !important;
	line-height: 1.2 !important;
	text-align: center !important;
	text-decoration: none !important;

	box-shadow: none !important;
	transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, transform 180ms ease, opacity 180ms ease !important;
}

/* Flecha sutil al final: usa em para acompañar el tamaño global del botón */
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button--checkout::after,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/checkout"]::after,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/finalizar-compra"]::after,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a.checkout::after,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/checkout"]::after,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/finalizar-compra"]::after {
	content: "→";
	display: inline-block;
	margin-left: 2px;
	font-size: 1.15em;
	line-height: 1;
	transform: translateY(-1px);
}

/* Hover */
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/checkout"]:hover,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/finalizar-compra"]:hover,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a.checkout:hover,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/checkout"]:hover,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/finalizar-compra"]:hover {
	background: var(--lor-btn-bg-hover, #CAB5EA) !important;
	border-color: var(--lor-btn-border-hover, #CAB5EA) !important;
	color: var(--lor-btn-text-hover, #234B52) !important;
	transform: translateY(-1px) !important;
	text-decoration: none !important;
}

/* Click */
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button--checkout:active,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/checkout"]:active,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/finalizar-compra"]:active,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a.checkout:active,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/checkout"]:active,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/finalizar-compra"]:active {
	transform: translateY(0) !important;
	opacity: 0.92 !important;
}

/* Accesibilidad focus */
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button--checkout:focus,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/checkout"]:focus,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/finalizar-compra"]:focus,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a.checkout:focus,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/checkout"]:focus,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/finalizar-compra"]:focus {
	outline: 2px solid var(--lor-btn-bg, #295E67) !important;
	outline-offset: 3px !important;
}

/* Mobile: solo estructura/espaciado; no se fuerza tamaño de fuente */
@media (max-width: 767px) {
	body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button--checkout,
	body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/checkout"],
	body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/finalizar-compra"],
	body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a.checkout,
	body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/checkout"],
	body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/finalizar-compra"] {
		min-height: 50px !important;
		padding: 14px 20px !important;
	}
}

/* =========================================================
   LOR — Side Cart Elementor: forzar color de texto hover
   Necesario porque Elementor usa spans internos como .elementor-button-text
========================================================= */

body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/checkout"]:hover,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/finalizar-compra"]:hover,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a.checkout:hover,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/checkout"]:hover,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/finalizar-compra"]:hover {
	background-color: #CAB5EA !important;
	background: #CAB5EA !important;
	border-color: #CAB5EA !important;
	color: #234B52 !important;
}

body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover *,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/checkout"]:hover *,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a[href*="/finalizar-compra"]:hover *,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a.checkout:hover *,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/checkout"]:hover *,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a[href*="/finalizar-compra"]:hover * {
	color: #234B52 !important;
}


/* =========================================================
   Side cart — Fondo panel lateral
   Código: M017 | ID técnico: sidecart-fondo-panel | Orden de carga: 160 | Ámbito: sidecart
========================================================= */
/* =========================================================
   LOR — Side cart Elementor: fondo SOLO del panel lateral
========================================================= */

:root {
	--lor-sidecart-bg: #fbf1e5;
}

/* Overlay general: NO pintarlo con el fondo del carrito */
body .elementor-menu-cart__container {
	background: rgba(0, 0, 0, 0.28) !important;
}

/* Panel lateral derecho */
body .elementor-menu-cart__container .elementor-menu-cart__main {
	background: var(--lor-sidecart-bg) !important;
	background-color: var(--lor-sidecart-bg) !important;
}

/* Contenido interno del panel */
body .elementor-menu-cart__container .widget_shopping_cart_content,
body .elementor-menu-cart__container .elementor-menu-cart__products,
body .elementor-menu-cart__container .elementor-menu-cart__subtotal,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons,
body .elementor-menu-cart__container .woocommerce-mini-cart,
body .elementor-menu-cart__container .woocommerce-mini-cart__total,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons {
	background: var(--lor-sidecart-bg) !important;
	background-color: var(--lor-sidecart-bg) !important;
}

/* Producto individual dentro del carrito */
body .elementor-menu-cart__container .elementor-menu-cart__product,
body .elementor-menu-cart__container .woocommerce-mini-cart-item,
body .elementor-menu-cart__container li.woocommerce-mini-cart-item {
	background: transparent !important;
	background-color: transparent !important;
}

/* Header / cierre */
body .elementor-menu-cart__container .elementor-menu-cart__header,
body .elementor-menu-cart__container .elementor-menu-cart__close-button {
	background: transparent !important;
	background-color: transparent !important;
}


/* =========================================================
   Side cart — Color X de cierre
   Código: M021 | ID técnico: sidecart-x-cierre | Orden de carga: 190 | Ámbito: sidecart
========================================================= */
/* =========================================================
   LOR — Side Cart Elementor: color X superior de cierre
========================================================= */

:root {
	/* Color normal de la X para cerrar el side cart */
	--lor-sidecart-close-color: #295e67;

	/* Color al pasar el mouse */
	--lor-sidecart-close-color-hover: #cab5ea;
}

/* X superior derecha: cerrar side cart */
body .elementor-menu-cart__container .elementor-menu-cart__close-button,
body .elementor-menu-cart__container .elementor-menu-cart__close-button-custom {
	color: var(--lor-sidecart-close-color) !important;
	background: transparent !important;
	border-color: transparent !important;
}

/* Cuando Elementor dibuja la X con pseudo-elementos */
body .elementor-menu-cart__container .elementor-menu-cart__close-button::before,
body .elementor-menu-cart__container .elementor-menu-cart__close-button::after,
body .elementor-menu-cart__container .elementor-menu-cart__close-button-custom::before,
body .elementor-menu-cart__container .elementor-menu-cart__close-button-custom::after {
	background: var(--lor-sidecart-close-color) !important;
	color: var(--lor-sidecart-close-color) !important;
}

/* Cuando Elementor dibuja la X con SVG */
body .elementor-menu-cart__container .elementor-menu-cart__close-button svg,
body .elementor-menu-cart__container .elementor-menu-cart__close-button svg *,
body .elementor-menu-cart__container .elementor-menu-cart__close-button-custom svg,
body .elementor-menu-cart__container .elementor-menu-cart__close-button-custom svg * {
	fill: var(--lor-sidecart-close-color) !important;
	stroke: var(--lor-sidecart-close-color) !important;
	color: var(--lor-sidecart-close-color) !important;
}

/* Hover */
body .elementor-menu-cart__container .elementor-menu-cart__close-button:hover,
body .elementor-menu-cart__container .elementor-menu-cart__close-button-custom:hover {
	color: var(--lor-sidecart-close-color-hover) !important;
	background: transparent !important;
}

body .elementor-menu-cart__container .elementor-menu-cart__close-button:hover::before,
body .elementor-menu-cart__container .elementor-menu-cart__close-button:hover::after,
body .elementor-menu-cart__container .elementor-menu-cart__close-button-custom:hover::before,
body .elementor-menu-cart__container .elementor-menu-cart__close-button-custom:hover::after {
	background: var(--lor-sidecart-close-color-hover) !important;
	color: var(--lor-sidecart-close-color-hover) !important;
}

body .elementor-menu-cart__container .elementor-menu-cart__close-button:hover svg,
body .elementor-menu-cart__container .elementor-menu-cart__close-button:hover svg *,
body .elementor-menu-cart__container .elementor-menu-cart__close-button-custom:hover svg,
body .elementor-menu-cart__container .elementor-menu-cart__close-button-custom:hover svg * {
	fill: var(--lor-sidecart-close-color-hover) !important;
	stroke: var(--lor-sidecart-close-color-hover) !important;
	color: var(--lor-sidecart-close-color-hover) !important;
}