/* WooCommerce dentro del diseño Care Me 360 */
.woo .woocommerce-products-header__title, .woo .product_title { font-weight: 500; font-size: 46px; letter-spacing: -.025em; line-height: 1.05; color: var(--ink); margin: 0 0 16px; }
.woo ul.products { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin: 32px 0 0; padding: 0; }
.woo ul.products::before, .woo ul.products::after { display: none !important; }
.woo ul.products li.product { width: auto !important; margin: 0 !important; float: none !important; background: var(--white); border: 1px solid var(--niebla); border-radius: 28px; padding: 14px 14px 22px; text-align: left; }
.woo ul.products li.product img { border-radius: 20px; margin-bottom: 14px !important; aspect-ratio: 1; object-fit: cover; }
.woo ul.products li.product .woocommerce-loop-product__title { font-size: 20px !important; font-weight: 500; color: var(--ink); padding: 0 6px !important; }
.woo ul.products li.product .price { color: var(--txt) !important; padding: 0 6px; font-weight: 600; }
.woo .button, .woo button.button, .woo a.button, .woocommerce .button, .woocommerce button.button, .woocommerce a.button, .woocommerce #respond input#submit { background: var(--ink) !important; color: var(--white) !important; border-radius: 999px !important; padding: 14px 24px !important; font-weight: 700 !important; border: 0 !important; }
.woo ul.products li.product .button { margin: 12px 6px 0; }
.woo div.product div.images img { border-radius: 28px; }
.woo .woocommerce-tabs ul.tabs li { border-radius: 999px 999px 0 0 !important; }
.woo .woocommerce-result-count, .woo .woocommerce-ordering { margin-bottom: 0; }
.woo .woocommerce-ordering select { min-height: 44px; border-radius: 999px; border: 1px solid var(--linea); padding: 0 16px; }
.woocommerce-message, .woocommerce-info, .woocommerce-error { border-radius: 16px; border-top-color: var(--ink) !important; background: var(--white) !important; }
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select { border: 1px solid var(--linea); border-radius: 14px; padding: 12px 16px; min-height: 48px; }
.woo-hero { padding-bottom: 0; }
@media (max-width: 1024px) { .woo ul.products { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 767px) { .woo ul.products { grid-template-columns: 1fr 1fr; gap: 10px; } .woo .woocommerce-products-header__title, .woo .product_title { font-size: 32px; } }