/* Theme Name:Reconstruccion Lemon Glow Theme URI:http://lemonglow.shop Author:Tu Desarrollador Author URI:http://lemonglow.shop Description:Tema personalizado para Lemon Glow, limpio, ligero y optimizado para WooCommerce sin depender de plugins constructores. Version:1.0.0 Text Domain:reconstruccion-lemon-glow */ /* ========================================================================== Variables Globales y Tipografía ========================================================================== */:root{--lime:#8da656;--light-lime:#c2d673;--dark:#26221a;--bg:#F5F5F5;--black-alt:#0C1406;--white:#ffffff;--container-width:1200px}@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');/* ========================================================================== Reseteo y Estilos Base ========================================================================== */ *{box-sizing:border-box;margin:0;padding:0}body{font-family:'Montserrat', sans-serif;font-weight:300;font-size:17px;line-height:1.6;color:var(--dark);background-color:var(--bg)}h1, h2, h3, h4, h5, h6{font-family:'Montserrat', sans-serif;font-weight:500;text-transform:uppercase;color:var(--dark);margin-bottom:0.5em}a{color:var(--black-alt);text-decoration:none;transition:color 0.3s ease}a:hover{color:var(--light-lime)}img{max-width:100%;height:auto;display:block}/* ========================================================================== Contenedores y Utilidades ========================================================================== */ .container{max-width:var(--container-width);margin:0 auto;padding:0 20px}/* ========================================================================== Botones ========================================================================== */ .button, button, input[type="submit"]{display:inline-block;background-color:var(--lime);color:var(--white);border:2px solid var(--lime);padding:15px 35px;font-family:'Montserrat', sans-serif;font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:3px;cursor:pointer;transition:all 0.3s ease}.button:hover, button:hover, input[type="submit"]:hover{background-color:var(--light-lime);border-color:var(--light-lime);color:var(--white)}.hero-button{background-color:#E1E697;color:var(--lime) !important;border:1px solid var(--lime) !important;border-radius:6px;font-family:'Montserrat', sans-serif;font-weight:500;font-size:14px;text-transform:none;letter-spacing:normal;padding:8px 24px}.hero-button:hover{background-color:var(--lime);color:#E1E697 !important;border-color:var(--lime) !important}/* ========================================================================== Header y Navegación ========================================================================== */ .site-header{padding:20px 0;background-color:#F5F5F5;width:100%}.custom-logo-link img{max-width:150px}.main-navigation ul{list-style:none;display:flex;justify-content:center;gap:15px}.main-navigation a{color:var(--dark);font-family:'Montserrat', sans-serif;font-weight:400;font-size:12px;letter-spacing:0px;padding:4px 12px;border-radius:4px;transition:all 0.3s ease}.main-navigation .current-menu-item a, .main-navigation a:hover{background-color:#E1E697;color:var(--dark)}/* ========================================================================== WooCommerce Base Fixes ========================================================================== */ .woocommerce ul.products li.product a img{border-radius:8px;margin-bottom:15px}.woocommerce ul.products, .woocommerce-page ul.products{display:grid !important;grid-template-columns:repeat(4, 1fr) !important;gap:30px !important;margin-bottom:50px}.woocommerce ul.products::before, .woocommerce ul.products::after{display:none !important}.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce ul.products li.product-category{background:var(--white);padding:20px;border-radius:4px;border:1px solid #E1E697;display:flex !important;flex-direction:column !important;margin:0 !important;width:100% !important;height:100%;transition:transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important}.woocommerce ul.products li.product:hover, .woocommerce-page ul.products li.product:hover, .woocommerce ul.products li.product-category:hover{transform:translateY(-8px) !important;box-shadow:0 12px 30px rgba(0,0,0,0.08) !important;border-color:var(--lime) !important}.woocommerce ul.products li.product .woocommerce-LoopProduct-link{display:flex;flex-direction:column;flex-grow:1}.woocommerce ul.products li.product .woocommerce-loop-product__title{flex-grow:1;font-size:1rem;font-weight:700;text-transform:capitalize;color:var(--dark);margin-bottom:10px}.woocommerce ul.products li.product .price{margin-bottom:20px;color:var(--lime);font-weight:600}.woocommerce ul.products li.product .button{margin-top:auto !important;text-align:center;width:100%;background:transparent !important;color:var(--dark) !important;border:1px solid #ccc !important;padding:10px !important;font-size:12px;border-radius:4px}.woocommerce ul.products li.product .button:hover{background:var(--lime) !important;color:var(--white) !important;border-color:var(--lime) !important}/* ========================================================================== Carousel de Productos (Lo más nuevo) y Categorías ========================================================================== */ .productos-recientes ul.products, .categorias-carrusel ul.products{display:flex !important;flex-wrap:nowrap !important;gap:20px !important;margin-bottom:0 !important;padding-bottom:10px;align-items:stretch !important}.productos-recientes ul.products::-webkit-scrollbar, .categorias-carrusel ul.products::-webkit-scrollbar{display:none}.productos-recientes ul.products li.product, .categorias-carrusel ul.products li.product-category, .categorias-carrusel ul.products li.product{flex:0 0 calc(25% - 15px) !important;max-width:calc(25% - 15px) !important;height:auto !important}.blog-carrusel ul.products{display:flex !important;flex-wrap:nowrap !important;gap:20px !important;margin-bottom:0 !important;padding-bottom:10px;align-items:stretch !important}.blog-carrusel ul.products li.blog-card{flex:0 0 calc(33.333% - 14px) !important;max-width:calc(33.333% - 14px) !important;height:auto !important;background:var(--white);padding:15px;border-radius:4px;border:1px solid #E1E697;display:flex !important;flex-direction:column !important;margin:0 !important;transition:transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease !important}.blog-carrusel ul.products li.blog-card:hover{transform:translateY(-8px) !important;box-shadow:0 12px 30px rgba(0,0,0,0.08) !important;border-color:var(--lime) !important}.blog-carrusel ul.products li.blog-card a{text-decoration:none;color:var(--dark)}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#C2D673;cursor:pointer;z-index:10;padding:0;display:flex;width:35px;height:35px;transition:color 0.3s ease}.carousel-btn:hover{color:var(--lime);background-color:transparent !important;border-color:transparent !important}.carousel-btn svg{width:100%;height:100%}.prev-btn{left:0}.next-btn{right:0}.prev-btn-cat{left:0}.next-btn-cat{right:0}.prev-btn-blog{left:0}.next-btn-blog{right:0}.productos-recientes ul.products li.product{padding:15px !important}.productos-recientes ul.products li.product img{width:100% !important;height:160px !important;object-fit:contain !important;margin-bottom:15px !important}.productos-recientes ul.products li.product .woocommerce-loop-product__title{font-size:13px !important;font-weight:400 !important;color:#555 !important;margin-top:5px !important;margin-bottom:5px !important;padding:0 !important}.productos-recientes ul.products li.product .price{color:var(--dark) !important;font-size:14px !important;font-weight:700 !important;margin-bottom:0 !important}.productos-recientes ul.products li.product .button{display:none !important}.woocommerce ul.products li.product-category h2, .woocommerce ul.products li.product-category .woocommerce-loop-category__title{text-transform:none !important;text-align:left !important;font-size:14px !important;font-weight:500 !important;color:var(--dark) !important;margin-top:15px !important;padding:0 !important;background:transparent !important}.woocommerce ul.products li.product-category .count, .woocommerce ul.products li.product-category mark{display:none !important}/* ========================================================================== Shop Sidebar (Filtros) ========================================================================== */ .shop-sidebar .widget{margin-bottom:40px}.shop-sidebar .widget-title{font-family:'Montserrat', sans-serif;font-weight:600;font-size:1.1rem;color:var(--dark);margin-bottom:20px;position:relative;padding-bottom:10px;text-transform:uppercase}.shop-sidebar .widget-title::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background-color:var(--lime)}.shop-sidebar .woocommerce-product-search{display:flex}.shop-sidebar .woocommerce-product-search input[type="search"]{width:100%;padding:12px 15px;border:1px solid #e5e5e5;border-right:none;border-radius:4px 0 0 4px;font-family:'Montserrat', sans-serif;outline:none;background:#fafafa}.shop-sidebar .woocommerce-product-search button{padding:12px 20px;border-radius:0 4px 4px 0;margin:0;letter-spacing:1px}.shop-sidebar .widget_product_categories ul{list-style:none;padding:0;margin:0}.shop-sidebar .widget_product_categories ul li{padding:10px 0;border-bottom:1px dashed #e5e5e5;transition:all 0.3s ease}.shop-sidebar .widget_product_categories ul li:last-child{border-bottom:none}.shop-sidebar .widget_product_categories ul li a{color:#555;font-family:'Montserrat', sans-serif;font-size:1.05rem;display:inline-block;transition:all 0.3s ease}.shop-sidebar .widget_product_categories ul li a:hover{color:var(--lime);transform:translateX(5px)}.shop-sidebar .price_slider_wrapper .ui-slider{background-color:#eee;border:none;border-radius:10px;height:6px;margin-bottom:20px}.woocommerce .widget_price_filter .ui-slider .ui-slider-range, .shop-sidebar .price_slider_wrapper .ui-slider-range{background-color:var(--lime) !important}.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .shop-sidebar .price_slider_wrapper .ui-slider-handle{background-color:var(--white) !important;border:2px solid var(--lime) !important;border-radius:50% !important;width:16px !important;height:16px !important;top:-5px !important;box-shadow:0 2px 5px rgba(0,0,0,0.1) !important;outline:none !important}.shop-sidebar .price_slider_wrapper .price_slider_amount .button{background:var(--dark) !important;color:var(--white) !important;border:none !important;border-radius:4px;padding:8px 20px !important;font-size:11px;letter-spacing:1px}.shop-sidebar .price_slider_wrapper .price_slider_amount .button:hover{background:var(--lime) !important}.shop-sidebar .price_slider_wrapper .price_slider_am font-family:'Cabin', sans-serif;font-weight:500;color:#555}/* ========================================================================== Modern Language Switcher (GTranslate styling) ========================================================================== */ .lang-switcher select.glink, .lang-switcher select, .lang-switcher select.gt_selector{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--white);border:1px solid var(--lime) !important;color:var(--dark) !important;padding:8px 30px 8px 15px !important;border-radius:50px !important;font-family:'Montserrat', sans-serif !important;font-size:13px !important;font-weight:500 !important;cursor:pointer !important;outline:none !important;box-shadow:0 4px 10px rgba(0,0,0,0.05) !important;transition:all 0.3s ease !important;background-image:url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%24%2024%22%20fill%3D%22none%22%20stroke%3D%22%238da656%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpolyline%20points%3D%226%209%2012%2015%2018%209%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E') !important;background-repeat:no-repeat !important;background-position:right 10px center !important;background-size:14px !important;height:auto !important;width:auto !important}.lang-switcher select:hover{border-color:var(--dark) !important;background-color:#fafafa;box-shadow:0 6px 15px rgba(0,0,0,0.1) !important}.lang-switcher select option{padding:10px;background:var(--white);color:var(--dark);font-family:'Montserrat', sans-serif}/* ========================================================================== WooCommerce Alt Buttons (Checkout, Place Order, etc) ========================================================================== */ .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{background-color:var(--lime) !important;color:var(--white) !important;border:2px solid var(--lime) !important;padding:15px 35px !important;font-family:'Montserrat', sans-serif !important;font-weight:600 !important;font-size:13px !important;text-transform:uppercase !important;letter-spacing:3px !important;border-radius:0 !important;transition:all 0.3s ease !important}.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{background-color:var(--dark) !important;border-color:var(--dark) !important;color:var(--white) !important}.woocommerce .widget_price_filter .price_slider_amount{display:flex !important;justify-content:space-between !important;align-items:center !important;margin-top:15px !important}.woocommerce .widget_price_filter .price_slider_amount .price_label{line-height:1 !important;font-size:13px !important;text-align:right !important;width:auto !important}/* ========================================================================== Header Base Styles (Moved from inline styles) ========================================================================== */ .site-header-container{position:relative}.header-top{display:flex;justify-content:space-between;align-items:center;position:relative;padding:20px 0}.header-search{position:relative}.header-search form{display:flex;align-items:center}#header-search-input{border:none;border-bottom:1px solid var(--lime);outline:none;background:transparent;color:var(--dark);font-family:'Montserrat', sans-serif;font-size:14px;transition:all 0.3s ease;width:0;opacity:0;padding:0;visibility:hidden}#header-search-input.active{width:150px;opacity:1;visibility:visible;padding:5px}#header-search-toggle{background:transparent;border:none;padding:0;margin-left:5px;color:var(--lime);cursor:pointer;display:flex}.site-branding{text-align:center;position:absolute;left:50%;transform:translateX(-50%)}.site-branding img{max-height:85px;width:auto}.header-actions{display:flex;align-items:center;gap:15px}.account-link, .cart-link{color:var(--lime);display:inline-flex;position:relative}.cart-count{position:absolute;top:-5px;right:-8px;background-color:var(--dark);color:var(--white);font-size:11px;font-weight:600;width:18px;height:18px;align-items:center;justify-content:center;border-radius:50%;line-height:1}.menu-toggle-wrapper{display:none;text-align:center;margin-top:15px}.menu-toggle{background:transparent;border:none;color:var(--lime);cursor:pointer;padding:10px;display:inline-flex;align-items:center;gap:10px;font-family:'Montserrat', sans-serif;font-size:16px;text-transform:uppercase}.main-navigation{margin-top:15px}.lang-switcher select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;border:1px solid var(--lime);color:var(--lime);padding:6px 28px 6px 12px;border-radius:20px;font-size:13px;font-family:'Montserrat', sans-serif;font-weight:500;cursor:pointer;outline:none;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%238da656" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');background-repeat:no-repeat;background-position:right 10px center;transition:all 0.3s ease}.lang-switcher select:hover, .lang-switcher select:focus{border-color:var(--dark);color:var(--dark);background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%2326221a" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>')}/* ========================================================================== Media Queries (Responsive) ========================================================================== */ @media (max-width:900px){.header-top{flex-wrap:nowrap !important;flex-direction:row !important;justify-content:space-between !important;padding:15px 20px !important}.hide-on-mobile{display:none !important}.desktop-search{display:none !important}.mobile-search{display:none !important}.site-branding{flex:1;display:flex;justify-content:center;margin:0 !important}.mobile-logo-img{max-height:50px !important}.main-logo-img{max-height:50px !important;max-width:140px !important}.header-actions{margin-top:0 !important;width:auto !important;gap:15px !important;margin-left:10px !important}.menu-toggle-wrapper{display:block !important}.lang-switcher{display:none !important}.shop-layout{flex-direction:column !important;gap:30px !important}.shop-sidebar{width:100% !important;order:-1}.footer-main-box{grid-template-columns:repeat(2, 1fr) !important;padding:40px !important}.main-navigation ul{display:none;flex-direction:column;text-align:center;padding:20px 0}.main-navigation.toggled ul{display:flex}.main-navigation li{margin:10px 0}.main-navigation a{font-size:16px !important;padding:10px !important;display:block}}@media (max-width:768px){.woocommerce ul.products, .woocommerce-page ul.products{grid-template-columns:repeat(2, 1fr) !important}.hero-section{height:auto !important;padding:100px 0 60px !important}.hero-content{align-items:center !important;text-align:center !important;padding:0 20px !important}.hero-content h2{font-size:2.2rem !important;line-height:1.2 !important}.hero-content h1{font-size:1rem !important}.hero-button{padding:12px 30px !important;font-size:16px !important}.productos-recientes ul.products li.product, .categorias-carrusel ul.products li.product-category, .categorias-carrusel ul.products li.product{flex:0 0 calc(50% - 15px) !important;max-width:calc(50% - 15px) !important;min-width:calc(50% - 15px) !important}.blog-carrusel ul.products li.blog-card{flex:0 0 100% !important;max-width:100% !important;min-width:100% !important}.footer-main-box{grid-template-columns:1fr !important;padding:30px 20px !important;text-align:center !important}.footer-main-box > div{display:flex;flex-direction:column;align-items:center;justify-content:center}.footer-main-box > div:last-child{margin-top:20px}.carousel-container{padding:0 40px !important}}@media (max-width:500px){.header-search{width:100%;display:flex;justify-content:center;margin-bottom:0px}.woocommerce ul.products, .woocommerce-page ul.products{grid-template-columns:1fr !important}.shop-layout{grid-template-columns:1fr !important}.hero-content h2{font-size:1.8rem !important}.productos-recientes ul.products li.product, .categorias-carrusel ul.products li.product-category, .categorias-carrusel ul.products li.product, .blog-carrusel ul.products li.blog-card{flex:0 0 100% !important;max-width:100% !important;min-width:100% !important}.carousel-container{padding:0 50px !important}.carousel-btn.prev-btn, .carousel-btn.prev-btn-cat, .carousel-btn.prev-btn-blog{left:10px !important}.carousel-btn.next-btn, .carousel-btn.next-btn-cat, .carousel-btn.next-btn-blog{right:10px !important}.newsletter-form{flex-direction:column !important;align-items:center !important}.newsletter-input{width:100% !important;max-width:100% !important}.newsletter-btn{width:100% !important;margin-top:10px !important}.whatsapp-float{width:50px !important;height:50px !important;bottom:20px !important;right:20px !important}.whatsapp-float svg{width:28px !important;height:28px !important}}