.elementor-16131 .elementor-element.elementor-element-67828b2 > .elementor-widget-container{margin:50px 50px 0px 50px;}.elementor-16131 .elementor-element.elementor-element-4751b03 > .elementor-widget-container{margin:0px 50px 100px 50px;}.elementor-16131 .elementor-element.elementor-element-4751b03 .archive-toolbar-wrapper .title{font-family:"Helvetica", Sans-serif;font-weight:500;}.elementor-16131 .elementor-element.elementor-element-4751b03 .product-grid .card .product-details .title{font-family:"Helvetica", Sans-serif;font-weight:500;}.elementor-16131 .elementor-element.elementor-element-4751b03 .product-grid .card .product-details .price .amount{font-family:"Helvetica", Sans-serif;font-size:13px;font-weight:400;}/* Start custom CSS for themeasy-wc-product-grid, class: .elementor-element-4751b03 *//* --- Código para Centrar Títulos Y Precios (Ajuste Final) --- */

/* Target the main product card body (Flex container) */
/* Center its direct children (like image and .product-details block) horizontally */
.card-body {
    align-items: center !important; /* Centers flex items like the image container and .product-details */
}

/* Target the product details container (also a Flex container) */
/* Ensure it also centers its own children (title, price, etc.) horizontally */
.product-details {
     align-items: center !important; /* Centers flex items within details like title and price */
     /* text-align: center; /* Not needed or effective for centering flex items */ */
}

/* Target the product title (h2) */
/* Center the text inside and CONTROL THE SPACE BELOW IT */
.product-details h2.woocommerce-loop-product__title {
    text-align: center !important; /* Center the text within the h2 */
    margin-bottom: -3px !important; /* <--- AJUSTA ESTE VALOR para controlar el espacio debajo del título */
    margin-top: 1 !important; /* Remove default top margin */
    /* Puedes probar a añadir auto margins aquí también si el título no se centra solo con align-items */
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
    /* width: fit-content !important; */
}

/* Target the product price (span) */
/* Explicitly center the price element itself using auto margins and adjust vertical space */
.product-details .price {
    margin-top: 0px !important; /* <--- Puedes ajustar este valor también, pero es mejor controlar principalmente el margin-bottom del título */
    margin-bottom: 10px !important; /* Space below price if needed for elements below */
    margin-left: auto !important; /* <-- ESTO CENTRA EL PRECIO HORIZONTALMENTE */
    margin-right: auto !important; /* <-- ESTO CENTRA EL PRECIO HORIZONTALMENTE */
    /* El span.price ya es inline-block o block, lo cual permite que margin auto funcione */
}

/* Mantener centrado para otros elementos como rating y botones */
.product-details .star-rating,
.product-details .button,
.product-details .added_to_cart {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block !important; /* Asegura que se comporten como bloque para margin auto */
    width: fit-content !important; /* Permite que se ajusten para margin auto */
}

/* Asegura que el formulario de añadir al carrito también se centre */
.product-details .cart {
    justify-content: center !important; /* Centra el contenido si el formulario es un flex container */
    display: flex !important; /* Asegura que es un flex container */
    /* Si el formulario necesita centrarse como un bloque, añade margin auto */
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
}
.price .amount + .amount::before {
  content: ""; /* Elimina el guión */
  margin-left: 0; /* Elimina el espacio que ocupaba el guión */
}

.price del, /* Oculta el precio regular tachado */
.price .amount:not(:first-child) { /* Oculta todos los precios excepto el primero (el más bajo) */
  display: none !important;
}

.price .amount {
    font-weight: bold; /* Opcional: Resalta el precio más bajo */
}


a.button.product_type_variable {
    display: none !important;
}/* End custom CSS */