.elementor-58328 .elementor-element.elementor-element-d2c67d5{--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;}/* Start custom CSS for container, class: .elementor-element-d2c67d5 *//* ============================================================= LETACA · CSS del Customizer (Apariencia → Personalizar → CSS adicional) Este archivo debe ser copia exacta de lo que hay pegado ahí. Última actualización: 11/08/2026 ============================================================= */ /* ------------------------------------------------------------- BLOQUE 1 · Páginas con bloque HTML de Letaca Fondo oscuro, título del tema oculto y contenedores a borde completo. NO ampliar a todo el sitio: /mi-cuenta/ y los posts tienen el texto en #333 sobre blanco y quedarían ilegibles. ------------------------------------------------------------- */ body.page-id-55900, /* Inicio */ body.page-id-36325, /* Aviso legal */ body.page-id-41760, /* Términos */ body.page-id-41753, /* Privacidad */ body.page-id-41742, /* Cookies */ body.blog { /* Blog */ background-color: #07060e; } /* El bloque ya trae su propio H1 */ body.page-id-36325 .page-header { display: none; } /* Los contenedores de Elementor traen padding:10px y dejan ver el fondo */ .e-con:has(#ltc-header), .e-con:has(#ltc-home), .e-con:has(#ltc-blog), .e-con:has(#ltc-legal), .e-con:has(#ltc-shop) { padding: 0 !important; } .e-con:has(#ltc-header) > .e-con-inner, .e-con:has(#ltc-home) > .e-con-inner, .e-con:has(#ltc-blog) > .e-con-inner, .e-con:has(#ltc-legal) > .e-con-inner, .e-con:has(#ltc-shop) > .e-con-inner { max-width: 100% !important; } /* ------------------------------------------------------------- BLOQUE 2 · Fondo de los archivos de WooCommerce /tienda/ la pinta entera la plantilla del Theme Builder con el bloque #ltc-shop, pero el del tema sigue siendo blanco y asoma por los bordes. Esta regla lo apaga. Alcance: /tienda/ y /categoria-producto/. NO alcanza la ficha de producto, el carrito ni el checkout: esas páginas no llevan `archive`. ------------------------------------------------------------- */ body.woocommerce.archive { background-color: #07060e; color: #e9e9f2; } /* ------------------------------------------------------------- BLOQUE 3 · Categorías de producto Las categorías siguen usando el archivo nativo de WooCommerce (la plantilla solo se aplica a "Shop Page"), así que necesitan estilo propio. Si algún día se retira la plantilla, esto también deja /tienda/ decente. ------------------------------------------------------------- */ body.woocommerce.archive .content-area { max-width:1320px; margin:0 auto; padding:0 36px 100px; } /* Migas */ body.woocommerce.archive .woocommerce-breadcrumb { font-size:12.5px; color:#8a8aa4; padding:26px 0 0; } body.woocommerce.archive .woocommerce-breadcrumb a { color:#a6a6c0; text-decoration:none; } body.woocommerce.archive .woocommerce-breadcrumb a:hover { color:#22d3ee; } /* Cabecera de la categoría */ body.woocommerce.archive .woocommerce-products-header { position:relative; padding:44px 0 30px; border-bottom:1px solid rgba(255,255,255,0.08); margin-bottom:10px; } body.woocommerce.archive h1.woocommerce-products-header__title, body.woocommerce.archive h1.page-title { font-family:'Space Grotesk',sans-serif; font-weight:700; font-size:clamp(38px,4.4vw,54px); line-height:1.04; letter-spacing:-0.03em; margin:0 0 14px; color:#f7f7fb; } body.woocommerce.archive .term-description p, body.woocommerce.archive .page-description p { font-size:16px; line-height:1.7; color:#a6a6c0; margin:0; max-width:640px; } /* Recuento y ordenación */ body.woocommerce.archive .woocommerce-result-count { font-size:13.5px; color:#8a8aa4; margin:26px 0 0; } body.woocommerce.archive .woocommerce-ordering { margin:18px 0 0; } body.woocommerce.archive .woocommerce-ordering select { background:rgba(13,12,24,0.6); color:#e9e9f2; border:1px solid rgba(255,255,255,0.32); border-radius:12px; padding:10px 14px; font-family:'Manrope',system-ui,sans-serif; font-size:14px; } /* Rejilla (WooCommerce usa floats; lo pasamos a grid) */ body.woocommerce.archive ul.products { display:grid !important; grid-template-columns:repeat(3,1fr); gap:26px; list-style:none; margin:30px 0 0 !important; padding:0; } body.woocommerce.archive ul.products:before, body.woocommerce.archive ul.products:after { display:none !important; } /* Tarjeta */ body.woocommerce.archive ul.products li.product { width:auto !important; margin:0 !important; float:none !important; clear:none !important; display:flex; flex-direction:column; border:1px solid rgba(255,255,255,0.08); background:rgba(13,12,24,0.6); border-radius:22px; padding:14px 14px 18px; transition:transform .25s, border-color .25s, box-shadow .25s; } body.woocommerce.archive ul.products li.product:hover { transform:translateY(-6px); border-color:rgba(34,211,238,0.4); box-shadow:0 26px 60px -26px rgba(139,92,246,0.5); } body.woocommerce.archive ul.products li.product a img { width:100%; aspect-ratio:1/1; object-fit:contain; background:rgba(255,255,255,0.05); border-radius:14px; padding:10px; margin:0 0 14px; } body.woocommerce.archive ul.products li.product .woocommerce-loop-product__title { font-family:'Manrope',system-ui,sans-serif; font-size:15.5px !important; font-weight:700; line-height:1.4; color:#f4f4f8; padding:0 4px !important; margin:0 0 10px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; } body.woocommerce.archive ul.products li.product .price { font-family:'Space Grotesk',sans-serif; font-size:19px !important; font-weight:700; color:#22d3ee !important; margin:0 0 14px; padding:0 4px; display:block; } body.woocommerce.archive ul.products li.product .price del { color:#8a8aa4 !important; font-size:14px; font-weight:400; opacity:1; margin-right:8px; } body.woocommerce.archive ul.products li.product .price ins { text-decoration:none; color:#22d3ee; } body.woocommerce.archive ul.products li.product .price .from { font-size:12px; color:#8a8aa4; font-weight:400; letter-spacing:.08em; } /* Botones */ body.woocommerce.archive ul.products li.product .button { margin:auto 0 0 !important; display:flex; align-items:center; justify-content:center; min-height:46px; padding:0 16px; border-radius:12px; font-family:'Manrope',system-ui,sans-serif; font-size:14.5px; font-weight:700; color:#07060e !important; background:linear-gradient(135deg,#8b5cf6,#22d3ee) !important; box-shadow:0 12px 32px -10px rgba(139,92,246,0.7); transition:transform .2s, box-shadow .2s; } body.woocommerce.archive ul.products li.product .button:hover { transform:translateY(-2px); box-shadow:0 16px 40px -10px rgba(34,211,238,0.6); } body.woocommerce.archive ul.products li.product .quick_view { order:9; margin:10px 0 0 !important; display:flex; align-items:center; justify-content:center; min-height:44px; border-radius:12px; border:1px solid rgba(255,255,255,0.12); background:transparent !important; color:#f4f4f8 !important; font-size:13.5px; font-weight:600; box-shadow:none; transition:border-color .2s, color .2s; } body.woocommerce.archive ul.products li.product .quick_view:hover { border-color:rgba(34,211,238,0.5); color:#fff !important; transform:none; } /* Paginación */ body.woocommerce.archive .woocommerce-pagination ul, body.woocommerce.archive .woocommerce-pagination li { border:0 !important; } body.woocommerce.archive .woocommerce-pagination ul { display:flex; gap:8px; justify-content:center; margin-top:40px; } body.woocommerce.archive .woocommerce-pagination a, body.woocommerce.archive .woocommerce-pagination span { min-width:44px; height:44px; display:flex; align-items:center; justify-content:center; border-radius:12px; border:1px solid rgba(255,255,255,0.12); color:#a6a6c0; font-weight:600; } body.woocommerce.archive .woocommerce-pagination span.current { background:linear-gradient(135deg,#8b5cf6,#22d3ee); color:#07060e; border-color:transparent; } /* Accesibilidad */ body.woocommerce.archive a:focus-visible, body.woocommerce.archive button:focus-visible, body.woocommerce.archive select:focus-visible { outline:3px solid #22d3ee; outline-offset:3px; border-radius:6px; } /* Responsive */ @media (max-width:900px){ body.woocommerce.archive ul.products { grid-template-columns:repeat(2,1fr); gap:18px; } } @media (max-width:768px){ body.woocommerce.archive .content-area { padding:0 20px 72px; } body.woocommerce.archive h1.woocommerce-products-header__title { font-size:34px; } } @media (max-width:520px){ body.woocommerce.archive ul.products { grid-template-columns:1fr; } } @media (prefers-reduced-motion:reduce){ body.woocommerce.archive * { animation:none !important; transition:none !important; } }/* End custom CSS */