Medicamentos

.post-type-archive-product ul.products, .woocommerce ul.products { \u002d\u002dgap: 18px; } .woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(\u002d\u002dgap)} @media(max-width:980px){ .woocommerce ul.products{grid-template-columns:repeat(3,1fr)} } @media(max-width:720px){ .woocommerce ul.products{grid-template-columns:repeat(2,1fr)} } /* Tarjetas */ .woocommerce ul.products li.product{ border:1px solid #e6f0f7; border-radius:14px; overflow:hidden; background:#fff; box-shadow:0 10px 24px rgba(11,106,168,.06); display:flex; flex-direction:column; transition:transform .15s ease, box-shadow .2s ease; } .woocommerce ul.products li.product:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(11,106,168,.10) } /* Imagen con ratio fijo y cover */ .woocommerce ul.products li.product a img{ aspect-ratio:1/1; object-fit:cover; width:100%; height:auto; background:#f6fafc; } /* Título compacto y legible */ .woocommerce ul.products li.product .woocommerce-loop-product__title{ font-size:1rem; line-height:1.3; min-height:2.6em; padding:10px 14px 0; color:#0b3c5d; } /* Precio y taxonomías */ .woocommerce ul.products li.product .price{ padding:8px 14px; color:#0b6aa8; font-weight:700 } /* Botones coherentes */ .woocommerce ul.products li.product .button{ margin:12px 14px 16px; border-radius:999px; font-weight:800; padding:10px 14px; border:1px solid #cfe8ff; background:#0ea5e9; color:#fff; text-transform:none; letter-spacing:.2px; box-shadow:0 10px 22px rgba(11,106,168,.10); } .woocommerce ul.products li.product .button:hover{ filter:brightness(1.05); transform:translateY(-1px) } /* Paginación */ .woocommerce nav.woocommerce-pagination ul{gap:8px} .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span{ border-radius:10px; border-color:#cfe8ff; padding:.5rem .8rem; }»} /–>