.elementor-163 .elementor-element.elementor-element-78f995c{--display:flex;}.elementor-163 .elementor-element.elementor-element-78f995c:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-78f995c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-163 .elementor-element.elementor-element-78f995c > .elementor-shape-bottom .elementor-shape-fill, .elementor-163 .elementor-element.elementor-element-78f995c > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#EDEDED;}.elementor-163 .elementor-element.elementor-element-78f995c > .elementor-shape-bottom svg, .elementor-163 .elementor-element.elementor-element-78f995c > .e-con-inner > .elementor-shape-bottom svg{width:calc(209% + 1.3px);}.elementor-163 .elementor-element.elementor-element-78f995c > .elementor-shape-bottom, .elementor-163 .elementor-element.elementor-element-78f995c > .e-con-inner > .elementor-shape-bottom{z-index:2;pointer-events:none;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-163 .elementor-element.elementor-element-8bad1cf{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 0px 40px 0px;text-align:center;}.elementor-163 .elementor-element.elementor-element-8bad1cf .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#111111;}.elementor-163 .elementor-element.elementor-element-954fae0{--display:flex;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-163 .elementor-element.elementor-element-954fae0:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-954fae0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-163 .elementor-element.elementor-element-eaeda85{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-163 .elementor-element.elementor-element-a638ffb{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.12);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-163 .elementor-element.elementor-element-a638ffb:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-a638ffb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-163 .elementor-element.elementor-element-4bc2500{--display:flex;--justify-content:center;}.elementor-163 .elementor-element.elementor-element-4bc2500.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-163 .elementor-element.elementor-element-c584605{width:var( --container-widget-width, 100% );max-width:100%;padding:5px 5px 0px 5px;--container-widget-width:100%;--container-widget-flex-grow:0;font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;color:#000000;}.elementor-163 .elementor-element.elementor-element-c584605.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-163 .elementor-element.elementor-element-c584605 a{color:#000000;}.elementor-163 .elementor-element.elementor-element-ea4770c{--display:flex;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-163 .elementor-element.elementor-element-ea4770c:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-ea4770c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-163 .elementor-element.elementor-element-bc6d072{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-163 .elementor-element.elementor-element-1393ce8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:10px 10px 10px 10px;box-shadow:0px 1px 2px 0px rgba(0, 0, 0, 0.12);--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-163 .elementor-element.elementor-element-1393ce8:not(.elementor-motion-effects-element-type-background), .elementor-163 .elementor-element.elementor-element-1393ce8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-163 .elementor-element.elementor-element-8140e05{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--align-items:center;}.elementor-163 .elementor-element.elementor-element-8f07703 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#363636;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-163 .elementor-element.elementor-element-b21bc97 .elementor-button{background-color:#E3EDFB;fill:#3886FA;color:#3886FA;padding:15px 20px 15px 20px;}.elementor-163 .elementor-element.elementor-element-b21bc97 .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-163 .elementor-element.elementor-element-8140e05{--grid-auto-flow:row;}}@media(min-width:768px){.elementor-163 .elementor-element.elementor-element-4bc2500{--width:100%;}}@media(max-width:767px){.elementor-163 .elementor-element.elementor-element-8140e05{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-a638ffb *//*
==========================================================================
 ESTILOS PARA LA TARJETA DE PRODUCTO (LOOP DE ELEMENTOR)
 Inspirado en el diseño de Mercado Libre
==========================================================================
*/

/* --- Contenedor Principal de Precios --- */
/* Usamos Flexbox para alinear el precio tachado, el precio actual y el descuento en una línea. */
.precio-loop-container .precio-loop-main {
    display: flex;
    align-items: baseline; /* Alinea los textos por su base, ideal para diferentes tamaños de fuente */
    flex-wrap: wrap; /* Permite que los elementos pasen a la siguiente línea si no hay espacio */
    margin-bottom: 4px;
}

/* --- Precio Original (Tachado) --- */
/* Estilo para el precio anterior, que ahora aparecerá más pequeño, gris y tachado. */
.precio-loop-container .trl-price-regular {
    text-decoration: line-through; /* Añade el tachado */
    color: #999; /* Color gris */
    font-size: 16px; /* Tamaño de fuente más pequeño */
    font-weight: 400;
    margin-right: 10px; /* Espacio a la derecha */
    order: 1; /* Asegura que aparezca primero */
}

/* --- Precio Actual (el principal) --- */
/* Este es el precio de venta, el más importante visualmente. */
.precio-loop-container .trl-price-current {
    font-size: 26px; /* Tamaño de fuente grande */
    color: #333; /* Color negro/oscuro */
    font-weight: 400; /* Peso de fuente normal (no negrita) */
    line-height: 1;
    letter-spacing: -0.5px;
    margin-right: 10px;
    order: 2; /* Asegura que aparezca segundo */
}

/* Ocultamos la palabra "Desde" que aparece en tu estructura actual */
.precio-loop-container .trl-price-current .trl-from {
    display: none;
}

/* --- Descuento (Ej: 17% OFF) --- */
/* Estilo para el porcentaje de descuento, en color verde. */
.precio-loop-container .trl-price-discount {
    color: #00a650; /* Color verde característico */
    font-size: 16px;
    font-weight: 600; /* Un poco más de peso para destacar */
    order: 3; /* Asegura que aparezca al final de la línea de precios */
}

/* --- Leyenda de Cuotas --- */
/* Estilo para el texto de las cuotas, también en verde. */
.precio-loop-container .leyenda-cuotas-loop .trl-installments {
    color: #00a650;
    font-size: 14px;
    font-weight: 500;
    display: block; /* Asegura que ocupe su propia línea */
    margin-bottom: 4px;
}

/* --- Título del Producto --- */
/* Ajustamos el título para que sea más limpio y legible. */
.elementor-widget-theme-post-title .elementor-heading-title a {
    color: #333;
    font-size: 18px; /* Tamaño de fuente estándar */
    font-weight: 400; /* Peso normal, no negrita */
    line-height: 1.3;
    text-decoration: none; /* Quitamos el subrayado */
}

.elementor-widget-theme-post-title .elementor-heading-title a:hover {
    color: #555; /* Un leve cambio de color al pasar el mouse */
}

/* --- Valoraciones (Estrellas y Opiniones) --- */
/* Pequeño ajuste para alinear las opiniones con el estilo deseado. */
.yith-ywar-product-rating-wrapper .total-reviews {
    font-size: 14px;
    color: #666;
    margin-left: 8px; /* Espacio entre las estrellas y el texto */
    text-decoration: none;
}

/* --- Ocultar elementos no deseados --- */
/* Si no quieres mostrar la leyenda de impuestos, puedes usar esto */


/* Installments */
.swiper-wrapper .e-loop-item .trl-installments{
	font-weight:400 !important;
	font-family:'Montserrat', sans-serif;
	font-size:12px !important;
	
}

/* Woocommerce  price amount */
.swiper-wrapper .trl-price-regular .woocommerce-Price-amount{

	font-size:12px;
	color:#000000;
}

/* Price discount */
.swiper-wrapper .e-loop-item .trl-price-discount{
	font-family:'Montserrat', sans-serif;
	font-weight:500;
}

/* Installments */
.swiper-wrapper .e-loop-item .trl-installments{
	font-family:'Montserrat', sans-serif;
}

/* Woocommerce  price amount */
.swiper-wrapper .trl-price-current .woocommerce-Price-amount{
	font-family:'Montserrat', sans-serif;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1393ce8 *//*
==========================================================================
 ESTILOS PARA LA TARJETA DE PRODUCTO (LOOP DE ELEMENTOR)
 Inspirado en el diseño de Mercado Libre
==========================================================================
*/

/* --- Contenedor Principal de Precios --- */
/* Usamos Flexbox para alinear el precio tachado, el precio actual y el descuento en una línea. */
.precio-loop-container .precio-loop-main {
    display: flex;
    align-items: baseline; /* Alinea los textos por su base, ideal para diferentes tamaños de fuente */
    flex-wrap: wrap; /* Permite que los elementos pasen a la siguiente línea si no hay espacio */
    margin-bottom: 4px;
}

/* --- Precio Original (Tachado) --- */
/* Estilo para el precio anterior, que ahora aparecerá más pequeño, gris y tachado. */
.precio-loop-container .trl-price-regular {
    text-decoration: line-through; /* Añade el tachado */
    color: #999; /* Color gris */
    font-size: 16px; /* Tamaño de fuente más pequeño */
    font-weight: 400;
    margin-right: 10px; /* Espacio a la derecha */
    order: 1; /* Asegura que aparezca primero */
}

/* --- Precio Actual (el principal) --- */
/* Este es el precio de venta, el más importante visualmente. */
.precio-loop-container .trl-price-current {
    font-size: 26px; /* Tamaño de fuente grande */
    color: #333; /* Color negro/oscuro */
    font-weight: 400; /* Peso de fuente normal (no negrita) */
    line-height: 1;
    letter-spacing: -0.5px;
    margin-right: 10px;
    order: 2; /* Asegura que aparezca segundo */
}

/* Ocultamos la palabra "Desde" que aparece en tu estructura actual */
.precio-loop-container .trl-price-current .trl-from {
    display: none;
}

/* --- Descuento (Ej: 17% OFF) --- */
/* Estilo para el porcentaje de descuento, en color verde. */
.precio-loop-container .trl-price-discount {
    color: #00a650; /* Color verde característico */
    font-size: 16px;
    font-weight: 600; /* Un poco más de peso para destacar */
    order: 3; /* Asegura que aparezca al final de la línea de precios */
}

/* --- Leyenda de Cuotas --- */
/* Estilo para el texto de las cuotas, también en verde. */
.precio-loop-container .leyenda-cuotas-loop .trl-installments {
    color: #00a650;
    font-size: 14px;
    font-weight: 500;
    display: block; /* Asegura que ocupe su propia línea */
    margin-bottom: 4px;
}

/* --- Título del Producto --- */
/* Ajustamos el título para que sea más limpio y legible. */
.elementor-widget-theme-post-title .elementor-heading-title a {
    color: #333;
    font-size: 18px; /* Tamaño de fuente estándar */
    font-weight: 400; /* Peso normal, no negrita */
    line-height: 1.3;
    text-decoration: none; /* Quitamos el subrayado */
}

.elementor-widget-theme-post-title .elementor-heading-title a:hover {
    color: #555; /* Un leve cambio de color al pasar el mouse */
}

/* --- Valoraciones (Estrellas y Opiniones) --- */
/* Pequeño ajuste para alinear las opiniones con el estilo deseado. */
.yith-ywar-product-rating-wrapper .total-reviews {
    font-size: 14px;
    color: #666;
    margin-left: 8px; /* Espacio entre las estrellas y el texto */
    text-decoration: none;
}

/* --- Ocultar elementos no deseados --- */
/* Si no quieres mostrar la leyenda de impuestos, puedes usar esto */


/* Installments */
.swiper-wrapper .e-loop-item .trl-installments{
	font-weight:400 !important;
	font-family:'Montserrat', sans-serif;
	font-size:12px !important;
	
}

/* Woocommerce  price amount */
.swiper-wrapper .trl-price-regular .woocommerce-Price-amount{

	font-size:12px;
	color:#000000;
}

/* Price discount */
.swiper-wrapper .e-loop-item .trl-price-discount{
	font-family:'Montserrat', sans-serif;
	font-weight:500;
}

/* Installments */
.swiper-wrapper .e-loop-item .trl-installments{
	font-family:'Montserrat', sans-serif;
}

/* Woocommerce  price amount */
.swiper-wrapper .trl-price-current .woocommerce-Price-amount{
	font-family:'Montserrat', sans-serif;
}/* End custom CSS */