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


/* =========================================================
   Global — Misceláneo inicial
   Código: M001 | ID técnico: global-miscelaneo-inicial | Orden de carga: 10 | Ámbito: global
========================================================= */
.star-rating span:before, .star-rating:before, .woocommerce-page .star-rating:before {
color: #eba189;
}

span.snippet-dto-porcentaje {
  font-size: 17px;  
	color: #ff0d0d;
}

span.discount-percent {
  font-size: 17px;  
	color: #ff0d0d;
}



/*"new badge" CIRCLE STYLE */
.woocommerce ul.products li.product .new-badge.onsale {
	background: #fadbdc;
	right: auto;
	color: #000;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 0.9em;
	border-radius: 0px;
	border-radius: 999px;
	min-width: 4em;
	min-height: 4em;
	line-height: 4em;
	padding: 0;
	position: absolute;
	text-align: center;
	top: .5em;
	left: .5em;
}
/* _____________________ */


/* =========================================================
   Global — Botones ecommerce base
   Código: M002 | ID técnico: botones-ecommerce-base | Orden de carga: 20 | Ámbito: global
========================================================= */
/* =========================================================
   LOR — Variables globales para botones ecommerce
   Objetivo:
   - Colores conectados a la paleta global de Astra.
   - Familia y tamaño heredados desde la configuración global.
   - Grosor de botones forzado a 400 para evitar negrita.
   - Así los botones responden a los cambios globales de tipografía, salvo el peso.
========================================================= */

/*:root {
	--lor-btn-bg: var(--ast-global-color-0, #cb866c);
	--lor-btn-bg-hover: var(--ast-global-color-1, #b9735d);
	--lor-btn-text: var(--ast-global-color-5, #ffffff);
	--lor-btn-border: var(--lor-btn-bg);
	--lor-btn-border-hover: var(--lor-btn-bg-hover);
}*/

:root {
	--lor-btn-bg: #295E67;
	--lor-btn-bg-hover: #CAB5EA;

	--lor-btn-text: #FFF6E7;
	--lor-btn-text-hover: #234B52;

	--lor-btn-border: var(--lor-btn-bg);
	--lor-btn-border-hover: var(--lor-btn-bg-hover);
}



/* Botones ecommerce: WooCommerce / Astra / Elementor side cart */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit,
.woocommerce .button,
.woocommerce-page a.button,
.woocommerce-page button.button,
.woocommerce-page input.button,
.woocommerce-page .button,
.single-product .product .single_add_to_cart_button.button,
.single-product div.product form.cart .button,
.single-product div.product .single_add_to_cart_button,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .cart-collaterals .checkout-button,
.woocommerce-cart a.checkout-button,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,
.woocommerce-checkout #payment .place-order .button,
.woocommerce-checkout #place_order,
#payment .place-order .button,
.woocommerce-cart table.cart button.button,
.woocommerce-cart table.cart input.button,
.woocommerce-cart .coupon .button,
.woocommerce-checkout form.checkout_coupon .button,
body .elementor-menu-cart__container .elementor-button,
body .elementor-menu-cart__container .elementor-button-text,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons .button {
	background-color: var(--lor-btn-bg) !important;
	color: var(--lor-btn-text) !important;
	border-color: var(--lor-btn-border) !important;
	font-family: inherit !important;
	font-weight: 400 !important;
	box-shadow: none !important;
}

/* Hover botones ecommerce */
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce .button:hover,
.woocommerce-page a.button:hover,
.woocommerce-page button.button:hover,
.woocommerce-page input.button:hover,
.woocommerce-page .button:hover,
.single-product .product .single_add_to_cart_button.button:hover,
.single-product div.product form.cart .button:hover,
.single-product div.product .single_add_to_cart_button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .cart-collaterals .checkout-button:hover,
.woocommerce-cart a.checkout-button:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce-checkout #payment .place-order .button:hover,
.woocommerce-checkout #place_order:hover,
#payment .place-order .button:hover,
.woocommerce-cart table.cart button.button:hover,
.woocommerce-cart table.cart input.button:hover,
.woocommerce-cart .coupon .button:hover,
.woocommerce-checkout form.checkout_coupon .button:hover,
body .elementor-menu-cart__container .elementor-button:hover,
body .elementor-menu-cart__container .elementor-menu-cart__footer-buttons a:hover,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons a:hover,
body .elementor-menu-cart__container .woocommerce-mini-cart__buttons .button:hover {
	background-color: var(--lor-btn-bg-hover) !important;
	/*color: var(--lor-btn-text) !important;*/
	color: var(--lor-btn-text-hover) !important;
	border-color: var(--lor-btn-border-hover) !important;
	box-shadow: none !important;
}

/* Botones deshabilitados: mantiene colores globales, pero baja opacidad */
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled],
.woocommerce input.button:disabled,
.woocommerce input.button:disabled[disabled],
.woocommerce-cart table.cart button.button:disabled,
.woocommerce-cart table.cart input.button:disabled {
	background-color: var(--lor-btn-bg) !important;
	color: var(--lor-btn-text) !important;
	border-color: var(--lor-btn-border) !important;
	font-weight: 400 !important;
	opacity: .45 !important;
}


/* =========================================================
   Global — Ajustes legado y producto básico
   Código: M003 | ID técnico: global-ajustes-legado | Orden de carga: 30 | Ámbito: global
========================================================= */
.itsnew {
	background: #fadbdc;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 600;
	color: #000;
	
}


/*  saca fecha de reseñas de cusrev*/
.datetime {
/*background: #898f92;*/
position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}
/* _________________________________ */

/*  saca Powered by de cusrev*/
.cr-credits-div {
 /*display: none;*/
	visibility: hidden;
}
/* ____________________ */



/*esconde detalle de total y subtotal para envoltorio de regalo, Wombat plugin*/
.wapf-product-totals{
	 /*display: none !important;*/
	 position: absolute;
  visibility:hidden;
   display:none;
}
/* ______________________ */



/* cambia color de texto en pestañas de productos */

/* active tabs text */

.woocommerce-tabs ul li.active a {
Color: black !important;
}

/* inactive tabs text */
.woocommerce-tabs ul li a {
Color: #cb866c !important;
}

/* inhabilita selección de texto */
*{
-moz-user-select: none; 
-ms-user-select: none; 
-khtml-user-select: none; 
-webkit-user-select: none; 
-webkit-touch-callout: none; 
user-select: none; 
}

/* video en product gallery */

.ResponsivevideoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
  float:left;
  width: 100%;
}
.ResponsivevideoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* color productos disponibles*/
.woocommerce div.product .stock {
  color: #eba189;
}


/* =========================================================
   Global — Barra de despacho gratis
   Código: M014 | ID técnico: barra-despacho-gratis | Orden de carga: 130 | Ámbito: global
========================================================= */
/* =========================================================
   LOR — Free shipping bar:
   mismo look en side cart, carrito y checkout
========================================================= */

/* Card de envío gratis */
body .elementor-menu-cart__container .lor-fs-mini-cart-wrap .lor-fs-box,
.woocommerce-cart .lor-fs-box,
.woocommerce-checkout .lor-fs-box {
	margin: 12px 0 18px 0 !important;
	padding: 14px 16px 13px 16px !important;

	background: #fff8f5 !important;
	border: 1px solid rgba(203, 134, 108, 0.24) !important;
	border-radius: 10px !important;

	box-shadow: 0 6px 18px rgba(0, 0, 0, 0.035) !important;
	box-sizing: border-box !important;
	overflow: hidden !important;
}

/* Título del bloque */
body .elementor-menu-cart__container .lor-fs-mini-cart-wrap .lor-fs-title,
.woocommerce-cart .lor-fs-title,
.woocommerce-checkout .lor-fs-title {
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	gap: 7px !important;

	margin: 0 0 10px 0 !important;
	padding: 0 !important;

	color: #2a2a2a !important;
	font-size: 14.5px !important;
	font-weight: 700 !important;
	line-height: 1.25 !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: break-word !important;
}

/* Ícono sutil antes del título */
body .elementor-menu-cart__container .lor-fs-mini-cart-wrap .lor-fs-title::before,
.woocommerce-cart .lor-fs-title::before,
.woocommerce-checkout .lor-fs-title::before {
	content: "🌿";
	display: inline-block;
	font-size: 15px;
	line-height: 1;
	transform: translateY(-1px);
}

/* Barra de progreso */
body .elementor-menu-cart__container .lor-fs-mini-cart-wrap .lor-fs-progress,
.woocommerce-cart .lor-fs-progress,
.woocommerce-checkout .lor-fs-progress {
	position: relative !important;

	height: 12px !important;
	min-height: 12px !important;
	margin: 0 0 10px 0 !important;

	background: #f7d9d5 !important;
	border: 1px solid rgba(203, 134, 108, 0.35) !important;
	border-radius: 999px !important;

	overflow: hidden !important;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.08) !important;
}

/* Relleno de la barra */
body .elementor-menu-cart__container .lor-fs-mini-cart-wrap .lor-fs-progress__fill,
.woocommerce-cart .lor-fs-progress__fill,
.woocommerce-checkout .lor-fs-progress__fill {
	height: 100% !important;
	min-height: 100% !important;
	border-radius: 999px !important;

	background-color: #ef8f8c !important;
	background-image: linear-gradient(
		45deg,
		rgba(255, 255, 255, 0.22) 25%,
		transparent 25%,
		transparent 50%,
		rgba(255, 255, 255, 0.22) 50%,
		rgba(255, 255, 255, 0.22) 75%,
		transparent 75%,
		transparent
	) !important;
	background-size: 16px 16px !important;
}

/* Texto inferior */
body .elementor-menu-cart__container .lor-fs-mini-cart-wrap .lor-fs-description,
.woocommerce-cart .lor-fs-description,
.woocommerce-checkout .lor-fs-description {
	margin: 0 !important;
	padding: 0 !important;

	color: #6f4638 !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	line-height: 1.35 !important;
	text-align: center !important;
	white-space: normal !important;
	word-break: break-word !important;
}

/* Cuando el bloque tiene links o strong internos */
body .elementor-menu-cart__container .lor-fs-mini-cart-wrap .lor-fs-box a,
body .elementor-menu-cart__container .lor-fs-mini-cart-wrap .lor-fs-box strong,
.woocommerce-cart .lor-fs-box a,
.woocommerce-cart .lor-fs-box strong,
.woocommerce-checkout .lor-fs-box a,
.woocommerce-checkout .lor-fs-box strong {
	color: inherit !important;
	font-weight: 700 !important;
}

/* Ajuste fino en carrito/checkout */
.woocommerce-cart .lor-fs-box,
.woocommerce-checkout .lor-fs-box {
	margin-top: 14px !important;
}

/* Mobile */
@media (max-width: 767px) {
	body .elementor-menu-cart__container .lor-fs-mini-cart-wrap .lor-fs-box,
	.woocommerce-cart .lor-fs-box,
	.woocommerce-checkout .lor-fs-box {
		padding: 13px 14px 12px 14px !important;
		margin-bottom: 16px !important;
	}

	body .elementor-menu-cart__container .lor-fs-mini-cart-wrap .lor-fs-title,
	.woocommerce-cart .lor-fs-title,
	.woocommerce-checkout .lor-fs-title {
		font-size: 14px !important;
	}

	body .elementor-menu-cart__container .lor-fs-mini-cart-wrap .lor-fs-description,
	.woocommerce-cart .lor-fs-description,
	.woocommerce-checkout .lor-fs-description {
		font-size: 12.8px !important;
	}
}


/* =========================================================
   Producto/Global — Misceláneo posterior
   Código: M015 | ID técnico: producto-misc-sidecart-comentado | Orden de carga: 140 | Ámbito: global
========================================================= */
/* LOR — Ocultar link "Ver carrito" después de añadir al carrito en ficha de producto */
body.single-product a.added_to_cart.wc-forward {
	display: none !important;
}


/* LOR — Side cart: recomendaciones en 2 columnas desktop y ocultas en mobile */
/*
.lor-sidecart-recos__list {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.lor-sidecart-recos__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	min-width: 0;
}

.lor-sidecart-recos__thumb {
	display: block;
	line-height: 0;
	margin-bottom: 8px;
}

.lor-sidecart-recos__thumb img {
	display: block;
	width: 78px;
	height: auto;
	border-radius: 6px;
	margin: 0 auto;
}

.lor-sidecart-recos__content {
	min-width: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.lor-sidecart-recos__name {
	display: block;
	margin: 0 0 4px;
	font-size: 12px;
	line-height: 1.25;
	text-decoration: none;
	text-align: center;
}

.lor-sidecart-recos__price {
	margin: 0 0 7px;
	font-size: 12px;
	line-height: 1.3;
	text-align: center;
}

.lor-sidecart-recos__button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 28px;
	padding: 0 9px;
	font-size: 11px;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	border-radius: 999px;
	white-space: nowrap;
}

@media (max-width: 767px) {
	.elementor-menu-cart__main .lor-sidecart-recos,
	.dialog-lightbox-widget .lor-sidecart-recos,
	.lor-sidecart-recos {
		display: none !important;
	}
}
*/


/* Ocultar SKU en página producto */

.single-product .product_meta .sku_wrapper {
    display: none !important;
}



/* La Otra Romi — espacio superior en página de producto */
body.single-product #primary {
    margin-top: 20px !important;
    padding-top: 0 !important;
}

body.single-product #content {
    padding-top: 0 !important;
}


/* =========================================================
   WooCommerce — Mensajes info/success/error
   Código: M018 | ID técnico: woocommerce-mensajes | Orden de carga: 170 | Ámbito: global
========================================================= */
/* =========================================================
   LOR — Mensajes WooCommerce
   Controla los avisos nativos de WooCommerce:
   - .woocommerce-info    = mensajes informativos, como cupón en checkout
   - .woocommerce-message = mensajes de éxito, como producto agregado
   - .woocommerce-error   = mensajes de error, como campos obligatorios faltantes

   Para cambiar colores fácilmente, edita solo las variables de :root.
========================================================= */

:root {
	/* =====================================================
	   MENSAJE INFORMATIVO
	   Ejemplos:
	   - “¿Tienes un cupón de descuento?”
	   - Avisos generales de WooCommerce
	===================================================== */

	/* Fondo del aviso informativo */
	--lor-wc-info-bg: #DCDFB2;

	/* Línea/borde superior del aviso informativo */
	--lor-wc-info-border: #295E67;

	/* Color del texto normal del aviso informativo */
	--lor-wc-info-text: #234B52;

	/* Color de los enlaces dentro del aviso informativo */
	--lor-wc-info-link: #73AA9C;

	/* Color del ícono/cuadrado a la izquierda del aviso informativo */
	--lor-wc-info-icon: #295E67;


	/* =====================================================
	   MENSAJE DE ÉXITO
	   Ejemplos:
	   - Producto agregado al carrito
	   - Cupón aplicado correctamente
	   - Pedido recibido correctamente
	===================================================== */

	/* Fondo del aviso de éxito */
	--lor-wc-success-bg: #DCDFB2;

	/* Línea/borde superior del aviso de éxito */
	--lor-wc-success-border: #295E67;

	/* Color del texto normal del aviso de éxito */
	--lor-wc-success-text: #234B52;

	/* Color de los enlaces dentro del aviso de éxito */
	--lor-wc-success-link: #73AA9C;

	/* Color del ícono/check del aviso de éxito */
	--lor-wc-success-icon: #295E67;


	/* =====================================================
	   MENSAJE DE ERROR
	   Ejemplos:
	   - Campo obligatorio sin completar
	   - Error de pago
	   - Cupón inválido
	===================================================== */

	/* Fondo del aviso de error */
	--lor-wc-error-bg: #DCDFB2;

	/* Línea/borde superior del aviso de error */
	--lor-wc-error-border: #295E67;

	/* Color del texto normal del aviso de error */
	--lor-wc-error-text: #234B52;

	/* Color de los enlaces dentro del aviso de error */
	--lor-wc-error-link: #73AA9C;

	/* Color del ícono/error del aviso */
	--lor-wc-error-icon: #295E67;
}


/* =========================================================
   Base común para todos los mensajes WooCommerce
========================================================= */

.woocommerce-info,
.woocommerce-message,
.woocommerce-error {
	/* Grosor de la línea superior */
	border-top-width: 3px !important;

	/* Quita sombra por defecto del tema/plugin */
	box-shadow: none !important;

	/* Altura de línea para mejorar lectura */
	line-height: 1.45 !important;
}


/* =========================================================
   Mensaje informativo WooCommerce
   Clase: .woocommerce-info
========================================================= */

.woocommerce-info {
	background-color: var(--lor-wc-info-bg) !important;
	border-top-color: var(--lor-wc-info-border) !important;
	color: var(--lor-wc-info-text) !important;
}

/* Ícono/cuadrado izquierdo del mensaje informativo */
.woocommerce-info::before {
	color: var(--lor-wc-info-icon) !important;
}

/* Enlaces dentro del mensaje informativo */
.woocommerce-info a {
	color: var(--lor-wc-info-link) !important;
}


/* =========================================================
   Mensaje de éxito WooCommerce
   Clase: .woocommerce-message
========================================================= */

.woocommerce-message {
	background-color: var(--lor-wc-success-bg) !important;
	border-top-color: var(--lor-wc-success-border) !important;
	color: var(--lor-wc-success-text) !important;
}

/* Ícono/check del mensaje de éxito */
.woocommerce-message::before {
	color: var(--lor-wc-success-icon) !important;
}

/* Enlaces dentro del mensaje de éxito */
.woocommerce-message a {
	color: var(--lor-wc-success-link) !important;
}


/* =========================================================
   Mensaje de error WooCommerce
   Clase: .woocommerce-error
========================================================= */

.woocommerce-error {
	background-color: var(--lor-wc-error-bg) !important;
	border-top-color: var(--lor-wc-error-border) !important;
	color: var(--lor-wc-error-text) !important;
}

/* Ícono/error del mensaje de error */
.woocommerce-error::before {
	color: var(--lor-wc-error-icon) !important;
}

/* Enlaces dentro del mensaje de error */
.woocommerce-error a {
	color: var(--lor-wc-error-link) !important;
}


/* =========================================================
   Hover de enlaces dentro de mensajes
========================================================= */

.woocommerce-info a:hover,
.woocommerce-message a:hover,
.woocommerce-error a:hover {
	opacity: 0.8 !important;
}


/* =========================================================
   LOR — Blog: márgenes y ancho de posts
   Código: M020 | ID técnico: module-ts1nkhbz | Orden de carga: 185 | Ámbito: global
========================================================= */
/* =========================================================
   LOR — Blog: márgenes y ancho de posts
   Controla páginas individuales del blog.
   No afecta productos, tienda, carrito ni checkout.
========================================================= */

:root {
	--lor-blog-container-width: 1200px;
	--lor-blog-content-width: 1040px;

	--lor-blog-padding-desktop: 28px;
	--lor-blog-padding-tablet: 24px;
	--lor-blog-padding-mobile: 18px;

	--lor-blog-top-space: 56px;
	--lor-blog-bottom-space: 80px;

	--lor-blog-title-bottom: 18px;
	--lor-blog-content-gap: 1.35em;
}

/* Contenedor general del post */
body.single-post #content .ast-container,
body.single-post .site-content .ast-container {
	max-width: var(--lor-blog-container-width) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	padding-left: var(--lor-blog-padding-desktop) !important;
	padding-right: var(--lor-blog-padding-desktop) !important;
	box-sizing: border-box !important;
}

/* Espacio superior/inferior del contenido del post */
body.single-post #primary,
body.single-post .site-main {
	margin-top: var(--lor-blog-top-space) !important;
	margin-bottom: var(--lor-blog-bottom-space) !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* Ancho legible del artículo */
body.single-post article.post,
body.single-post .entry-header,
body.single-post .entry-content,
body.single-post .post-navigation,
body.single-post .comments-area {
	max-width: var(--lor-blog-content-width) !important;
	margin-left: auto !important;
	margin-right: auto !important;
	box-sizing: border-box !important;
}

/* Título y metadata */
body.single-post .entry-header {
	margin-bottom: var(--lor-blog-title-bottom) !important;
}

/* Contenido interno */
body.single-post .entry-content {
	line-height: 1.7 !important;
}

/* Separación entre bloques del contenido */
body.single-post .entry-content > * {
	margin-bottom: var(--lor-blog-content-gap);
}

/* Imágenes dentro del post */
body.single-post .entry-content img,
body.single-post .entry-content figure img {
	max-width: 100% !important;
	height: auto !important;
}

/* Figuras/imágenes */
body.single-post .entry-content figure {
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Listas del post */
body.single-post .entry-content ul,
body.single-post .entry-content ol {
	padding-left: 1.35em !important;
}

/* Navegación entrada anterior/siguiente */
body.single-post .post-navigation {
	margin-top: 48px !important;
	padding-top: 24px !important;
	border-top: 1px solid rgba(35, 75, 82, 0.12) !important;
}

/* Comentarios */
body.single-post .comments-area {
	margin-top: 48px !important;
	padding-top: 24px !important;
	border-top: 1px solid rgba(35, 75, 82, 0.12) !important;
}

/* Tablet */
@media (max-width: 920px) {
	body.single-post #content .ast-container,
	body.single-post .site-content .ast-container {
		padding-left: var(--lor-blog-padding-tablet) !important;
		padding-right: var(--lor-blog-padding-tablet) !important;
	}

	body.single-post #primary,
	body.single-post .site-main {
		margin-top: 40px !important;
		margin-bottom: 64px !important;
	}
}

/* Mobile */
@media (max-width: 767px) {
	body.single-post #content .ast-container,
	body.single-post .site-content .ast-container {
		padding-left: var(--lor-blog-padding-mobile) !important;
		padding-right: var(--lor-blog-padding-mobile) !important;
	}

	body.single-post #primary,
	body.single-post .site-main {
		margin-top: 30px !important;
		margin-bottom: 52px !important;
	}

	body.single-post article.post,
	body.single-post .entry-header,
	body.single-post .entry-content,
	body.single-post .post-navigation,
	body.single-post .comments-area {
		max-width: 100% !important;
	}

	body.single-post .entry-content {
		line-height: 1.65 !important;
	}
}


/* =========================================================
   Global — Breadcrumbs estilo LOR
   Código: M026 | ID técnico: module-m9fc2clf | Orden de carga: 240 | Ámbito: global
========================================================= */
/**
 * LOR — Breadcrumbs unificados
 *
 * Aplica a:
 * - Tienda y categorías mediante Elementor.
 * - Fichas de producto mediante Astra/WooCommerce.
 */

/* Estilo general */
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb,
.single-product .woocommerce-breadcrumb {
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	color: #234B52;
	margin: 0 0 16px;
	padding: 0;
	overflow-wrap: anywhere;
}

/* Enlaces del recorrido */
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a,
.single-product .woocommerce-breadcrumb a {
	color: #295E67;
	font-weight: 400;
	text-decoration: none;
	transition:
		color 0.2s ease,
		text-decoration-color 0.2s ease;
}

/* Hover */
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a:hover,
.single-product .woocommerce-breadcrumb a:hover {
	color: #234B52;
	text-decoration-line: underline;
	text-decoration-color: #EBA189;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
}

/* Foco accesible mediante teclado */
.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb a:focus-visible,
.single-product .woocommerce-breadcrumb a:focus-visible {
	color: #234B52;
	text-decoration-line: underline;
	text-decoration-color: #EBA189;
	text-decoration-thickness: 2px;
	text-underline-offset: 3px;
	outline: 2px solid #EBA189;
	outline-offset: 3px;
	border-radius: 2px;
}

/* Móvil */
@media (max-width: 767px) {
	.elementor-widget-woocommerce-breadcrumb .woocommerce-breadcrumb,
	.single-product .woocommerce-breadcrumb {
		font-size: 13px;
		line-height: 1.5;
		margin-bottom: 12px;
	}
}