:root{--color-primary:#155832;--color-border:#e5e5e5;--color-body-text:#666;--color-heading-text:#155832;--color-body-link:#666;--color-body-link-hover:#4e8f24;--color-product-title:#155832;--color-regular-price:#db3910;--color-sale-price:#666;--btn-border-radius:0;--color-btn-bg:#155832;--color-btn-text:#fff;--color-btn-bg-hover:#4e8f24;--color-btn-text-hover:#fff;--color-tip-bg:#fff;--color-tip-text:#333;--color-ratings:#4e8f24;--input-border-radius:0;--color-input-bg:rgba(255, 255, 255, 0.5);--color-input-border:rgba(129, 129, 129, 0.2);--color-input-text:#282828;--color-cookie-bg:rgba(0, 0, 0, 0.8);--color-cookie-txt:#fff;--color-cookie-link:#fff;--color-cookie-btn-bg:#fff;--color-cookie-btn-text:#000;--color-cookie-btn-bg-h:#1d1d1d;--color-cookie-btn-text-h:#fff;--color-box-bg:#fff;--color-box-border:#e5e5e5;--box-border-radius:0;}.breadcrumb{background:#f9f9f9;padding-top:20px;padding-right:0px;padding-bottom:20px;padding-left:0px;color:#666;}.breadcrumb .page-heading{color:#232323;}.breadcrumb li:after{color:#666;}.breadcrumb a{color:#666;}.breadcrumb a:hover{color:#232323;}@media (max-width:991px){.breadcrumb{padding-top:10px;padding-right:0px;padding-bottom:10px;padding-left:0px;}}.lang-rtl .breadcrumb{padding-left:0px;padding-right:0px;}@media (max-width:991px){.lang-rtl .breadcrumb{padding-left:0px;padding-right:0px;}}body.boxed main{border:none 1px;overflow:hidden;position:relative;margin:0 15px;box-shadow:0px 0px 5px 1px rgba(0, 0, 0, 0.2);}@media (min-width:1300px){body.boxed main{max-width:1470px;margin:0 auto;}}.container,.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}body{background:#fff;color:var(--color-body-text, #666);}.tdstar:after{color:#4e8f24;}.product-flags .discount,.product-flags .on-sale{background:#f46e6e;color:#fff;}.product-flags .new{background:#232323;color:#fff;}.product-flags .online-only,.product-flags .pack{background:#232323;color:#fff;}.product-flags .out_of_stock{background:#232323;color:#fff;}.product-price.has-discount .discount{background:#f46e6e;color:#fff;}table#product_comparison .discount-product,#mywishlist .discount-product,#view_wishlist .discount-product,table#product_comparison .discount-percentage,#mywishlist .discount-percentage,#view_wishlist .discount-percentage{background:#f46e6e;color:#fff;}.products.row{margin-left:calc(-20px/2);margin-right:calc(-20px/2);}.products.row > .col,.products.row > [class*="col-"]{padding-left:calc(20px/2);padding-right:calc(20px/2);margin-bottom:20px;}.products.row .slick-slider .product-miniature{padding-left:calc(20px/2);padding-right:calc(20px/2);margin-bottom:20px;}@media (max-width:767px){.products.row{margin-left:calc(-10px/2);margin-right:calc(-10px/2);}.products.row > .col,.products.row > [class*="col-"]{padding-left:calc(10px/2);padding-right:calc(10px/2);margin-bottom:10px;}.products.row .slick-slider .product-miniature{padding-left:calc(10px/2);padding-right:calc(10px/2);margin-bottom:10px;}}.product-miniature .product-container{border:none 1px;padding:0px;}@media (max-width:543px){}.product-miniature .product-container .product-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.products .product-miniature .product-container .variant-links{display:none !important;}table#product_comparison .product-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}#maintenance{background:#fff;color:#fff;}#maintenance a{color:#fff;}html{font-size:13px;}@media (max-width:767px){}body{line-height:24px;}body{font-family:Poppins, sans-serif;}.cbp-horizontal > ul > li > a{font-size:16px;letter-spacing:1px;font-style:italic;font-weight:500;text-transform:uppercase;line-height:50px;color:#fff;padding-left:10px;padding-right:10px;}.cbp-horizontal > ul > li > a:hover{color:#155832;}.cbp-horizontal .cbp-tab-title{line-height:1em !important;}.cbp-horizontal .cbp-mainlink-icon,.cbp-horizontal .cbp-mainlink-iicon{font-size:20px;max-height:20px;}.cbp-hrmenu.cbp-vertical > ul{background:#fff;border:none 1px;box-shadow:0px 15px 25px 0px rgba(74, 63, 63, 0.15);z-index:1;}.cbp-hrmenu.cbp-vertical .cbp-vertical-title{font-size:14px;font-style:normal;font-weight:500;text-transform:uppercase;line-height:50px;color:#fff;background:#232323;}.cbp-hrmenu.cbp-vertical .cbp-vertical-title:hover{background:#0b6bbd;}.cbp-hrmenu.cbp-vertical > ul > li > a{font-size:13px;font-style:normal;font-weight:400;text-transform:uppercase;padding-top:8px;padding-bottom:8px;color:#000;border-top:none 1px;}.cbp-hrmenu.cbp-vertical > ul > li > a .cbp-mainlink-icon,.cbp-hrmenu.cbp-vertical > ul > li > a .cbp-mainlink-iicon{font-size:13px;max-height:13px;}.cbp-hrmenu.cbp-vertical > ul > li > a:hover{color:#428bca;}.cbp-vertical.cbp-vert-expanded .cbp-vertical-title{background:#0b6bbd;}.cbp-hrmenu.cbp-vertical .cbp-hrsub-wrapper{top:0;margin-top:0px !important;min-height:100%;}.cbp-hrmenu.cbp-vertical .cbp-hrsub{min-height:100%;}.cbp-hrmenu.cbp-vertical .cbp-show{-js-display:flex;display:flex;flex-wrap:wrap;}.cbp-hrmenu.cbp-vertical .cbp-hrsub-inner{width:100%;}.cbp-hrmenu .cbp-hrsub{font-size:13px;font-style:normal;font-weight:400;text-transform:uppercase;}.cbp-hrmenu .cbp-hrsub-inner,.cbp-hrmenu ul.cbp-hrsub-level2{border:none 1px;box-shadow:0px 15px 25px 0px rgba(74, 63, 63, 0.15);}.cbp-hrmenu .cbp-hrsub-inner,.cbp-hrmenu .cbp-hrsub-inner a{color:#232323 !important;}.cbp-hrmenu .cbp-hrsub-inner a:hover{color:#4e8f24 !important;}.cbp-hrmenu .cbp-tabs-names li a{color:#232323 !important;}.cbp-hrmenu .cbp-tabs-names li a:hover,.cbp-hrmenu .cbp-tabs-names li a.active{color:#4e8f24 !important;}.cbp-hrmenu .cbp-links li a:before{display:none;}.cbp-hrmenu .cbp-links li a{padding-left:0;}.cbp-hrmenu .cbp-hrsub-inner .cbp-column-title{color:#232323 !important;border-bottom:none 1px;font-size:13px;font-style:normal;font-weight:600;text-transform:uppercase;}.cbp-hrmenu .cbp-hrsub-inner a.cbp-column-title:hover{color:#4e8f24 !important;}#bitmegamenu-mobile{background:#fff;}.mobile-menu__submenu{background:#fff;}.mobile-menu__tab{border-bottom:solid 1px #ebebeb;min-height:46px;}.mobile-menu__link{color:#444 !important;padding-top:15px;padding-bottom:15px;font-size:16px;font-style:normal;font-weight:400;text-transform:none;}.mobile-menu__arrow{padding-top:15px;padding-bottom:15px;color:#444;font-size:16px;}.mobile-menu__tab-icon{font-size:16px;}.mobile-menu__tab-icon--img{max-height:16px;}.mobile-menu__legend{font-size:12px;font-style:normal;font-weight:400;text-transform:none;color:#fff;background-color:#444;}.mobile-menu__header-wrapper{color:#444;background-color:#f4f4f4;border-bottom:none 1px;}.mobile-menu__title{font-size:16px;font-style:normal;font-weight:400;text-transform:none;}.mobile-menu__column-title{font-size:16px;font-style:normal;font-weight:600;text-transform:uppercase;color:#444 !important;}.mobile-menu__column{font-size:14px;font-style:normal;font-weight:400;text-transform:none;color:#444;margin-bottom:30px;}.mobile-menu__column-categories:not(:last-child){margin-bottom:30px;}.mobile-menu__column-title{margin-bottom:10px;}.mobile-menu__links-list-li{padding-top:6px;padding-bottom:6px;}.mobile-menu__back-btn{color:#444;}@keyframes slideMenuLeft{0%{opacity:0;transform:translateX(100%);}100%{opacity:1;transform:translateX(0);}}@keyframes slideMenuRight{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(100%);}}/* ===== Mejora visual del CHECKOUT - Adiestradogs ===== Todo escopado dentro de #checkout #wrapper para no tocar header/footer ni el resto del sitio */ #checkout #wrapper{ --ad-primary: #1f6f43; --ad-primary-dark: #14502f; --ad-accent: #ffb703; --ad-bg-soft: #f6faf7; } /* Pasos del checkout (Datos personales, Direcciones...) */ #checkout #wrapper .order_steps .step .icons .icon{ transition: all .25s ease; border-radius: 50%; } #checkout #wrapper .order_steps .step.current .icons .icon{ background: var(--ad-primary); color:#fff; box-shadow: 0 0 0 6px rgba(31,111,67,0.15); } #checkout #wrapper .order_steps .step.complete .icons .icon{ background: var(--ad-accent); color:#20301f; } #checkout #wrapper .order_steps .step-title{ font-weight:600; letter-spacing:.2px; } /* Tarjetas / secciones del formulario */ #checkout #wrapper .card-block, #checkout #wrapper .checkout-step-display{ border-radius: 14px; } /* Inputs */ #checkout #wrapper .form-control{ border-radius: 8px; border: 1px solid #d8e2dc; transition: border-color .2s ease, box-shadow .2s ease; } #checkout #wrapper .form-control:focus{ border-color: var(--ad-primary); box-shadow: 0 0 0 3px rgba(31,111,67,0.15); } /* Botones principales (Continuar, Ver Carrito, etc.) */ #checkout #wrapper .btn-primary{ background: var(--ad-primary); border-color: var(--ad-primary); border-radius: 10px; transition: transform .15s ease, background .2s ease, box-shadow .2s ease; } #checkout #wrapper .btn-primary:hover{ background: var(--ad-primary-dark); border-color: var(--ad-primary-dark); transform: translateY(-1px); box-shadow: 0 6px 14px rgba(31,111,67,0.25); } /* Resumen del pedido (columna derecha) */ #checkout #wrapper .cart-summary{ border-radius: 14px; background: var(--ad-bg-soft); box-shadow: 0 2px 10px rgba(0,0,0,0.06); } /* Barra / mensaje de envío gratis */ #checkout #wrapper .tdfreeshipping{ color: var(--ad-primary-dark); font-weight:600; } /* Código promocional */ #checkout #wrapper .promo-code-button.display-promo{ color: var(--ad-primary); font-weight:600; } /* ===== Mejora visual: paso "Método de envío" ===== */ #checkout #wrapper .delivery-options-list{ border-radius: 14px; padding: 8px; } #checkout #wrapper .delivery-option{ border: 1.5px solid #e3e9e5; border-radius: 12px; padding: 14px 12px; margin-bottom: 10px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease, transform .15s ease; } #checkout #wrapper .delivery-option:hover{ border-color: var(--ad-primary, #1f6f43); box-shadow: 0 4px 12px rgba(31,111,67,0.12); transform: translateY(-1px); } #checkout #wrapper .delivery-option:has(.custom-control-input:checked){ border-color: var(--ad-primary, #1f6f43); background: var(--ad-bg-soft, #f6faf7); box-shadow: 0 0 0 3px rgba(31,111,67,0.12); } #checkout #wrapper .custom-control-input{ accent-color: var(--ad-primary, #1f6f43); } #checkout #wrapper .carrier-logo{ border-radius: 8px; } #checkout #wrapper .carrier-name{ font-weight: 600; color: #1c2b22; } #checkout #wrapper .carrier-price{ font-weight: 700; color: var(--ad-primary-dark, #14502f); } #checkout #wrapper .carrier-delay{ color: #6c8577; } /* Textarea de comentarios */ #checkout #wrapper textarea.form-control{ border-radius: 8px; border: 1px solid #d8e2dc; transition: border-color .2s ease, box-shadow .2s ease; } #checkout #wrapper textarea.form-control:focus{ border-color: var(--ad-primary, #1f6f43); box-shadow: 0 0 0 3px rgba(31,111,67,0.15); } /* ===== Mejora visual: paso "Pago" ===== */ /* Resumen de artículos del pedido */ #checkout #wrapper .order-confirmation-table, #checkout #wrapper .page-order-confirmation{ border-radius: 14px; } #checkout #wrapper .order-confirmation-total{ border-top: 1px dashed #d8e2dc; padding-top: 10px; } /* Contenedor de métodos de pago */ #checkout #wrapper .payment-options{ border-radius: 14px; padding: 6px 14px; } /* Cada línea de método de pago como tarjeta */ #checkout #wrapper .payment-line{ border: 1.5px solid #e3e9e5; border-radius: 12px; margin: 10px 0; padding: 4px 10px; transition: border-color .2s ease, box-shadow .2s ease, background .2s ease; } #checkout #wrapper .payment-line:hover{ border-color: var(--ad-primary, #1f6f43); box-shadow: 0 4px 12px rgba(31,111,67,0.10); } #checkout #wrapper .payment-line:has(.custom-control-input:checked){ border-color: var(--ad-primary, #1f6f43); background: var(--ad-bg-soft, #f6faf7); } #checkout #wrapper .payment-option .custom-control-label{ padding-top: 10px; padding-bottom: 10px; } #checkout #wrapper .custom-control-input{ accent-color: var(--ad-primary, #1f6f43); } /* Checkbox de términos y condiciones */ #checkout #wrapper .js-conditions-to-approve .custom-control-label{ font-size: 0.95rem; } #checkout #wrapper .js-conditions-to-approve a{ color: var(--ad-primary, #1f6f43); font-weight: 600; text-decoration: underline; } /* Botón final "Realizar Pedido" */ #checkout #wrapper .payment-final .btn-primary{ width: 100%; padding: 12px 20px; font-size: 1.05rem; font-weight: 600; letter-spacing: .3px; } #checkout #wrapper .payment-final .btn-primary.disabled{ background: #b9c4bd; border-color: #b9c4bd; opacity: 1; } /* ===== Mejora visual HEADER - Adiestradogs ===== */ #header{ --ad-primary: #1f6f43; --ad-primary-dark: #14502f; --ad-accent: #ffb703; } #header .header-banner{ background: linear-gradient(90deg, var(--ad-primary-dark), var(--ad-primary)); } #header input.search_query_top{ border-radius: 24px 0 0 24px; border: 1px solid #e0e6e2; transition: border-color .2s ease, box-shadow .2s ease; } #header input.search_query_top:focus{ border-color: var(--ad-primary); box-shadow: 0 0 0 3px rgba(31,111,67,0.15); } #header button.button-search{ border-radius: 0 24px 24px 0; background: var(--ad-primary); border-color: var(--ad-primary); transition: background .2s ease; } #header button.button-search:hover{ background: var(--ad-primary-dark); } #header .cbp-hrmenu-tab > a.nav-link{ position: relative; transition: color .2s ease; } #header .cbp-hrmenu-tab > a.nav-link:hover{ color: var(--ad-primary); } #header .cbp-hrmenu-tab > a.nav-link::after{ content:""; position:absolute; left:0; bottom:-2px; width:0%; height:2px; background: var(--ad-accent); transition: width .2s ease; } #header .cbp-hrmenu-tab > a.nav-link:hover::after{ width:100%; } #header .btn-toggle-wishlist, #header .btn-toggle-account, #header .btn-toggle-cart{ transition: color .2s ease, transform .15s ease; } #header .btn-toggle-wishlist:hover, #header .btn-toggle-account:hover, #header .btn-toggle-cart:hover{ color: var(--ad-primary); transform: translateY(-2px); } /* ===== Mejora visual FOOTER - Adiestradogs ===== */ #footer{ --ad-primary: #1f6f43; --ad-primary-dark: #14502f; --ad-accent: #ffb703; } #footer .footer_block .title_block .title{ position: relative; padding-bottom: 8px; display: inline-block; } #footer .footer_block .title_block .title::after{ content:""; position:absolute; left:0; bottom:0; width:32px; height:2px; background: var(--ad-accent); } #footer .footer_block .elementor-icon-list-item a{ transition: color .2s ease, padding-left .2s ease; display:inline-block; } #footer .footer_block .elementor-icon-list-item a:hover{ color: var(--ad-primary); padding-left: 4px; } #footer .elementor-social-icon{ transition: transform .2s ease, opacity .2s ease; } #footer .elementor-social-icon:hover{ transform: translateY(-3px) scale(1.08); opacity: 0.9; } .elementor-element-2ace012 .elementor-icon-box-icon svg { filter: brightness(0) invert(1); } /* Por si algún ícono de esa franja usa fuente de íconos en vez de imagen */ .elementor-element-2ace012 .elementor-icon-box-icon i { color: #ffffff; } #amazzing_filter.af { border: 1px solid #e0e0e0; border-radius: 6px; padding: 20px; background: #fff; } #amazzing_filter .title_block { margin: -20px -20px 18px -20px; border-radius: 6px 6px 0 0; border: none; border-bottom: 1px solid #e7e7e7; } #amazzing_filter .af_filter:last-child { margin-bottom: 0; } #amazzing_filter select.af-select.form-control.form-control-select { width: 100%; display: block; padding: 10px 36px 10px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; color: #333; background-color: #fff; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; height: auto; line-height: normal; } #amazzing_filter select.af-select.form-control.form-control-select:focus { outline: none; border-color: #1f6f43; box-shadow: none; } #amazzing_filter.af { font-family: inherit; } #amazzing_filter .title_block { text-transform: uppercase; font-weight: 700; font-size: 15px; letter-spacing: .5px; color: #222; background: #f7f7f7; border: 1px solid #e7e7e7; border-radius: 4px; padding: 14px 16px; margin-bottom: 18px; } #amazzing_filter .title_block .compact-toggle { font-size: 11px; color: #999; text-transform: none; font-weight: 400; } #amazzing_filter .af_filter { border-bottom: 1px solid #ececec; padding-bottom: 16px; margin-bottom: 16px; } #amazzing_filter .af_filter:last-child { border-bottom: none; } #amazzing_filter .af_subtitle { text-transform: uppercase; font-weight: 700; font-size: 13px; letter-spacing: .5px; color: #222; margin-bottom: 14px; } #amazzing_filter .af_filter_content ul { list-style: none; margin: 0; padding: 0; } #amazzing_filter .af-radio-label { display: flex; align-items: center; padding: 8px 0; cursor: pointer; font-size: 14px; color: #333; } #amazzing_filter .af-radio-label .name { margin-left: 10px; flex: 1; } #amazzing_filter .af-radio-label .count { color: #999; font-size: 13px; margin-left: auto; } #amazzing_filter input[type="radio"].af { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; min-width: 18px; border: 1px solid #bbb; border-radius: 50%; margin: 0; position: relative; flex-shrink: 0; background: #fff; } #amazzing_filter input[type="radio"].af:checked { border-color: #1f6f43; } #amazzing_filter input[type="radio"].af:checked::after { content: ''; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background: #1f6f43; } #amazzing_filter .p_slider.af-slider { margin-top: 20px; } #amazzing_filter .slider-bar { height: 4px; background: #ddd; border-radius: 2px; } #amazzing_filter .selected-bar { background: #1f6f43; height: 4px; } #amazzing_filter .pointer { width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 2px solid #1f6f43; box-shadow: 0 0 2px rgba(0,0,0,.25); top: -6px; } #amazzing_filter .slider-values { font-weight: 600; font-size: 14px; color: #333; } .brand-products { display: none; } .discounts_table { margin-top: 10px; } .discounts_table .product-discounts-title { color: #1f6f43; font-weight: 700; font-size: 15px; margin-bottom: 12px; } .discounts_table .table-products { gap: 12px; } .discounts_table .table-products-item { background: #fff !important; border: 1px solid #e0e0e0 !important; border-radius: 8px !important; padding: 14px !important; box-shadow: none !important; transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; } .discounts_table .table-products-item:hover { border-color: #1f6f43 !important; box-shadow: 0 2px 8px rgba(0,0,0,.06); cursor: pointer; } .discounts_table .table-products-item.selected { background: #eef6f0 !important; border: 1.5px solid #1f6f42 !important; box-shadow: 0 2px 10px rgba(31,111,67,.15); position: relative; } .discounts_table .table-products-item.selected::after { content: '\2713'; position: absolute; top: 8px; right: 10px; width: 18px; height: 18px; border-radius: 50%; background: #1f6f43; color: #fff; font-size: 11px; line-height: 18px; text-align: center; } .discounts_table .table-item { display: block !important; cursor: pointer; text-align: center; } .discounts_table .qty { font-weight: 700; font-size: 15px; color: #222; margin: 0 0 8px 0; } .discounts_table .discount { color: #666; font-size: 13px; margin: 0 0 6px 0; } .discounts_table .discount .price { color: #666; } .discounts_table .save_amount { display: inline-block; background: #1f6f43 !important; color: #fff !important; font-weight: 600; font-size: 13px; border-radius: 20px !important; padding: 6px 14px !important; margin-top: 8px; } .discounts_table .table-products-item.selected .save_amount { background: #17532f !important; } .discounts_table .table-products-item::before { content: none !important; display: none !important; } .discounts_table .table-products-item.selected { border: 1px solid #1f6f43 !important; box-shadow: none !important; } .product-quantities { display: none; } /* ========================================================================== 1. FILTROS (página de categoría/Alimentación) ========================================================================== */ #amazzing_filter.af { font-family: inherit; } #amazzing_filter .title_block { text-transform: uppercase; font-weight: 700; font-size: 15px; letter-spacing: .5px; color: #222; background: #f7f7f7; border: 1px solid #e7e7e7; padding: 14px 16px; margin-bottom: 18px; } #amazzing_filter .title_block .compact-toggle { font-size: 11px; color: #999; text-transform: none; font-weight: 400; } /* Borde general envolviendo todo el bloque de filtros */ #amazzing_filter.af { border: 1px solid #e0e0e0; border-radius: 6px; padding: 20px; background: #fff; } #amazzing_filter .title_block { margin: -20px -20px 18px -20px; border-radius: 6px 6px 0 0; border: none; border-bottom: 1px solid #e7e7e7; } #amazzing_filter .af_filter { border-bottom: 1px solid #ececec; padding-bottom: 16px; margin-bottom: 16px; } #amazzing_filter .af_filter:last-child { border-bottom: none; margin-bottom: 0; } #amazzing_filter .af_subtitle { text-transform: uppercase; font-weight: 700; font-size: 13px; letter-spacing: .5px; color: #222; margin-bottom: 14px; } #amazzing_filter .af_filter_content ul { list-style: none; margin: 0; padding: 0; } #amazzing_filter .af-radio-label { display: flex; align-items: center; padding: 8px 0; cursor: pointer; font-size: 14px; color: #333; } #amazzing_filter .af-radio-label .name { margin-left: 10px; flex: 1; } #amazzing_filter .af-radio-label .count { color: #999; font-size: 13px; margin-left: auto; } #amazzing_filter input[type="radio"].af { -webkit-appearance: none; appearance: none; width: 18px; height: 18px; min-width: 18px; border: 1px solid #bbb; border-radius: 50%; margin: 0; position: relative; flex-shrink: 0; background: #fff; } #amazzing_filter input[type="radio"].af:checked { border-color: #1f6f43; } #amazzing_filter input[type="radio"].af:checked::after { content: ''; position: absolute; top: 3px; left: 3px; width: 10px; height: 10px; border-radius: 50%; background: #1f6f43; } #amazzing_filter .p_slider.af-slider { margin-top: 20px; } #amazzing_filter .slider-bar { height: 4px; background: #ddd; border-radius: 2px; } #amazzing_filter .selected-bar { background: #1f6f43; height: 4px; } #amazzing_filter .pointer { width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 2px solid #1f6f43; box-shadow: 0 0 2px rgba(0,0,0,.25); top: -6px; } #amazzing_filter .slider-values { font-weight: 600; font-size: 14px; color: #333; } #amazzing_filter select.af-select.form-control.form-control-select { width: 100%; display: block; padding: 10px 36px 10px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; color: #333; background-color: #fff; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 14px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; height: auto; line-height: normal; } #amazzing_filter select.af-select.form-control.form-control-select:focus { outline: none; border-color: #1f6f43; box-shadow: none; } /* ========================================================================== 2. BADGE "DESCUENTO" EN MINIATURAS DE PRODUCTO ========================================================================== */ .product-flag.discount::after { content: " descuento"; text-transform: lowercase; } /* ========================================================================== 3. TABLA DE DESCUENTOS POR CANTIDAD (ficha de producto) ========================================================================== */ .discounts_table { margin-top: 10px; } .discounts_table .product-discounts-title { color: #1f6f43; font-weight: 700; font-size: 15px; margin-bottom: 12px; } .discounts_table .table-products { gap: 12px; } .discounts_table .table-products-item { background: #fff !important; border: 1px solid #e0e0e0 !important; border-radius: 8px !important; padding: 14px !important; box-shadow: none !important; transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease; } .discounts_table .table-products-item::before { content: none !important; display: none !important; } .discounts_table .table-products-item:hover { border-color: #1f6f43 !important; box-shadow: 0 2px 8px rgba(0,0,0,.06); cursor: pointer; } .discounts_table .table-products-item.selected { background: #eef6f0 !important; border: 1px solid #1f6f43 !important; box-shadow: none !important; position: relative; } .discounts_table .table-products-item.selected::after { content: '\2713'; position: absolute; top: 8px; right: 10px; width: 18px; height: 18px; border-radius: 50%; background: #1f6f43; color: #fff; font-size: 11px; line-height: 18px; text-align: center; } .discounts_table .table-item { display: block !important; cursor: pointer; text-align: center; } .discounts_table .qty { font-weight: 700; font-size: 15px; color: #222; margin: 0 0 8px 0; } .discounts_table .discount { color: #666; font-size: 13px; margin: 0 0 6px 0; } .discounts_table .discount .price { color: #666; } .discounts_table .save_amount { display: inline-block; background: #1f6f43 !important; color: #fff !important; font-weight: 600; font-size: 13px; border-radius: 20px !important; padding: 6px 14px !important; margin-top: 8px; } .discounts_table .table-products-item.selected .save_amount { background: #17532f !important; } /* ========================================================================== 4. PÁGINA DE MARCAS ========================================================================== */ .brand-list.row { row-gap: 20px; } .brand { outline: 1px solid #e5e5e5; outline-offset: -14px; border-radius: 8px; padding: 24px 16px; text-align: center; transition: box-shadow .15s ease, outline-color .15s ease; } .brand:hover { outline-color: #1f6f43; box-shadow: 0 2px 10px rgba(0,0,0,.06); } .brand-img { display: flex; align-items: center; justify-content: center; height: 90px; margin-bottom: 14px; } .brand-img img { max-height: 80px; max-width: 100%; object-fit: contain; } .brand-infos p { margin: 0; } .brand-infos p a { text-transform: uppercase; font-weight: 700; font-size: 13px; letter-spacing: .3px; color: #222; } /* ========================================================================== 5. SELECTOR DE TAMAÑO / VARIANTES (ficha de producto) ========================================================================== */ .product-variants > .product-variants-item .radio-label { border: 1px solid #ddd; border-radius: 6px; padding: 10px 16px; min-width: 70px; box-shadow: none; background: #fff; color: #333; font-weight: 600; transition: border-color .15s ease, background-color .15s ease, color .15s ease; } .product-variants > .product-variants-item .radio-label:hover { border-color: #1f6f43; } .product-variants > .product-variants-item .input-radio:checked + .radio-label { outline: none; border: 1.5px solid #1f6f43; background: #eef6f0; color: #1f6f43; } .product-variants > .product-variants-item .input-container.combination-outstock label, .product-variants > .product-variants-item .input-container.combination-outstock.attribute-instock label { opacity: 1 !important; border-color: #ddd !important; background: #f7f7f7; color: #aaa; } .product-variants > .product-variants-item .input-container.combination-outstock label::after, .product-variants > .product-variants-item .input-container.combination-outstock.attribute-instock label::after { background: linear-gradient(to left top, transparent 0px, transparent calc(50% - 1px), #ccc 50%, transparent calc(50% + 1px), transparent 100%) !important; } .product-variants > .product-variants-item .input-container.combination-outstock .input-radio:checked + label { border-color: #bbb !important; background: #f0f0f0; color: #888; } .product-variants > .product-variants-item .control-label { font-weight: 600; color: #333; } /* ===== Pills de gramaje: mismo tamaño estén o no seleccionados ===== */ .product-variants > .product-variants-item .input-container .radio-label, .product-variants > .product-variants-item .input-radio:checked + span.radio-label { display: inline-flex; align-items: center; justify-content: center; min-width: 64px; height: 38px; padding: 0 14px; margin: 0; border: 1px solid #ddd; border-radius: 8px; background: #fff; color: #333; font-weight: 600; font-size: 13px; box-shadow: none; transition: border-color .15s, background-color .15s, color .15s; } /* Anula el parche antiguo que reducía el pill al marcarlo */ .addtocartattrproductlist .radio-label { padding: 0 14px !important; } /* Estado seleccionado: solo cambia color, nunca el tamaño */ .product-variants > .product-variants-item .input-radio:checked + span.radio-label { border: 1px solid #1F6F43; background: #EEF6F0; color: #1F6F43; } /* ===== Botón Añadir al carrito / Elegir opciones ===== */ .product-add-to-cart .btn-primary.add-to-cart { display: flex; align-items: center; justify-content: center; width: 100%; height: 42px; border-radius: 8px; background: #1F6F43; border: none; font-weight: 700; font-size: 13px; letter-spacing: .3px; text-transform: uppercase; box-shadow: none; transition: background-color .15s; } .product-add-to-cart .btn-primary.add-to-cart:hover { background: #17532f; } .product-add-to-cart .btn-primary.add-to-cart .material-icons { margin-right: 6px; font-size: 16px; } /* ===== Evitar que el precio y el layout salten al elegir opción ===== */ .product-price-and-shipping { min-height: 24px; margin-bottom: 8px; } .product-variants { min-height: 46px; } /* ========================================================== 1) Oculta el botón "Añadir al carrito / Elegir opciones" por defecto en las miniaturas, y lo muestra en hover ========================================================== */ .product-miniature .product-add-to-cart { opacity: 0; max-height: 0; overflow: hidden; transition: opacity .2s ease, max-height .2s ease; } @media (hover: hover) and (pointer: fine) { .product-miniature:hover .product-add-to-cart, .product-miniature:focus-within .product-add-to-cart { opacity: 1; max-height: 60px; margin-top: 8px; } } @media (hover: none), (pointer: coarse) { .product-miniature .product-add-to-cart { opacity: 1; max-height: none; } .product-miniature .add-to-cart { width: 40px; height: 40px; min-width: 40px; padding: 0; border-radius: 50%; } .product-miniature .add-to-cart .textFitted { display: none; } .product-miniature .add-to-cart i.material-icons { margin: 0; font-size: 20px; } } /* ========================================================== 2) Columna derecha en la vista de lista: centra el precio y oculta "Vista rápida" / "Añadir a la lista de deseos" ========================================================== */ .product-miniature.list .right-block .product-price-and-shipping { text-align: center; } .product-miniature.list .right-block .button-container { display: none; } /* Cuadrícula fija, alineada de izquierda a derecha */ .subcategories .subcategories-wrapper.row { display: grid !important; grid-template-columns: repeat(5, 1fr); gap: 20px; justify-content: start; } @media (max-width: 992px) { .subcategories .subcategories-wrapper.row { grid-template-columns: repeat(3, 1fr); } } @media (max-width: 576px) { .subcategories .subcategories-wrapper.row { grid-template-columns: repeat(2, 1fr); } } /* La tarjeta completa: imagen + texto dentro del mismo marco */ .subcategories .txt-sub-img { width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 0 !important; display: flex; flex-direction: column; align-items: center; background: #fff; border: 1px solid #e5e5e5; border-radius: 12px; box-shadow: 0 2px 6px rgba(0,0,0,0.06); overflow: hidden; transition: box-shadow .2s ease, transform .2s ease; } .subcategories .txt-sub-img:hover { box-shadow: 0 4px 14px rgba(0,0,0,0.12); transform: translateY(-3px); } /* Zona de la imagen dentro del marco */ .subcategories .subcategory-image { width: 100%; height: 130px; display: flex; align-items: center; justify-content: center; padding: 15px; margin: 0; } .subcategories .subcategory-image img.img-subcat { width: 100% !important; height: 100% !important; object-fit: contain; border-radius: 8px; } /* Texto dentro del mismo cuadro, debajo de la imagen */ .subcategories .subcategory-name { font-weight: 600; color: #333; text-decoration: none; font-size: 13px; text-align: center; padding: 0 8px 12px; line-height: 1.3; } /* En la barra lateral "Lo más nuevo" el botón se oculta siempre, sin hover */ #left-column .product-add-to-cart { display: none !important; } #left-column .product-variants { min-height: 46px; display: none; } .subcategories .subcategories-wrapper .subcategory-name { margin: 10px 5px 1px; font-size: 14px; font-weight: 500; border-top: 1px solid #f0f0f0; } .subcategories .subcategory-name:hover { color: #2e7d32; } .product-condition { display: none; }