.elementor-189 .elementor-element.elementor-element-cce5db3{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-slides .elementor-slide-heading{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-slides .elementor-slide-description{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-slides .elementor-slide-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-189 .elementor-element.elementor-element-6e535eb .elementor-repeater-item-d409293 .swiper-slide-bg{background-image:url(https://mundo-jersey.shop/wp-content/uploads/2026/09/slider-5_resultado.webp);background-size:cover;}.elementor-189 .elementor-element.elementor-element-6e535eb .elementor-repeater-item-4006ea8 .swiper-slide-bg{background-image:url(https://mundo-jersey.shop/wp-content/uploads/2026/09/slider-4_resultado.webp);background-size:cover;}.elementor-189 .elementor-element.elementor-element-6e535eb .elementor-repeater-item-ac28943 .swiper-slide-bg{background-image:url(https://mundo-jersey.shop/wp-content/uploads/2026/09/slider-3_resultado.webp);background-size:cover;}.elementor-189 .elementor-element.elementor-element-6e535eb .swiper-slide{transition-duration:calc(5000ms*1.2);height:530px;}.elementor-189 .elementor-element.elementor-element-6e535eb{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-189 .elementor-element.elementor-element-6e535eb .swiper-slide-contents{max-width:66%;}.elementor-189 .elementor-element.elementor-element-6e535eb .swiper-slide-inner{text-align:center;}.elementor-189 .elementor-element.elementor-element-6e535eb .elementor-slide-button{font-family:"Open Sans", Sans-serif;font-weight:500;border-width:4px;}.elementor-189 .elementor-element.elementor-element-6e535eb .elementor-swiper-button{font-size:30px;color:var( --e-global-color-accent );}.elementor-189 .elementor-element.elementor-element-6e535eb .elementor-swiper-button svg{fill:var( --e-global-color-accent );}.elementor-189 .elementor-element.elementor-element-6e535eb .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background-color:#FFFFFF;opacity:1;}.elementor-189 .elementor-element.elementor-element-6e535eb .swiper-pagination-bullet-active{background-color:var( --e-global-color-accent );}.elementor-189 .elementor-element.elementor-element-f78713c{--display:flex;--min-height:40px;--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;}.elementor-189 .elementor-element.elementor-element-f78713c:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-f78713c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#61CE70;}.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-189 .elementor-element.elementor-element-ec538dc .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-189 .elementor-element.elementor-element-85225b7{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-189 .elementor-element.elementor-element-6512895{text-align:center;}.elementor-189 .elementor-element.elementor-element-6512895 .elementor-heading-title{font-family:"Jockey One", Sans-serif;font-size:36px;font-weight:400;color:#61CE70;}.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-189 .elementor-element.elementor-element-19cf104{width:var( --container-widget-width, 83.542% );max-width:83.542%;--container-widget-width:83.542%;--container-widget-flex-grow:0;font-family:"Open Sans", Sans-serif;font-weight:400;color:var( --e-global-color-astglobalcolor2 );}.elementor-189 .elementor-element.elementor-element-19cf104.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-189 .elementor-element.elementor-element-b74d31c{--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;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-189 .elementor-element.elementor-element-3f5496c{--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-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-radius:0px;padding:20px 20px 20px 20px;}.elementor-189 .elementor-element.elementor-element-3e86b94 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-astglobalcolor2 );}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-astglobalcolor2 );}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:600;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-astglobalcolor0 );font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:600;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-astglobalcolor0 );}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-astglobalcolor0 );}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .price del {font-family:"Open Sans", Sans-serif;font-weight:600;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:var( --e-global-color-accent );font-family:"Open Sans", Sans-serif;font-weight:500;border-style:solid;border-radius:20px 20px 20px 20px;padding:15px 15px 15px 15px;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .button:hover{color:#FFFFFF;background-color:#31883D;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products .added_to_cart{font-family:"Open Sans", Sans-serif;font-weight:500;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-189 .elementor-element.elementor-element-c1e9ae4{--display:flex;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-radius:0px;padding:20px 20px 20px 20px;}.elementor-189 .elementor-element.elementor-element-54c9054 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-astglobalcolor2 );}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-astglobalcolor2 );}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:600;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-astglobalcolor0 );font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:600;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-astglobalcolor0 );}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-astglobalcolor0 );}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .price del {font-family:"Open Sans", Sans-serif;font-weight:600;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:var( --e-global-color-accent );font-family:"Open Sans", Sans-serif;font-weight:500;border-style:solid;border-radius:20px 20px 20px 20px;padding:15px 15px 15px 15px;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .button:hover{color:#FFFFFF;background-color:#31883D;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products .added_to_cart{font-family:"Open Sans", Sans-serif;font-weight:500;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-189 .elementor-element.elementor-element-15e0bf5{--display:flex;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product{--button-align-display:flex;--button-align-direction:column;--button-align-justify:space-between;border-radius:0px;padding:20px 20px 20px 20px;}.elementor-189 .elementor-element.elementor-element-557817c > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-astglobalcolor2 );}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-astglobalcolor2 );}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:600;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-astglobalcolor0 );font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:600;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-astglobalcolor0 );}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-astglobalcolor0 );}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .price del {font-family:"Open Sans", Sans-serif;font-weight:600;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .button{color:#FFFFFF;background-color:var( --e-global-color-accent );font-family:"Open Sans", Sans-serif;font-weight:500;border-style:solid;border-radius:20px 20px 20px 20px;padding:15px 15px 15px 15px;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .button:hover{color:#FFFFFF;background-color:#31883D;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products .added_to_cart{font-family:"Open Sans", Sans-serif;font-weight:500;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product span.onsale{display:block;}.elementor-189 .elementor-element.elementor-element-410be77{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-font-size:25px;--n-tabs-title-color:#000000;--n-tabs-title-color-active:var( --e-global-color-astglobalcolor0 );}.elementor-189 .elementor-element.elementor-element-410be77.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-189 .elementor-element.elementor-element-410be77.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-189 .elementor-element.elementor-element-410be77.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#61CE7000;}.elementor-189 .elementor-element.elementor-element-410be77.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Jockey One", Sans-serif;font-weight:900;line-height:51px;letter-spacing:6.3px;word-spacing:6px;}.elementor-189 .elementor-element.elementor-element-410be77 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-astglobalcolor0 );}.elementor-189 .elementor-element.elementor-element-dd430ba{--display:flex;--min-height:417px;--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;}.elementor-189 .elementor-element.elementor-element-dd430ba:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-dd430ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mundo-jersey.shop/wp-content/uploads/2026/09/imagen-fondo_resultado.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-189 .elementor-element.elementor-element-f2be4cd{text-align:center;}.elementor-189 .elementor-element.elementor-element-f2be4cd .elementor-heading-title{font-family:"Jockey One", Sans-serif;font-size:35px;font-weight:600;letter-spacing:3.6px;text-shadow:1px 1px 5px #0820C2;color:#FFFFFF;}.elementor-189 .elementor-element.elementor-element-1aa2308{--display:grid;--e-con-grid-template-columns:repeat(7, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-189 .elementor-element.elementor-element-8d5ca2e{--display:flex;--border-radius:25px 25px 25px 25px;}.elementor-189 .elementor-element.elementor-element-8d5ca2e:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-8d5ca2e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.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-189 .elementor-element.elementor-element-3892bc0 .elementor-button{background-color:#3CB14C;}.elementor-189 .elementor-element.elementor-element-773f141{--display:flex;--border-radius:25px 25px 25px 25px;}.elementor-189 .elementor-element.elementor-element-773f141:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-773f141 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-189 .elementor-element.elementor-element-59307f7 .elementor-button{background-color:#3CB14C;}.elementor-189 .elementor-element.elementor-element-237a025{--display:flex;--border-radius:25px 25px 25px 25px;}.elementor-189 .elementor-element.elementor-element-237a025:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-237a025 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-189 .elementor-element.elementor-element-c6532d8 .elementor-button{background-color:#3CB14C;}.elementor-189 .elementor-element.elementor-element-e062569{--display:flex;--border-radius:25px 25px 25px 25px;}.elementor-189 .elementor-element.elementor-element-e062569:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-e062569 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-189 .elementor-element.elementor-element-bff8698 .elementor-button{background-color:#3CB14C;}.elementor-189 .elementor-element.elementor-element-cf3d6c5{--display:flex;--border-radius:25px 25px 25px 25px;}.elementor-189 .elementor-element.elementor-element-cf3d6c5:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-cf3d6c5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-189 .elementor-element.elementor-element-5bccb77 .elementor-button{background-color:#3CB14C;}.elementor-189 .elementor-element.elementor-element-c1b50c6{--display:flex;--border-radius:25px 25px 25px 25px;}.elementor-189 .elementor-element.elementor-element-c1b50c6:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-c1b50c6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-189 .elementor-element.elementor-element-4eecf2f .elementor-button{background-color:#3CB14C;}.elementor-189 .elementor-element.elementor-element-f3bfb58{--display:flex;--border-radius:25px 25px 25px 25px;}.elementor-189 .elementor-element.elementor-element-f3bfb58:not(.elementor-motion-effects-element-type-background), .elementor-189 .elementor-element.elementor-element-f3bfb58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-189 .elementor-element.elementor-element-a3eb89e .elementor-button{background-color:#3CB14C;}.elementor-189 .elementor-element.elementor-element-7e100ae{--display:flex;--min-height:250px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-premium-addon-dual-header .premium-dual-header-first-span{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-widget-premium-addon-dual-header .premium-dual-header-second-header{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-secondary );}.elementor-widget-premium-addon-dual-header .premium-dh-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-premium-addon-dual-header.premium-bg-text-yes .elementor-widget-container:before{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-189 .elementor-element.elementor-element-b8f5790 .premium-dual-header-first-span, .elementor-189 .elementor-element.elementor-element-b8f5790 .premium-dual-header-second-header{display:inline;}.elementor-189 .elementor-element.elementor-element-b8f5790{text-align:center;}.elementor-189 .elementor-element.elementor-element-b8f5790 .premium-dual-header-first-span{font-family:"Jockey One", Sans-serif;font-size:31px;font-weight:800;letter-spacing:5.1px;word-spacing:2px;color:#FFFFFF;}.elementor-189 .elementor-element.elementor-element-b8f5790 .premium-dual-header-second-header{font-family:"Jockey One", Sans-serif;font-size:50px;font-weight:900;letter-spacing:8px;word-spacing:32px;color:var( --e-global-color-accent );}.elementor-189 .elementor-element.elementor-element-88f23f2{text-align:center;font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:400;color:#E6DEDE;}.elementor-189 .elementor-element.elementor-element-6ba56c5{--e-image-carousel-slides-to-show:7;width:var( --container-widget-width, 84.306% );max-width:84.306%;padding:0px 0px 0px 0px;--container-widget-width:84.306%;--container-widget-flex-grow:0;}.elementor-189 .elementor-element.elementor-element-6ba56c5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-189 .elementor-element.elementor-element-6ba56c5 .swiper-pagination-bullet{width:2px;height:2px;background:#FFFFFF;}.elementor-189 .elementor-element.elementor-element-6ba56c5 .swiper-pagination-bullet:not(.swiper-pagination-bullet-active){background:var( --e-global-color-accent );opacity:var( --e-global-color-accent );}.elementor-189 .elementor-element.elementor-element-6ba56c5 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-style:solid;border-width:4px 4px 4px 4px;border-color:var( --e-global-color-accent );border-radius:16px 16px 16px 16px;}.elementor-189 .elementor-element.elementor-element-2c52bf3{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-189 .elementor-element.elementor-element-c24c1a3 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:26px;font-weight:500;fill:#D548E2;color:#D548E2;border-style:solid;border-width:0px 2px 2px 0px;border-radius:20px 20px 20px 20px;padding:20px 25px 20px 25px;}.elementor-189 .elementor-element.elementor-element-c24c1a3 .elementor-button:hover, .elementor-189 .elementor-element.elementor-element-c24c1a3 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-accent );}.elementor-189 .elementor-element.elementor-element-c24c1a3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-189 .elementor-element.elementor-element-c24c1a3.elementor-element{--align-self:center;}.elementor-189 .elementor-element.elementor-element-c24c1a3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-189 .elementor-element.elementor-element-c24c1a3 .elementor-button .elementor-button-content-wrapper{gap:21px;}.elementor-189 .elementor-element.elementor-element-c24c1a3 .elementor-button:hover svg, .elementor-189 .elementor-element.elementor-element-c24c1a3 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-189 .elementor-element.elementor-element-d2a65c5 .elementor-button{background-color:#FFFFFF;font-family:"Roboto", Sans-serif;font-size:26px;font-weight:500;fill:#000000;color:#000000;border-style:solid;border-width:0px 2px 2px 0px;border-radius:20px 20px 20px 20px;padding:20px 25px 20px 25px;}.elementor-189 .elementor-element.elementor-element-d2a65c5 .elementor-button:hover, .elementor-189 .elementor-element.elementor-element-d2a65c5 .elementor-button:focus{background-color:#FFFFFF;color:var( --e-global-color-accent );}.elementor-189 .elementor-element.elementor-element-d2a65c5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-189 .elementor-element.elementor-element-d2a65c5.elementor-element{--align-self:center;}.elementor-189 .elementor-element.elementor-element-d2a65c5 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-189 .elementor-element.elementor-element-d2a65c5 .elementor-button .elementor-button-content-wrapper{gap:21px;}.elementor-189 .elementor-element.elementor-element-d2a65c5 .elementor-button:hover svg, .elementor-189 .elementor-element.elementor-element-d2a65c5 .elementor-button:focus svg{fill:var( --e-global-color-accent );}.elementor-189 .elementor-element.elementor-element-f23f598{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-189 .elementor-element.elementor-element-cc3eca3{text-align:center;}.elementor-189 .elementor-element.elementor-element-cc3eca3 .elementor-heading-title{font-family:"Jockey One", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-accent );}.elementor-189 .elementor-element.elementor-element-71bbd90{--swiper-slides-to-display:4;--swiper-slides-gap:10px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--arrow-normal-color:var( --e-global-color-accent );--dots-normal-color:var( --e-global-color-accent );--dots-hover-color:var( --e-global-color-astglobalcolor0 );}.elementor-189 .elementor-element.elementor-element-71bbd90 .swiper-slide > .elementor-element{height:100%;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-189 .elementor-element.elementor-element-410be77{--n-tabs-title-font-size:20px;}.elementor-189 .elementor-element.elementor-element-1aa2308{--grid-auto-flow:row;}.elementor-189 .elementor-element.elementor-element-2c52bf3{--grid-auto-flow:row;}.elementor-189 .elementor-element.elementor-element-71bbd90{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-189 .elementor-element.elementor-element-cce5db3{--min-height:0px;}.elementor-189 .elementor-element.elementor-element-6e535eb .swiper-slide{height:100px;}.elementor-189 .elementor-element.elementor-element-6512895 .elementor-heading-title{font-size:14px;}.elementor-189 .elementor-element.elementor-element-19cf104{width:var( --container-widget-width, 318.688px );max-width:318.688px;--container-widget-width:318.688px;--container-widget-flex-grow:0;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product{text-align:center;padding:10px 10px 10px 10px;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-element{--align-self:center;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .price{font-size:18px;}.elementor-189 .elementor-element.elementor-element-3e86b94.elementor-wc-products ul.products li.product .button{border-width:2px 2px 2px 2px;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product{text-align:center;padding:10px 10px 10px 10px;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-element{--align-self:center;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .price{font-size:18px;}.elementor-189 .elementor-element.elementor-element-54c9054.elementor-wc-products ul.products li.product .button{border-width:2px 2px 2px 2px;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product{text-align:center;padding:10px 10px 10px 10px;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-element{--align-self:center;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-size:14px;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .price{font-size:18px;}.elementor-189 .elementor-element.elementor-element-557817c.elementor-wc-products ul.products li.product .button{border-width:2px 2px 2px 2px;}.elementor-189 .elementor-element.elementor-element-1aa2308{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-189 .elementor-element.elementor-element-88f23f2{font-size:13px;}.elementor-189 .elementor-element.elementor-element-2c52bf3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-189 .elementor-element.elementor-element-cc3eca3 .elementor-heading-title{font-size:24px;}.elementor-189 .elementor-element.elementor-element-71bbd90{--swiper-slides-to-display:1;}}@media(min-width:768px){.elementor-189 .elementor-element.elementor-element-85225b7{--content-width:1504px;}.elementor-189 .elementor-element.elementor-element-7e100ae{--width:100%;}.elementor-189 .elementor-element.elementor-element-2c52bf3{--content-width:1140px;}}/* Start custom CSS for container, class: .elementor-element-f78713c */.ticker-wrapper { width: 100%; overflow: hidden; background: #e50909; height: 40px; display: flex; align-items: center; } .ticker-track { display: flex; align-items: center; width: max-content; white-space: nowrap; animation: tickerMove 25s linear infinite; } .ticker-track:hover { animation-play-state: paused; } .ticker-track .elementor-widget-text-editor { margin: 0; } .ticker-track .elementor-widget-text-editor .elementor-widget-container { color: #ffffff; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .3px; } @keyframes tickerMove { from { transform: translateX(0); } to { transform: translateX(-50%); } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3e86b94 *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } } /* ========================================================= OCULTAR BOTÓN COMPARE DE LOS PRODUCTOS ========================================================= */ .woocommerce ul.products li.product .compare, .woocommerce ul.products li.product a.compare, .woocommerce ul.products li.product .add-to-compare, .woocommerce ul.products li.product .yith-wcwl-add-to-compare, .woocommerce ul.products li.product .compare-button, .elementor-widget-products .compare, .elementor-widget-woocommerce-products .compare { display: none !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-54c9054 *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-557817c *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3e86b94 *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } } /* ========================================================= OCULTAR BOTÓN COMPARE DE LOS PRODUCTOS ========================================================= */ .woocommerce ul.products li.product .compare, .woocommerce ul.products li.product a.compare, .woocommerce ul.products li.product .add-to-compare, .woocommerce ul.products li.product .yith-wcwl-add-to-compare, .woocommerce ul.products li.product .compare-button, .elementor-widget-products .compare, .elementor-widget-woocommerce-products .compare { display: none !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-54c9054 *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-557817c *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3e86b94 *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } } /* ========================================================= OCULTAR BOTÓN COMPARE DE LOS PRODUCTOS ========================================================= */ .woocommerce ul.products li.product .compare, .woocommerce ul.products li.product a.compare, .woocommerce ul.products li.product .add-to-compare, .woocommerce ul.products li.product .yith-wcwl-add-to-compare, .woocommerce ul.products li.product .compare-button, .elementor-widget-products .compare, .elementor-widget-woocommerce-products .compare { display: none !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-54c9054 *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-557817c *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-3e86b94 *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } } /* ========================================================= OCULTAR BOTÓN COMPARE DE LOS PRODUCTOS ========================================================= */ .woocommerce ul.products li.product .compare, .woocommerce ul.products li.product a.compare, .woocommerce ul.products li.product .add-to-compare, .woocommerce ul.products li.product .yith-wcwl-add-to-compare, .woocommerce ul.products li.product .compare-button, .elementor-widget-products .compare, .elementor-widget-woocommerce-products .compare { display: none !important; }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-54c9054 *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } }/* End custom CSS */ /* Start custom CSS for woocommerce-products, class: .elementor-element-557817c *//* ========================================================= MUNDO JERSEY - HOVER PREMIUM PARA PRODUCTOS Elementor + WooCommerce ========================================================= */ /* ========================================================= 1. TARJETA DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product, .elementor-widget-woocommerce-products ul.products li.product, .elementor-widget-products ul.products li.product { position: relative !important; background: #ffffff !important; border-radius: 14px !important; overflow: hidden !important; transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease !important; border: 1px solid transparent !important; will-change: transform; } /* ========================================================= 2. HOVER DE LA TARJETA ========================================================= */ .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-8px) !important; border-color: #e5e7eb !important; box-shadow: 0 18px 40px rgba(15, 23, 42, 0.14), 0 6px 15px rgba(15, 23, 42, 0.08) !important; z-index: 5 !important; } /* ========================================================= 3. IMAGEN DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product img, .elementor-widget-woocommerce-products ul.products li.product img, .elementor-widget-products ul.products li.product img { transition: transform 0.5s cubic-bezier(.2,.8,.2,1), filter 0.4s ease !important; transform-origin: center center; will-change: transform; } /* ========================================================= 4. ZOOM DE LA IMAGEN ========================================================= */ .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.07) !important; filter: brightness(1.03) contrast(1.02) !important; } /* ========================================================= 5. CONTENEDOR DE IMAGEN ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__link, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__link { overflow: hidden !important; display: block !important; } /* ========================================================= 6. NOMBRE DEL PRODUCTO ========================================================= */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product .woocommerce-loop-product__title { transition: color 0.25s ease, transform 0.25s ease !important; } /* Nombre azul marino al pasar el mouse */ .woocommerce ul.products li.product:hover .woocommerce-loop-product__title, .elementor-widget-woocommerce-products ul.products li.product:hover .woocommerce-loop-product__title { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 7. PRECIO ========================================================= */ .woocommerce ul.products li.product .price, .elementor-widget-woocommerce-products ul.products li.product .price { transition: color 0.25s ease, transform 0.25s ease !important; } .woocommerce ul.products li.product:hover .price, .elementor-widget-woocommerce-products ul.products li.product:hover .price { color: #174F82 !important; transform: translateX(2px); } /* ========================================================= 8. BOTÓN "SELECCIONAR OPCIONES" ========================================================= */ .woocommerce ul.products li.product .button, .elementor-widget-woocommerce-products ul.products li.product .button, .elementor-widget-products ul.products li.product .button { transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease !important; position: relative; overflow: hidden; } /* ========================================================= 9. HOVER DEL BOTÓN ========================================================= */ .woocommerce ul.products li.product:hover .button, .elementor-widget-woocommerce-products ul.products li.product:hover .button, .elementor-widget-products ul.products li.product:hover .button { background: #174F82 !important; color: #ffffff !important; transform: translateY(-2px) !important; box-shadow: 0 7px 18px rgba(23, 79, 130, 0.25) !important; } /* ========================================================= 10. EFECTO DE BRILLO EN EL BOTÓN ========================================================= */ .woocommerce ul.products li.product .button::before, .elementor-widget-woocommerce-products ul.products li.product .button::before { content: ""; position: absolute; top: 0; left: -120%; width: 80%; height: 100%; background: rgba(255,255,255,0.22); transform: skewX(-25deg); transition: left 0.55s ease; } .woocommerce ul.products li.product:hover .button::before, .elementor-widget-woocommerce-products ul.products li.product:hover .button::before { left: 140%; } /* ========================================================= 11. EFECTO SUTIL EN LA IMAGEN ========================================================= */ .woocommerce ul.products li.product::after, .elementor-widget-woocommerce-products ul.products li.product::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: #54C968; transform: scaleX(0); transform-origin: center; transition: transform 0.35s ease; z-index: 10; } .woocommerce ul.products li.product:hover::after, .elementor-widget-woocommerce-products ul.products li.product:hover::after { transform: scaleX(1); } /* ========================================================= 12. SUAVIZAR EL CONTENIDO ========================================================= */ .woocommerce ul.products li.product > *, .elementor-widget-woocommerce-products ul.products li.product > * { transition: opacity 0.3s ease; } /* ========================================================= 13. MOBILE No aplicar elevación exagerada en móvil ========================================================= */ @media (max-width: 767px) { .woocommerce ul.products li.product:hover, .elementor-widget-woocommerce-products ul.products li.product:hover, .elementor-widget-products ul.products li.product:hover { transform: translateY(-3px) !important; box-shadow: 0 10px 25px rgba(15, 23, 42, 0.10) !important; } .woocommerce ul.products li.product:hover img, .elementor-widget-woocommerce-products ul.products li.product:hover img, .elementor-widget-products ul.products li.product:hover img { transform: scale(1.03) !important; } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7e100ae *//* ========================================================= TESTIMONIOS / REFERENCIAS DE CLIENTES ========================================================= */ .testimonios-clientes { width: 100vw !important; max-width: 100vw !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; position: relative; overflow: hidden; padding: 75px 0 70px !important; background: linear-gradient( 90deg, rgba(3, 24, 52, .96), rgba(5, 42, 80, .88) ); } /* ========================================================= EFECTO DE FONDO ========================================================= */ .testimonios-clientes::before { content: ""; position: absolute; inset: 0; background: radial-gradient( circle at 15% 50%, rgba(0, 180, 110, .18), transparent 35% ), radial-gradient( circle at 85% 40%, rgba(0, 120, 255, .20), transparent 35% ); pointer-events: none; } /* ========================================================= CONTENIDO ========================================================= */ .testimonios-clientes > .e-con-inner { position: relative; z-index: 2; } /* ========================================================= TITULO ========================================================= */ .testimonios-clientes h2, .testimonios-clientes h3 { margin-bottom: 12px; font-weight: 800; letter-spacing: -1px; line-height: 1.05; } /* ========================================================= TEXTO INTRODUCTORIO ========================================================= */ .testimonios-clientes .testimonios-subtitulo { max-width: 700px; margin: 0 auto 35px; color: rgba(255,255,255,.80); font-size: 17px; line-height: 1.6; text-align: center; } /* ========================================================= CARRUSEL ========================================================= */ .testimonios-clientes .swiper { overflow: visible !important; } .testimonios-clientes .swiper-wrapper { align-items: stretch; } .testimonios-clientes .swiper-slide { height: auto !important; padding: 8px; display: flex; } /* ========================================================= TARJETA ========================================================= */ .testimonios-clientes .testimonial-card { width: 100%; background: #ffffff; border-radius: 18px; overflow: hidden; box-shadow: 0 12px 35px rgba(0,0,0,.22); transition: transform .35s ease, box-shadow .35s ease; } .testimonios-clientes .testimonial-card:hover { transform: translateY(-8px); box-shadow: 0 20px 45px rgba(0,0,0,.30); } /* ========================================================= IMAGEN ========================================================= */ .testimonios-clientes .testimonial-card img { width: 100% !important; height: 250px !important; object-fit: cover !important; object-position: center; display: block; transition: transform .5s ease; } .testimonios-clientes .testimonial-card:hover img { transform: scale(1.05); } /* ========================================================= CONTENIDO TARJETA ========================================================= */ .testimonios-clientes .testimonial-content { padding: 20px 20px 22px; color: #14213d; } /* ========================================================= COMILLAS ========================================================= */ .testimonios-clientes .testimonial-quote { color: #087f8c; font-size: 35px; line-height: .7; font-weight: 900; margin-bottom: 12px; } /* ========================================================= COMENTARIO ========================================================= */ .testimonios-clientes .testimonial-text { color: #333; font-size: 15px; line-height: 1.55; min-height: 70px; margin-bottom: 12px; } /* ========================================================= ESTRELLAS ========================================================= */ .testimonios-clientes .testimonial-stars { color: #ffb400; font-size: 18px; letter-spacing: 2px; margin-bottom: 15px; } /* ========================================================= CLIENTE ========================================================= */ .testimonios-clientes .testimonial-name { color: #102a43; font-size: 15px; font-weight: 800; } /* ========================================================= FLECHAS ========================================================= */ .testimonios-clientes .elementor-swiper-button { width: 48px !important; height: 48px !important; display: flex !important; align-items: center; justify-content: center; background: #ffffff !important; border-radius: 50% !important; box-shadow: 0 8px 25px rgba(0,0,0,.25); transition: transform .3s ease, box-shadow .3s ease; z-index: 20; } .testimonios-clientes .elementor-swiper-button:hover { transform: scale(1.1); box-shadow: 0 12px 30px rgba(0,0,0,.35); } .testimonios-clientes .elementor-swiper-button i { color: #063b6f; font-size: 17px; } /* ========================================================= PAGINACIÓN ========================================================= */ .testimonios-clientes .swiper-pagination { position: relative !important; bottom: auto !important; margin-top: 25px; } .testimonios-clientes .swiper-pagination-bullet { width: 9px !important; height: 9px !important; margin: 0 5px !important; opacity: .45; transition: all .3s ease; } .testimonios-clientes .swiper-pagination-bullet-active { width: 28px !important; border-radius: 20px; opacity: 1; } /* ========================================================= BOTON VER MAS ========================================================= */ .testimonios-clientes .boton-opiniones { margin-top: 35px; text-align: center; } .testimonios-clientes .boton-opiniones .elementor-button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: #13a86b !important; color: #ffffff !important; border: none; border-radius: 50px; padding: 15px 30px; font-size: 14px; font-weight: 800; box-shadow: 0 8px 25px rgba(0,0,0,.20); transition: all .3s ease; } .testimonios-clientes .boton-opiniones .elementor-button:hover { background: #0d8c58 !important; transform: translateY(-3px); box-shadow: 0 12px 30px rgba(0,0,0,.30); } /* ========================================================= TABLET ========================================================= */ @media (max-width: 1024px) { .testimonios-clientes { padding: 60px 20px !important; } .testimonios-clientes .testimonial-card img { height: 230px !important; } .testimonios-clientes .elementor-swiper-button { width: 42px !important; height: 42px !important; } } /* ========================================================= MOVIL ========================================================= */ @media (max-width: 767px) { .testimonios-clientes { padding: 50px 12px 55px !important; width: 100vw !important; margin-left: calc(50% - 50vw) !important; } .testimonios-clientes h2, .testimonios-clientes h3 { font-size: 30px !important; line-height: 1.08 !important; } .testimonios-clientes .testimonios-subtitulo { font-size: 15px; padding: 0 15px; margin-bottom: 25px; } .testimonios-clientes .swiper-slide { padding: 5px; } .testimonios-clientes .testimonial-card img { height: 280px !important; } .testimonios-clientes .testimonial-content { padding: 18px; } .testimonios-clientes .testimonial-text { font-size: 14px; min-height: auto; } .testimonios-clientes .elementor-swiper-button { width: 38px !important; height: 38px !important; } .testimonios-clientes .elementor-swiper-button i { font-size: 13px; } .testimonios-clientes .boton-opiniones .elementor-button { width: 100%; padding: 14px 20px; font-size: 13px; } }/* End custom CSS */