.elementor-1417 .elementor-element.elementor-element-5cc3efc0{--display:flex;}.elementor-1417 .elementor-element.elementor-element-5cc3efc0:not(.elementor-motion-effects-element-type-background), .elementor-1417 .elementor-element.elementor-element-5cc3efc0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F5F5;}.elementor-1417 .elementor-element.elementor-element-5cc3efc0 > .elementor-shape-bottom .elementor-shape-fill, .elementor-1417 .elementor-element.elementor-element-5cc3efc0 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#EDEDED;}.elementor-1417 .elementor-element.elementor-element-5cc3efc0 > .elementor-shape-bottom svg, .elementor-1417 .elementor-element.elementor-element-5cc3efc0 > .e-con-inner > .elementor-shape-bottom svg{width:calc(209% + 1.3px);}.elementor-1417 .elementor-element.elementor-element-5cc3efc0 > .elementor-shape-bottom, .elementor-1417 .elementor-element.elementor-element-5cc3efc0 > .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-1417 .elementor-element.elementor-element-32a5f92{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:30px 0px 40px 0px;text-align:center;}.elementor-1417 .elementor-element.elementor-element-32a5f92 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-weight:600;color:#111111;}.elementor-1417 .elementor-element.elementor-element-498467a{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1417 .elementor-element.elementor-element-498467a:not(.elementor-motion-effects-element-type-background), .elementor-1417 .elementor-element.elementor-element-498467a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-1417 .elementor-element.elementor-element-61ed9f5{--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-1417 .elementor-element.elementor-element-40f698d{--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:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1417 .elementor-element.elementor-element-40f698d:not(.elementor-motion-effects-element-type-background), .elementor-1417 .elementor-element.elementor-element-40f698d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1417 .elementor-element.elementor-element-ec81185{--display:flex;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1417 .elementor-element.elementor-element-ec81185:not(.elementor-motion-effects-element-type-background), .elementor-1417 .elementor-element.elementor-element-ec81185 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#EDEDED;}.elementor-1417 .elementor-element.elementor-element-35d820d{--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-1417 .elementor-element.elementor-element-9f2ffb7{--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-1417 .elementor-element.elementor-element-9f2ffb7:not(.elementor-motion-effects-element-type-background), .elementor-1417 .elementor-element.elementor-element-9f2ffb7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-1417 .elementor-element.elementor-element-1d48dbd{--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-1417 .elementor-element.elementor-element-490b580 .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-1417 .elementor-element.elementor-element-dc89c01 .elementor-button{background-color:#E3EDFB;fill:#3886FA;color:#3886FA;padding:15px 20px 15px 20px;}.elementor-1417 .elementor-element.elementor-element-dc89c01 .elementor-button-content-wrapper{flex-direction:row;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-1417 .elementor-element.elementor-element-1d48dbd{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1417 .elementor-element.elementor-element-1d48dbd{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--justify-items:center;}}/* Start custom CSS for container, class: .elementor-element-40f698d *//* ========================================================================== 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-9f2ffb7 *//* ========================================================================== 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 *//* Input */ .rayo-faq-container .rayo-faq-search-wrapper input[type=search]{ font-family:'Montserrat', sans-serif; font-weight:500; margin-bottom:12px; border-color:#cccccc; } /* Rayo faq categories wrapper */ .page-content .elementor .rayo-faq-categories-wrapper{ margin-bottom:10px; text-align:center; font-family:'Montserrat', sans-serif; } /* Active */ .rayo-faq-container .rayo-faq-categories-wrapper .active{ background-color:#e3edfb; color:#3886fa; border-style:none; } /* Rayo faq category button */ .rayo-faq-container .rayo-faq-categories-wrapper .rayo-faq-category-button{ background-color: var(--fondo-boton-secundario) !important; color: var(--texto-boton-secundario) !important; border: 1px solid var(--texto-boton-secundario) !important; border-style:none; } /* Button */ #rayo-faq-results div button{ font-family:'Montserrat', sans-serif; background-color: var(--fondo-boton-secundario) !important; color: var(--texto-boton-secundario) !important; border: 1px solid var(--texto-boton-secundario) !important; border-style:none; margin-bottom:5px; } /* Paragraph */ #rayo-faq-results div p{ font-family:'Montserrat', sans-serif; font-size:17px; padding-left:10px; } /* Rayo faq page */ #rayo-faq-results .rayo-faq-pagination .rayo-faq-page-btn{ margin-right:7px; border-style:solid; border-color:red; } .rayo-faq-separator { width: 100%; margin: 20px auto 30px; border: none; height: 2px; border-radius: 2px; background: linear-gradient( to right, rgba(180, 180, 180, 0), rgba(180, 180, 180, 0.4), rgba(180, 180, 180, 0) ); opacity: 0.7; } /* Rayo faq separator */ .page-content .elementor .rayo-faq-separator{ margin-bottom:14px; } /* 766px and smaller screen sizes */ @media (max-width:766px){ /* Rayo faq question */ #rayo-faq-results .rayo-faq-item .rayo-faq-question{ width:100%; } } /* Link */ .e-grid .elementor-widget-button a{ background-color: var(--fondo-boton-secundario) !important; color: var(--texto-boton-secundario) !important; border: 1px solid var(--texto-boton-secundario) !important; border-style:none; }/* End custom CSS */