.elementor-12 .elementor-element.elementor-element-5b64fdd0{--display:flex;--min-height:100vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-783d15d3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-783d15d3:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-783d15d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FE114B;}.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-12 .elementor-element.elementor-element-4c0c2f3c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;text-align:center;}.elementor-12 .elementor-element.elementor-element-4c0c2f3c .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:22px;font-weight:600;text-transform:none;font-style:normal;text-decoration:none;line-height:26px;letter-spacing:0px;word-spacing:0em;color:#F8F812;}.elementor-12 .elementor-element.elementor-element-3c827380{text-align:center;}.elementor-12 .elementor-element.elementor-element-3c827380 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:115px;font-weight:900;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:100px;letter-spacing:0px;word-spacing:0em;color:#FBFBFB;}.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-12 .elementor-element.elementor-element-4d1f17c6{padding:0% 8% 0% 8%;text-align:center;font-family:"Montserrat", Sans-serif;font-size:26px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:38px;letter-spacing:0px;word-spacing:0em;color:#FFFFFF;}.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-12 .elementor-element.elementor-element-5b1454f5 .elementor-button{background-color:#F8F812;font-family:"Archivo", Sans-serif;font-size:18px;font-weight:800;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;fill:#1B252F;color:#1B252F;border-radius:0px 0px 0px 0px;padding:20px 55px 20px 55px;}.elementor-12 .elementor-element.elementor-element-5b1454f5 .elementor-button:hover, .elementor-12 .elementor-element.elementor-element-5b1454f5 .elementor-button:focus{background-color:#1B252F;color:#F8F812;}.elementor-12 .elementor-element.elementor-element-5b1454f5 .elementor-button:hover svg, .elementor-12 .elementor-element.elementor-element-5b1454f5 .elementor-button:focus svg{fill:#F8F812;}.elementor-12 .elementor-element.elementor-element-543b14af{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-12 .elementor-element.elementor-element-543b14af:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-543b14af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://katartstudio.com/wp-content/uploads/2026/07/boxking_hero_img_5.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-12 .elementor-element.elementor-element-3f095d89{--grid-template-columns:repeat(1, auto);text-align:center;width:auto;max-width:auto;background-color:#F8F812;padding:45px 15px 45px 15px;top:30%;--icon-size:26px;--grid-column-gap:0px;--grid-row-gap:0px;}body:not(.rtl) .elementor-12 .elementor-element.elementor-element-3f095d89{right:0px;}body.rtl .elementor-12 .elementor-element.elementor-element-3f095d89{left:0px;}.elementor-12 .elementor-element.elementor-element-3f095d89 .elementor-social-icon{background-color:#02010100;}.elementor-12 .elementor-element.elementor-element-3f095d89 .elementor-social-icon i{color:#1B252F;}.elementor-12 .elementor-element.elementor-element-3f095d89 .elementor-social-icon svg{fill:#1B252F;}.elementor-12 .elementor-element.elementor-element-ae2b73a{--display:flex;}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.products-heading-show .related-products > h2, .elementor-widget-woocommerce-products.products-heading-show .upsells > h2, .elementor-widget-woocommerce-products.products-heading-show .cross-sells > h2{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-products.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products{grid-column-gap:65px;grid-row-gap:61px;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:#161717;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:#161717;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Roboto", Sans-serif;font-size:31px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products li.product .star-rating{font-size:1.3em;margin-bottom:16px;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products li.product .price{color:#1F117E;font-family:"Roboto", Sans-serif;font-size:40px;font-weight:600;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products li.product .price ins{color:#1F117E;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products li.product .price ins .amount{color:#1F117E;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products .added_to_cart{margin-inline-start:13px;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products li.product{border-radius:2px;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products li.product span.onsale{display:block;border-radius:7px;min-width:64px;min-height:55px;line-height:55px;}@media(max-width:1024px) and (min-width:768px){.elementor-12 .elementor-element.elementor-element-783d15d3{--width:100%;}.elementor-12 .elementor-element.elementor-element-543b14af{--width:100%;}}@media(min-width:1025px){.elementor-12 .elementor-element.elementor-element-543b14af:not(.elementor-motion-effects-element-type-background), .elementor-12 .elementor-element.elementor-element-543b14af > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-12 .elementor-element.elementor-element-5b64fdd0{--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-12 .elementor-element.elementor-element-783d15d3{--padding-top:15%;--padding-bottom:15%;--padding-left:0%;--padding-right:0%;}.elementor-12 .elementor-element.elementor-element-4c0c2f3c .elementor-heading-title{font-size:24px;letter-spacing:0px;word-spacing:0em;}.elementor-12 .elementor-element.elementor-element-3c827380 .elementor-heading-title{font-size:78px;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-12 .elementor-element.elementor-element-4d1f17c6{padding:0% 13% 0% 13%;font-size:20px;line-height:1.2em;}.elementor-12 .elementor-element.elementor-element-543b14af{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}.elementor-12 .elementor-element.elementor-element-3f095d89{padding:25px 10px 25px 10px;top:17%;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-12 .elementor-element.elementor-element-4c0c2f3c .elementor-heading-title{font-size:16px;}.elementor-12 .elementor-element.elementor-element-3c827380 .elementor-heading-title{font-size:41px;}.elementor-12 .elementor-element.elementor-element-4d1f17c6{padding:0% 5% 0% 5%;}.elementor-12 .elementor-element.elementor-element-5b1454f5 .elementor-button{font-size:16px;}.elementor-12 .elementor-element.elementor-element-3f095d89{padding:20px 5px 20px 5px;top:80%;--icon-size:20px;}.elementor-12 .elementor-element.elementor-element-1c3fed0.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for woocommerce-products, class: .elementor-element-1c3fed0 *//* ========================================================= TARJETAS DE PRODUCTOS WOOCOMMERCE DISEÑO LIMPIO CON COLOR VIOLETA ========================================================= */ /* Color principal */ :root { --producto-violeta: #7557bd; --producto-violeta-hover: #6445ad; --producto-texto: #171717; --producto-borde: #ececf2; --producto-fondo: #ffffff; } /* ========================================================= CONTENEDOR GENERAL DEL LISTADO ========================================================= */ .woocommerce ul.products { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px !important; margin: 0 !important; padding: 0 !important; } /* ========================================================= TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product { position: relative !important; display: flex !important; flex-direction: column !important; width: 100% !important; height: 100% !important; min-height: 490px !important; margin: 0 !important; padding: 14px 14px 18px !important; background: var(--producto-fondo) !important; border: 1px solid var(--producto-borde) !important; border-radius: 16px !important; box-shadow: 0 4px 12px rgba(28, 19, 52, 0.04), 0 12px 28px rgba(28, 19, 52, 0.07) !important; overflow: hidden !important; transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important; } .woocommerce ul.products li.product:hover { transform: translateY(-5px) !important; border-color: rgba(117, 87, 189, 0.28) !important; box-shadow: 0 8px 18px rgba(28, 19, 52, 0.07), 0 18px 38px rgba(28, 19, 52, 0.12) !important; } /* ========================================================= ENLACE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-LoopProduct-link { display: flex !important; flex-direction: column !important; flex-grow: 1 !important; text-decoration: none !important; } /* ========================================================= IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product a img, .woocommerce ul.products li.product img { width: 100% !important; height: 260px !important; margin: 0 0 18px !important; padding: 10px !important; object-fit: contain !important; object-position: center !important; background: #ffffff !important; border-radius: 12px !important; transition: transform 0.3s ease !important; } /* Elimina fondos grises agregados por Elementor o WooCommerce */ .woocommerce ul.products li.product .product-image, .woocommerce ul.products li.product .woocommerce-loop-product__link, .woocommerce ul.products li.product .elementor-widget-container, .woocommerce ul.products li.product .attachment-woocommerce_thumbnail { background-color: transparent !important; } /* Zoom suave */ .woocommerce ul.products li.product:hover img { transform: scale(1.035) !important; } /* ========================================================= CATEGORÍA ========================================================= */ .woocommerce ul.products li.product .product-category, .woocommerce ul.products li.product .woocommerce-loop-category, .woocommerce ul.products li.product .category, .woocommerce ul.products li.product .posted_in, .woocommerce ul.products li.product .ast-woo-product-category, .woocommerce ul.products li.product .product-categories, .woocommerce ul.products li.product .elementor-post-info__terms-list, .woocommerce ul.products li.product .elementor-post-info__terms-list a { display: block !important; margin: 0 0 7px !important; color: var(--producto-violeta) !important; font-size: 12px !important; font-weight: 700 !important; line-height: 1.3 !important; letter-spacing: 0.45px !important; text-transform: uppercase !important; text-decoration: none !important; } /* Categoría que aparece como texto directo */ .woocommerce ul.products li.product .category a, .woocommerce ul.products li.product .posted_in a, .woocommerce ul.products li.product .ast-woo-product-category a, .woocommerce ul.products li.product .product-categories a { color: var(--producto-violeta) !important; text-decoration: none !important; } .woocommerce ul.products li.product .category a:hover, .woocommerce ul.products li.product .posted_in a:hover, .woocommerce ul.products li.product .ast-woo-product-category a:hover { color: var(--producto-violeta-hover) !important; } /* ========================================================= TÍTULO DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 48px !important; margin: 0 0 14px !important; padding: 0 !important; color: var(--producto-texto) !important; font-size: 17px !important; font-weight: 700 !important; line-height: 1.4 !important; transition: color 0.2s ease !important; } .woocommerce ul.products li.product:hover .woocommerce-loop-product__title { color: var(--producto-violeta) !important; } /* ========================================================= PRECIO ========================================================= */ .woocommerce ul.products li.product .price { display: block !important; margin: auto 0 16px !important; color: #111111 !important; font-size: 22px !important; font-weight: 800 !important; line-height: 1.2 !important; } .woocommerce ul.products li.product .price ins { color: #111111 !important; font-weight: 800 !important; text-decoration: none !important; } .woocommerce ul.products li.product .price del { margin-right: 7px !important; color: #989898 !important; font-size: 15px !important; font-weight: 500 !important; } /* ========================================================= BOTÓN AGREGAR AL CARRITO ========================================================= */ .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart { display: flex !important; align-items: center !important; justify-content: center !important; width: 100% !important; min-height: 50px !important; margin: 0 !important; padding: 13px 20px !important; background: var(--producto-violeta) !important; color: #ffffff !important; border: 0 !important; border-radius: 11px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 1.2 !important; text-align: center !important; text-decoration: none !important; box-shadow: 0 7px 16px rgba(117, 87, 189, 0.22) !important; transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease !important; } .woocommerce ul.products li.product .button:hover, .woocommerce ul.products li.product .added_to_cart:hover { background: var(--producto-violeta-hover) !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 10px 22px rgba(117, 87, 189, 0.3) !important; } /* Estado cuando el producto fue agregado */ .woocommerce ul.products li.product .button.added { background: var(--producto-violeta-hover) !important; } /* Icono de carga */ .woocommerce ul.products li.product .button.loading { opacity: 0.8 !important; } /* ========================================================= ETIQUETA DE OFERTA ========================================================= */ .woocommerce span.onsale { top: 24px !important; left: 24px !important; right: auto !important; min-width: auto !important; min-height: auto !important; margin: 0 !important; padding: 7px 12px !important; background: var(--producto-violeta) !important; color: #ffffff !important; border-radius: 20px !important; font-size: 11px !important; font-weight: 700 !important; line-height: 1 !important; text-transform: uppercase !important; } /* ========================================================= QUITAR FONDOS GRISES ESPECÍFICOS ========================================================= */ .woocommerce ul.products li.product, .woocommerce ul.products li.product > a, .woocommerce ul.products li.product .woocommerce-loop-product__link, .woocommerce ul.products li.product .product-thumbnail, .woocommerce ul.products li.product .product-image, .woocommerce ul.products li.product .image-wrap, .woocommerce ul.products li.product .astra-shop-thumbnail-wrap, .woocommerce ul.products li.product .astra-shop-summary-wrap { background-color: #ffffff !important; } /* Evita bandas grises generadas por pseudo-elementos */ .woocommerce ul.products li.product .product-image::before, .woocommerce ul.products li.product .product-image::after, .woocommerce ul.products li.product .woocommerce-loop-product__link::before, .woocommerce ul.products li.product .woocommerce-loop-product__link::after { display: none !important; content: none !important; } /* ========================================================= TABLET ========================================================= */ @media screen and (max-width: 1024px) { .woocommerce ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 24px !important; } .woocommerce ul.products li.product { min-height: 470px !important; } .woocommerce ul.products li.product a img, .woocommerce ul.products li.product img { height: 235px !important; } } /* ========================================================= MÓVIL ========================================================= */ @media screen and (max-width: 767px) { .woocommerce ul.products { grid-template-columns: 1fr !important; gap: 20px !important; } .woocommerce ul.products li.product { min-height: auto !important; padding: 13px 13px 16px !important; border-radius: 14px !important; } .woocommerce ul.products li.product a img, .woocommerce ul.products li.product img { height: 240px !important; margin-bottom: 15px !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: auto !important; font-size: 16px !important; } .woocommerce ul.products li.product .price { margin-top: 12px !important; font-size: 21px !important; } .woocommerce ul.products li.product .button, .woocommerce ul.products li.product .added_to_cart { min-height: 48px !important; } }/* End custom CSS */