.elementor-709 .elementor-element.elementor-element-e8e49bf{--display:flex;--overlay-opacity:0.5;border-style:solid;--border-style:solid;border-color:#051EFF;--border-color:#051EFF;--border-radius:35px 35px 35px 35px;}.elementor-709 .elementor-element.elementor-element-e8e49bf:not(.elementor-motion-effects-element-type-background), .elementor-709 .elementor-element.elementor-element-e8e49bf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #E4FDFF 0%, #3C35BA 87%);}.elementor-709 .elementor-element.elementor-element-e8e49bf::before, .elementor-709 .elementor-element.elementor-element-e8e49bf > .elementor-background-video-container::before, .elementor-709 .elementor-element.elementor-element-e8e49bf > .e-con-inner > .elementor-background-video-container::before, .elementor-709 .elementor-element.elementor-element-e8e49bf > .elementor-background-slideshow::before, .elementor-709 .elementor-element.elementor-element-e8e49bf > .e-con-inner > .elementor-background-slideshow::before, .elementor-709 .elementor-element.elementor-element-e8e49bf > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-theme-archive-title .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-709 .elementor-element.elementor-element-f85ed1c{border-style:double;border-width:8px 8px 8px 8px;border-radius:19px 19px 19px 19px;box-shadow:-11px 12px 37px 11px rgba(0,0,0,0.5);}.elementor-709 .elementor-element.elementor-element-f85ed1c .elementor-heading-title{font-family:"Tapestry", Sans-serif;font-weight:600;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;text-shadow:16px 5px 30px rgba(0,0,0,0.3);color:#A40303;}.elementor-709 .elementor-element.elementor-element-823b312{--spacer-size:69px;}.elementor-709 .elementor-element.elementor-element-823b312:hover{border-style:solid;}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-wc-archive-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-wc-archive-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-wc-archive-products.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products{--products-title-color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.products-heading-show .related-products > h2, .elementor-widget-wc-archive-products.products-heading-show .upsells > h2, .elementor-widget-wc-archive-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-wc-archive-products.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-products.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-wc-archive-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-wc-archive-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-wc-archive-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-widget-wc-archive-products .elementor-products-nothing-found{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-709 .elementor-element.elementor-element-cf04d96.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-709 .elementor-element.elementor-element-cf04d96.elementor-wc-products .attachment-woocommerce_thumbnail{margin-bottom:15px;}.elementor-709 .elementor-element.elementor-element-cf04d96.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{margin-bottom:14px;}.elementor-709 .elementor-element.elementor-element-cf04d96.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{margin-bottom:14px;}.elementor-709 .elementor-element.elementor-element-cf04d96.elementor-wc-products ul.products li.product .button{border-color:#63313100;}.elementor-709 .elementor-element.elementor-element-cf04d96.elementor-wc-products ul.products li.product{border-style:solid;border-width:15px 15px 15px 15px;border-radius:10px;padding:17px 17px 17px 17px;box-shadow:21px 17px 5px -7px rgba(0,0,0,0.5);}.elementor-709 .elementor-element.elementor-element-cf04d96.elementor-wc-products ul.products li.product span.onsale{display:block;font-size:1px;}.elementor-709 .elementor-element.elementor-element-66eb62f > .elementor-widget-container{background-color:transparent;background-image:linear-gradient(180deg, #132BFF 30%, #95233F 100%);border-style:double;border-width:9px 9px 9px 9px;border-radius:20px 20px 20px 20px;}.elementor-709 .elementor-element.elementor-element-66eb62f.elementor-element{--align-self:flex-end;}@media(max-width:1024px){.elementor-709 .elementor-element.elementor-element-cf04d96.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-709 .elementor-element.elementor-element-cf04d96.elementor-wc-products ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for spacer, class: .elementor-element-823b312 *//* ===================================== BORDE AZUL ILUMINADO PRODUCTOS ===================================== */ .woocommerce ul.products li.product, .product{ position:relative; border: 2px solid rgba(96,165,250,.25); border-radius:22px; padding:16px; transition:.35s; box-shadow: 0 8px 20px rgba(0,0,0,.05); } /* EFECTO LUZ */ .woocommerce ul.products li.product:hover, .product:hover{ border: 2px solid #60a5fa; box-shadow: 0 0 12px rgba(96,165,250,.35), 0 0 25px rgba(59,130,246,.25), 0 0 45px rgba(37,99,235,.15); transform: translateY(-4px); } /* BRILLO SUPERIOR */ .woocommerce ul.products li.product::before{ content:""; position:absolute; top:-50px; left:-50px; width:120px; height:120px; background: radial-gradient( rgba(96,165,250,.18), transparent); pointer-events:none; }/* End custom CSS */ /* Start custom CSS *//* ========================================== 1. MENÚ PREMIUM AZUL ========================================== */ .site-header, header{ background: linear-gradient( 135deg, rgba(240,247,255,.96), rgba(226,238,255,.96)); padding:10px; margin:10px; border-radius:24px; backdrop-filter:blur(12px); box-shadow: 0 10px 25px rgba(37,99,235,.08); } /* LINKS */ .main-navigation a, .menu a{ padding:10px 14px; border-radius:16px; color:#2563eb!important; font-weight:800; transition:.35s; position:relative; overflow:hidden; } /* EFECTO */ .main-navigation a:hover{ background: linear-gradient( 135deg, #3b82f6, #60a5fa); color:white!important; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(59,130,246,.18); } /* BRILLO */ .main-navigation a::before{ content:""; position:absolute; left:-120%; top:0; width:50%; height:100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.35), transparent); transition:.7s; } .main-navigation a:hover::before{ left:140%; } /* ========================================== 2. FONDO 😈πŸ”₯ ========================================== */ body::before{ content: "😈 πŸ”₯ 😈 πŸ”₯ 😈 πŸ”₯ 😈"; position:fixed; top:-120px; left:0; width:100%; font-size:22px; letter-spacing:100px; opacity:.12; pointer-events:none; animation: rain1 18s linear infinite; } body::after{ content: "πŸ”₯ 😈 πŸ”₯ 😈 πŸ”₯"; position:fixed; top:-220px; left:0; width:100%; font-size:18px; letter-spacing:140px; opacity:.10; pointer-events:none; animation: rain2 24s linear infinite; } @keyframes rain1{ 0%{transform:translateY(-100px);} 100%{transform:translateY(120vh);} } @keyframes rain2{ 0%{transform:translateY(-180px);} 100%{transform:translateY(120vh);} } /* ========================================== 3. TARJETAS PRODUCTO ========================================== */ .product, .woocommerce ul.products li.product{ border-radius:22px; padding:16px; transition:.35s; box-shadow: 0 8px 20px rgba(0,0,0,.06); border: 2px solid transparent; } /* BORDE AZUL */ .product:hover{ transform: translateY(-5px); border: 2px solid #93c5fd; box-shadow: 0 15px 28px rgba(59,130,246,.15); } /* ========================================== 4. PRODUCTOS AZULES πŸ”₯ ========================================== */ .woocommerce-loop-product__title, .product_title{ color:#2563eb!important; font-size:18px; font-weight:900; display:flex; justify-content:center; gap:6px; text-align:center; } .woocommerce-loop-product__title::after, .product_title::after{ content:"πŸ”₯"; animation: fireMove 1.4s infinite; } @keyframes fireMove{ 0%{ transform:translateY(0); } 50%{ transform: translateY(-3px) scale(1.08); } 100%{ transform:translateY(0); } } /* ========================================== 5. PRECIO MODERNO ========================================== */ .price{ display:inline-flex; padding:10px 18px; background: linear-gradient( 135deg, #22c55e, #4ade80); color:white!important; font-size:18px; font-weight:900; border-radius:999px; box-shadow: 0 12px 22px rgba(34,197,94,.20); } /* ========================================== 6. ELIMINAR CARRITO ========================================== */ .add_to_cart_button, .single_add_to_cart_button, .product_type_simple, .product_type_variable{ display:none!important; } /* ========================================== 7. BOTONES / EFECTO CLIC ========================================== */ button, .wp-element-button{ transition:.3s; border: 2px solid transparent; } button:hover{ border: 2px solid #93c5fd; box-shadow: 0 10px 18px rgba(147,197,253,.18); } button:active{ transform: scale(.95); } /* ========================================== RESPONSIVE ========================================== */ @media(max-width:768px){ .site-header{ margin:6px; padding:8px; } .main-navigation a{ padding:8px 10px; font-size:12px; } .price{ font-size:16px; } } /* ====================================== ORDENADOR DE RESULTADOS PREMIUM ====================================== */ /* CONTENEDOR */ .woocommerce-ordering{ display:flex; justify-content:flex-end; margin:20px 0; } /* SELECTOR */ .woocommerce-ordering select{ appearance:none; -webkit-appearance:none; -moz-appearance:none; padding:14px 50px 14px 18px; font-size:14px; font-weight:700; color:#1e3a8a; background: linear-gradient( 135deg, #dbeafe, #eff6ff); border:none; border-radius:999px; box-shadow: 0 8px 20px rgba(59,130,246,.12); outline:none; cursor:pointer; transition:.35s; min-width:250px; } /* HOVER */ .woocommerce-ordering select:hover{ transform: translateY(-2px); box-shadow: 0 12px 24px rgba(59,130,246,.18); } /* FOCUS */ .woocommerce-ordering select:focus{ box-shadow: 0 0 0 4px rgba(59,130,246,.15); } /* FLECHA */ .woocommerce-ordering{ position:relative; } .woocommerce-ordering::after{ content:"β–Ό"; position:absolute; right:20px; top:50%; transform: translateY(-50%); color:#2563eb; font-size:12px; pointer-events:none; } /* RESPONSIVE */ @media(max-width:768px){ .woocommerce-ordering{ justify-content:center; } .woocommerce-ordering select{ width:100%; min-width:auto; font-size:13px; padding:12px 45px 12px 16px; } } /* ===================================== MENÚ EFECTO LUMINOSO AZUL ===================================== */ .main-navigation a, .menu a, nav a{ position:relative; padding:10px 14px; border-radius:16px; color:#2563eb!important; font-weight:700; transition:.35s; overflow:hidden; } /* HOVER */ .main-navigation a:hover, .menu a:hover, nav a:hover{ background: linear-gradient( 135deg, #3b82f6, #60a5fa); color:white!important; box-shadow: 0 0 12px rgba(96,165,250,.35), 0 0 25px rgba(59,130,246,.25), 0 0 40px rgba(37,99,235,.15); transform: translateY(-2px); } /* BRILLO */ .main-navigation a::before, .menu a::before{ content:""; position:absolute; top:0; left:-120%; width:50%; height:100%; background: linear-gradient( 90deg, transparent, rgba(255,255,255,.35), transparent); transition:.7s; } .main-navigation a:hover::before, .menu a:hover::before{ left:140%; } /* EFECTO AL HACER CLIC */ .main-navigation a:active, .menu a:active{ transform: scale(.95); box-shadow: 0 0 15px rgba(96,165,250,.40), 0 0 30px rgba(59,130,246,.28); }/* End custom CSS */