.sf .sf-card { border: 0; box-shadow: none; background: transparent; transition: transform 180ms ease; overflow: visible; } .sf .sf-card:hover { transform: translateY(-2px); box-shadow: none; } .sf .sf-card-media { border: 0; background: #fff; border-radius: calc(var(--sf-radius) + 10px); overflow: hidden; } .sf .sf-card-name { font-family: var(--sf-font-body); font-weight: 400; letter-spacing: 0; line-height: 1.18; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 1rem; color: #4b5563; } .sf .sf-card-price { display: block; padding: 0; background: transparent; border: 0; color: var(--sf-text); font-weight: 700; border-radius: 0; line-height: 1.1; white-space: nowrap; flex-shrink: 0; font-size: 1.05rem; } .sf .sf-card:hover .sf-card-price { background: transparent; } .sf .sf-card [class*="meta"], .sf .sf-card [class*="info"], .sf .sf-card [class*="content"] { gap: 0.45rem; } .sf .sf-card [class*="content"] { padding-top: 0.9rem; } .sf .sf-product-grid { row-gap: 2rem; } .sf .sf-footer a[href*="vitrina"] { color: transparent; font-size: 0; } .sf .sf-footer a[href*="vitrina"]::after { content: "Hecho con amor por Wok.agency"; font-size: 14px; color: var(--sf-muted); } .sf .sf-cart-btn [class*="count"], .sf .sf-cart-btn [class*="badge"], .sf .sf-cart-btn [class*="bubble"] { background: #4f8f79; color: #ffffff; } .sf .sf-hero img, .sf .sf-hero picture img, .sf .sf-hero video, .sf [data-section-id="hero-desktop"] img, .sf [data-section-id="hero-mobile"] img { object-fit: contain !important; object-position: center center !important; } .sf .sf-footer::before { content: ""; display: block; width: 100%; height: 1px; background: var(--sf-border); margin-bottom: 1.25rem; } .sf .sf-footer { display: flex; flex-direction: column; gap: 0.9rem; } .sf .sf-footer::after { content: "Seguinos"; display: block; order: -2; font-size: 0.95rem; font-weight: 600; color: var(--sf-text); margin-bottom: 0.15rem; } .sf .sf-footer a[href*="instagram.com"]:not([href*="vitrina"]), .sf .sf-footer a[href*="tiktok.com"]:not([href*="vitrina"]), .sf .sf-footer a[href*="facebook.com"]:not([href*="vitrina"]), .sf .sf-footer a[href*="youtube.com"]:not([href*="vitrina"]) { display: inline-flex !important; align-items: center; justify-content: center; width: 42px; height: 42px; border: 1px solid var(--sf-border); border-radius: 999px; background: var(--sf-surface); color: var(--sf-text); font-size: 0; text-decoration: none; margin-right: 0.55rem; transition: transform 180ms ease, border-color 180ms ease, background 180ms ease; } .sf .sf-footer a[href*="instagram.com"]:not([href*="vitrina"])::after { content: "Instagram"; font-size: 0; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; } .sf .sf-footer a[href*="tiktok.com"]:not([href*="vitrina"])::after { content: "TikTok"; font-size: 0; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; } .sf .sf-footer a[href*="facebook.com"]:not([href*="vitrina"])::after { content: "Facebook"; font-size: 0; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; } .sf .sf-footer a[href*="youtube.com"]:not([href*="vitrina"])::after { content: "YouTube"; font-size: 0; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; } .sf .sf-footer a[href*="instagram.com"]:not([href*="vitrina"]):hover, .sf .sf-footer a[href*="tiktok.com"]:not([href*="vitrina"]):hover, .sf .sf-footer a[href*="facebook.com"]:not([href*="vitrina"]):hover, .sf .sf-footer a[href*="youtube.com"]:not([href*="vitrina"]):hover { transform: translateY(-1px); border-color: var(--sf-primary); background: var(--sf-accent); } .sf [data-section-id="redes-sociales"] .sf-section, .sf [data-section-id="redes-sociales"] { text-align: center; } .sf [data-section-id="redes-sociales"] [class*="grid"] { align-items: stretch; } .sf [data-section-id="redes-sociales"] .sf-btn { width: 100%; min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 0.55rem; } .sf [data-section-id="redes-sociales"] .sf-btn[href*="instagram.com"]::before { content: "Instagram"; font-size: 0; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; } .sf [data-section-id="redes-sociales"] .sf-btn[href*="tiktok.com"]::before { content: "TikTok"; font-size: 0; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; } .sf [data-section-id="redes-sociales"] .sf-btn[href*="facebook.com"]::before { content: "Facebook"; font-size: 0; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; } .sf [data-section-id="redes-sociales"] .sf-btn[href*="youtube.com"]::before { content: "YouTube"; font-size: 0; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; mask: url('data:image/svg+xml;utf8,') center / contain no-repeat; } @media (max-width: 767px) { .sf [data-section-id="redes-sociales"] [class*="grid"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (min-width: 768px) { .sf .sf-card-name { font-size: 1.08rem; } .sf .sf-card-price { font-size: 1.15rem; } }

Máscara facial protectora