https://milagrosbeauty.com
$
es
#tangent-recommendation-div { max-width: 1120px; margin: 0 auto; padding: 0 16px; } #tangent-recommendation-div .tangent-general-text { font-size: 20px; font-weight: 700; color: #4C4F53; text-align: center; margin: 8px 0 28px; } #tangent-products-section { display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0 !important; } #tangent-products-section > div { display: flex !important; flex-direction: column; align-items: center; width: auto !important; max-width: none !important; flex: none !important; margin: 0 !important; padding: 16px 14px 18px !important; background: #FFFFFF; border: 1.5px solid #F3D9E9; border-radius: 16px; text-align: center; transition: border-color .2s ease, box-shadow .2s ease; } #tangent-products-section > div:hover { border-color: #F298C8; box-shadow: 0 10px 24px -14px rgba(209,72,143,.45); } #tangent-products-section .tangent-product-add-btn-wrapper { margin-top: auto; border: none !important; padding: 0 !important; text-decoration: none; } #tangent-products-section .tangent_product_image { width: 100%; max-width: 180px; aspect-ratio: 1 / 1; object-fit: contain; border-radius: 12px; background: #FDF4F8; margin-bottom: 12px; } #tangent-products-section b { display: block; font-size: 14px; line-height: 1.35; color: #4C4F53; min-height: 38px; } #tangent-products-section .tangent_product_price_text { font-size: 15px; font-weight: 700; color: #4C4F53; margin: 8px 0 12px; } #tangent-products-section .tangent_add_to_cart_button { margin: 0; background: #E96CB1; color: #FFFFFF; border: none; border-radius: 12px; padding: 10px 18px; font-size: 14px; font-weight: 700; cursor: pointer; transition: background .2s ease; } #tangent-products-section > div:hover .tangent_add_to_cart_button { background: #D1488F; } @media (max-width: 989px) { #tangent-products-section { grid-template-columns: repeat(3, minmax(0, 1fr)); } } @media (max-width: 749px) { #tangent-products-section { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } #tangent-products-section > div { padding: 12px 10px 14px !important; } #tangent-products-section b { font-size: 13px; } }
¡Aquí está la recomendación personalizada para usted!
