<!-- ============================================
SEDA LANDING PAGE — CÓDIGO COMPLETO PARA SHOPIFY
Copiá TODO este archivo y pegalo en:
Shopify > Tienda online > Páginas > Agregar página > Editor HTML (<>)
============================================ -->
<style>
/* Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Inter:wght@300;400;500;600;700&display=swap');
/* CSS Reset */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
:root {
--color-bg: #FAF7F4; --color-bg-dark: #1A1A1A; --color-bg-warm: #F5EDE6;
--color-bg-cream: #FFF9F4; --color-text: #2D2D2D; --color-text-light: #6B6B6B;
--color-text-muted: #999; --color-text-white: #FFF; --color-accent: #C4956A;
--color-accent-hover: #B07D52; --color-accent-light: #E8D5C4; --color-gold: #D4A574;
--color-border: #E5DDD5; --color-border-light: #F0EBE5; --color-success: #5CB85C;
--color-star: #F5A623; --color-badge-sale: #C0392B; --color-badge-new: #2C3E50;
--color-badge-hot: #E67E22; --color-whatsapp: #25D366;
--font-heading: 'Playfair Display', Georgia, serif;
--font-body: 'Inter', -apple-system, sans-serif;
--radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px;
--radius-full: 50%; --radius-pill: 100px;
--shadow-sm: 0 1px 3px rgba(0,0,0,0.08); --shadow-md: 0 4px 12px rgba(0,0,0,0.1);
--shadow-lg: 0 8px 30px rgba(0,0,0,0.12);
--transition-fast: 0.15s ease; --transition-base: 0.3s ease;
--transition-spring: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
--max-width: 1200px; --space-xs: 0.25rem; --space-sm: 0.5rem; --space-md: 1rem;
--space-lg: 1.5rem; --space-xl: 2rem; --space-2xl: 3rem; --space-3xl: 4rem;
--space-4xl: 6rem; --space-5xl: 8rem;
}
html { scroll-behavior: smooth; -webkit-font-smoothing: antialiased; }
.seda-landing { font-family: var(--font-body); background: var(--color-bg); color: var(--color-text); line-height: 1.6; }
.seda-landing img { max-width: 100%; height: auto; display: block; }
.seda-landing a { text-decoration: none; color: inherit; transition: color var(--transition-fast); }
.seda-landing button { cursor: pointer; border: none; background: none; font-family: inherit; }
/* Announcement Bar */
.seda-announce { background: var(--color-bg-dark); color: var(--color-text-white); text-align: center; padding: 8px 16px; font-size: 0.8rem; font-weight: 500; letter-spacing: 0.05em; text-transform: uppercase; position: relative; overflow: hidden; }
.seda-announce::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.05), transparent); animation: seda-shimmer 3s infinite; }
@keyframes seda-shimmer { 0% { left: -100%; } 100% { left: 100%; } }
.seda-announce span { color: var(--color-gold); font-weight: 700; }
/* Header */
.seda-header { background: rgba(250,247,244,0.95); backdrop-filter: blur(20px); position: sticky; top: 0; z-index: 1000; border-bottom: 1px solid var(--color-border-light); }
.seda-header.scrolled { box-shadow: var(--shadow-md); }
.seda-header-inner { max-width: var(--max-width); margin: 0 auto; display: flex; align-items: center; justify-content: space-between; padding: 12px 20px; }
.seda-logo { font-family: var(--font-heading); font-size: 1.8rem; font-weight: 400; letter-spacing: 0.15em; color: var(--color-text); }
.seda-nav { display: flex; align-items: center; gap: var(--space-xl); }
.seda-nav a { font-size: 0.85rem; font-weight: 500; text-transform: uppercase; letter-spacing: 0.08em; position: relative; padding: 4px 0; }
.seda-nav a::after { content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1.5px; background: var(--color-accent); transition: width var(--transition-base); }
.seda-nav a:hover::after { width: 100%; }
.seda-header-icons { display: flex; align-items: center; gap: var(--space-md); }
.seda-icon { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-full); transition: background var(--transition-fast); position: relative; }
.seda-icon:hover { background: var(--color-bg-warm); }
.seda-icon svg { width: 20px; height: 20px; stroke: var(--color-text); fill: none; stroke-width: 1.5; }
.seda-cart-count { position: absolute; top: 2px; right: 2px; background: var(--color-accent); color: white; font-size: 0.6rem; font-weight: 700; width: 16px; height: 16px; border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center; }
.seda-mobile-btn { display: none; flex-direction: column; gap: 5px; padding: 8px; }
.seda-mobile-btn span { width: 22px; height: 1.5px; background: var(--color-text); }
/* Hero */
.seda-hero { position: relative; min-height: 90vh; display: flex; align-items: center; overflow: hidden; background: linear-gradient(135deg, #2D2118 0%, #1A1410 50%, #0D0A08 100%); }
.seda-hero-bg { position: absolute; inset: 0; z-index: 1; }
.seda-hero-bg img { width: 100%; height: 100%; object-fit: cover; opacity: 0.6; }
.seda-hero-overlay { position: absolute; inset: 0; background: linear-gradient(135deg, rgba(26,20,16,0.85) 0%, rgba(26,20,16,0.5) 50%, rgba(26,20,16,0.3) 100%); z-index: 2; }
.seda-hero-content { position: relative; z-index: 3; max-width: var(--max-width); margin: 0 auto; padding: var(--space-3xl) 20px; display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-3xl); align-items: center; }
.seda-hero-text { animation: seda-fadeUp 1s ease forwards; }
.seda-badge { display: inline-flex; align-items: center; gap: var(--space-sm); background: rgba(196,149,106,0.2); border: 1px solid rgba(196,149,106,0.4); border-radius: var(--radius-pill); padding: 6px 16px; font-size: 0.75rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--color-gold); margin-bottom: var(--space-lg); }
.seda-badge-dot { width: 6px; height: 6px; background: var(--color-gold); border-radius: var(--radius-full); animation: seda-pulse 2s infinite; }
@keyframes seda-pulse { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.5; transform: scale(1.5); } }
.seda-hero h1 { font-family: var(--font-heading); font-size: clamp(2.5rem, 5vw, 4rem); font-weight: 400; line-height: 1.1; color: var(--color-text-white); margin-bottom: var(--space-lg); }
.seda-hero h1 em { font-style: italic; color: var(--color-gold); }
.seda-hero-desc { font-size: 1.05rem; color: rgba(255,255,255,0.75); line-height: 1.7; margin-bottom: var(--space-xl); max-width: 480px; }
.seda-cta-group { display: flex; gap: var(--space-md); flex-wrap: wrap; margin-bottom: var(--space-2xl); }
.seda-stats { display: flex; gap: var(--space-2xl); padding-top: var(--space-xl); border-top: 1px solid rgba(255,255,255,0.1); }
.seda-stat-num { font-family: var(--font-heading); font-size: 1.8rem; color: var(--color-gold); font-weight: 500; }
.seda-stat-label { font-size: 0.75rem; color: rgba(255,255,255,0.5); text-transform: uppercase; letter-spacing: 0.05em; margin-top: 2px; }
.seda-feat-card { animation: seda-fadeRight 1s 0.3s ease forwards; opacity: 0; }
.seda-feat-product { background: rgba(255,255,255,0.08); backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.1); border-radius: var(--radius-xl); padding: var(--space-lg); max-width: 400px; margin-left: auto; }
.seda-feat-product img { border-radius: var(--radius-lg); width: 100%; aspect-ratio: 1; object-fit: cover; margin-bottom: var(--space-md); }
.seda-feat-tag { display: inline-block; background: var(--color-badge-hot); color: white; font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; padding: 3px 10px; border-radius: var(--radius-pill); margin-bottom: var(--space-sm); }
.seda-feat-title { font-family: var(--font-heading); font-size: 1.3rem; color: white; margin-bottom: var(--space-xs); }
.seda-feat-price { display: flex; align-items: center; gap: var(--space-sm); margin-bottom: var(--space-md); }
.seda-feat-price .current { font-size: 1.4rem; font-weight: 700; color: var(--color-gold); }
.seda-feat-price .original { font-size: 0.95rem; color: rgba(255,255,255,0.4); text-decoration: line-through; }
.seda-feat-price .discount { background: var(--color-badge-sale); color: white; font-size: 0.7rem; font-weight: 700; padding: 2px 8px; border-radius: var(--radius-pill); }
/* Buttons */
.seda-btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--space-sm); padding: 14px 32px; font-size: 0.85rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.08em; border-radius: var(--radius-pill); transition: all var(--transition-base); position: relative; overflow: hidden; }
.seda-btn::before { content: ''; position: absolute; inset: 0; background: linear-gradient(45deg, transparent, rgba(255,255,255,0.15), transparent); transform: translateX(-100%); transition: transform 0.6s; }
.seda-btn:hover::before { transform: translateX(100%); }
.seda-btn-primary { background: var(--color-accent); color: var(--color-text-white); box-shadow: 0 4px 15px rgba(196,149,106,0.4); }
.seda-btn-primary:hover { background: var(--color-accent-hover); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(196,149,106,0.5); }
.seda-btn-secondary { background: transparent; color: var(--color-text-white); border: 1.5px solid rgba(255,255,255,0.3); }
.seda-btn-secondary:hover { border-color: var(--color-gold); color: var(--color-gold); }
.seda-btn-buy { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-hover)); color: white; font-weight: 700; box-shadow: 0 4px 15px rgba(196,149,106,0.4); }
.seda-btn-buy:hover { transform: translateY(-2px) scale(1.02); box-shadow: 0 8px 25px rgba(196,149,106,0.5); }
.seda-btn-sm { padding: 10px 20px; font-size: 0.78rem; }
.seda-btn-lg { padding: 16px 40px; font-size: 0.9rem; }
.seda-btn-full { width: 100%; }
/* Trust Bar */
.seda-trust { background: var(--color-text-white); padding: var(--space-xl) 20px; border-bottom: 1px solid var(--color-border-light); }
.seda-trust-inner { max-width: var(--max-width); margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: var(--space-lg); }
.seda-trust-item { display: flex; align-items: center; gap: var(--space-md); justify-content: center; }
.seda-trust-icon { width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; background: var(--color-bg-warm); border-radius: var(--radius-lg); flex-shrink: 0; }
.seda-trust-icon svg { width: 22px; height: 22px; stroke: var(--color-accent); fill: none; stroke-width: 1.5; }
.seda-trust-text h4 { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; }
.seda-trust-text p { font-size: 0.75rem; color: var(--color-text-light); margin-top: 1px; }
/* Section Heading */
.seda-section-heading { text-align: center; margin-bottom: var(--space-3xl); }
.seda-overline { display: inline-block; font-size: 0.7rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.15em; color: var(--color-accent); margin-bottom: var(--space-sm); position: relative; }
.seda-overline::before, .seda-overline::after { content: ''; position: absolute; top: 50%; width: 30px; height: 1px; background: var(--color-accent-light); }
.seda-overline::before { right: calc(100% + 12px); }
.seda-overline::after { left: calc(100% + 12px); }
.seda-section-heading h2 { font-family: var(--font-heading); font-size: clamp(1.8rem, 3.5vw, 2.5rem); font-weight: 400; line-height: 1.2; margin-bottom: var(--space-sm); }
.seda-section-heading h2 em { font-style: italic; color: var(--color-accent); }
.seda-section-heading p { font-size: 1rem; color: var(--color-text-light); max-width: 550px; margin: 0 auto; }
/* Products */
.seda-products { padding: var(--space-5xl) 20px; background: var(--color-bg); }
.seda-products-grid { max-width: var(--max-width); margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-xl); }
.seda-card { background: white; border-radius: var(--radius-xl); overflow: hidden; transition: all var(--transition-base); border: 1px solid var(--color-border-light); }
.seda-card:hover { transform: translateY(-6px); box-shadow: var(--shadow-lg); border-color: transparent; }
.seda-card-img { position: relative; aspect-ratio: 1; overflow: hidden; background: #f8f5f2; }
.seda-card-img img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.seda-card:hover .seda-card-img img { transform: scale(1.06); }
.seda-card-badges { position: absolute; top: 12px; left: 12px; display: flex; flex-direction: column; gap: 6px; z-index: 2; }
.seda-badge-item { font-size: 0.65rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 4px 10px; border-radius: var(--radius-pill); color: white; }
.seda-badge-sale { background: var(--color-badge-sale); }
.seda-badge-new { background: var(--color-badge-new); }
.seda-badge-hot { background: var(--color-badge-hot); }
.seda-quick-view { position: absolute; bottom: 12px; left: 12px; right: 12px; opacity: 0; transform: translateY(10px); transition: all var(--transition-base); }
.seda-card:hover .seda-quick-view { opacity: 1; transform: translateY(0); }
.seda-card-info { padding: var(--space-lg); }
.seda-card-title { font-family: var(--font-heading); font-size: 1.1rem; font-weight: 500; margin-bottom: var(--space-xs); }
.seda-card-subtitle { font-size: 0.8rem; color: var(--color-text-muted); margin-bottom: var(--space-sm); }
.seda-stars { display: flex; align-items: center; gap: 2px; margin-bottom: var(--space-sm); }
.seda-stars svg { width: 14px; height: 14px; fill: var(--color-star); }
.seda-stars span { font-size: 0.75rem; color: var(--color-text-muted); margin-left: 6px; }
.seda-price { display: flex; align-items: center; gap: var(--space-sm); margin-bottom: var(--space-md); }
.seda-price .current { font-size: 1.2rem; font-weight: 700; }
.seda-price .original { font-size: 0.9rem; color: var(--color-text-muted); text-decoration: line-through; }
.seda-price .save { font-size: 0.7rem; font-weight: 700; color: var(--color-badge-sale); background: rgba(192,57,43,0.1); padding: 2px 8px; border-radius: var(--radius-pill); }
.seda-packs { display: flex; flex-direction: column; gap: 6px; margin-bottom: var(--space-md); }
.seda-pack { display: flex; align-items: center; justify-content: space-between; padding: 10px 14px; border: 1.5px solid var(--color-border); border-radius: var(--radius-md); cursor: pointer; transition: all var(--transition-fast); font-size: 0.82rem; }
.seda-pack:hover, .seda-pack.active { border-color: var(--color-accent); background: rgba(196,149,106,0.05); }
.seda-pack.active { border-width: 2px; }
.seda-pack-label { font-weight: 600; }
.seda-pack-price { font-weight: 700; color: var(--color-accent); }
.seda-pack-save { font-size: 0.7rem; color: var(--color-badge-sale); font-weight: 600; }
/* Lifestyle Banner */
.seda-lifestyle { position: relative; min-height: 500px; display: flex; align-items: center; overflow: hidden; }
.seda-lifestyle-bg { position: absolute; inset: 0; }
.seda-lifestyle-bg img { width: 100%; height: 100%; object-fit: cover; }
.seda-lifestyle-overlay { position: absolute; inset: 0; background: linear-gradient(to right, rgba(26,20,16,0.9) 0%, rgba(26,20,16,0.6) 50%, transparent 100%); }
.seda-lifestyle-content { position: relative; z-index: 2; padding: var(--space-4xl) 20px; max-width: 550px; margin-left: max(20px, calc((100vw - var(--max-width)) / 2)); }
.seda-lifestyle-content h2 { font-family: var(--font-heading); font-size: clamp(2rem, 4vw, 2.8rem); color: white; line-height: 1.2; margin-bottom: var(--space-md); }
.seda-lifestyle-content h2 em { font-style: italic; color: var(--color-gold); }
.seda-lifestyle-content p { color: rgba(255,255,255,0.75); font-size: 1rem; line-height: 1.7; margin-bottom: var(--space-xl); }
/* Bundles */
.seda-bundles { padding: var(--space-5xl) 20px; background: var(--color-bg-warm); }
.seda-bundle-card { max-width: 800px; margin: 0 auto; background: white; border-radius: var(--radius-xl); padding: var(--space-2xl); box-shadow: var(--shadow-lg); position: relative; overflow: hidden; }
.seda-bundle-card::before { content: '🔥 MÁS VENDIDO'; position: absolute; top: 20px; right: -35px; background: var(--color-badge-hot); color: white; font-size: 0.65rem; font-weight: 700; letter-spacing: 0.05em; padding: 5px 40px; transform: rotate(45deg); }
.seda-bundle-header { text-align: center; margin-bottom: var(--space-xl); }
.seda-bundle-header h3 { font-family: var(--font-heading); font-size: 1.6rem; margin-bottom: var(--space-xs); }
.seda-bundle-header p { color: var(--color-text-light); font-size: 0.9rem; }
.seda-bundle-items { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-md); margin-bottom: var(--space-xl); }
.seda-bundle-item { text-align: center; }
.seda-bundle-item img { border-radius: var(--radius-lg); aspect-ratio: 1; object-fit: cover; margin-bottom: var(--space-sm); }
.seda-bundle-item span { font-size: 0.82rem; color: var(--color-text-light); }
.seda-bundle-pricing { text-align: center; padding: var(--space-xl); background: var(--color-bg-cream); border-radius: var(--radius-lg); margin-bottom: var(--space-lg); }
.seda-bundle-pricing .orig { font-size: 1.1rem; color: var(--color-text-muted); text-decoration: line-through; margin-bottom: var(--space-xs); }
.seda-bundle-pricing .final { font-family: var(--font-heading); font-size: 2.5rem; font-weight: 600; }
.seda-bundle-pricing .savings { display: inline-block; background: rgba(92,184,92,0.1); color: var(--color-success); font-size: 0.85rem; font-weight: 700; padding: 4px 14px; border-radius: var(--radius-pill); margin-top: var(--space-sm); }
/* Urgency */
.seda-urgency { background: linear-gradient(135deg, var(--color-accent), var(--color-accent-hover)); color: white; padding: var(--space-2xl) 20px; text-align: center; }
.seda-urgency h3 { font-family: var(--font-heading); font-size: 1.5rem; margin-bottom: var(--space-sm); }
.seda-urgency > p { font-size: 0.9rem; opacity: 0.9; margin-bottom: var(--space-lg); }
.seda-countdown { display: inline-flex; gap: var(--space-md); margin-bottom: var(--space-lg); }
.seda-cd-item { background: rgba(255,255,255,0.2); border-radius: var(--radius-md); padding: 10px 16px; min-width: 60px; }
.seda-cd-num { font-size: 1.5rem; font-weight: 700; display: block; }
.seda-cd-label { font-size: 0.65rem; text-transform: uppercase; letter-spacing: 0.05em; opacity: 0.8; }
/* Testimonials */
.seda-testimonials { padding: var(--space-5xl) 20px; background: var(--color-bg); }
.seda-test-grid { max-width: var(--max-width); margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-xl); }
.seda-test-card { background: white; border-radius: var(--radius-xl); padding: var(--space-xl); border: 1px solid var(--color-border-light); transition: all var(--transition-base); }
.seda-test-card:hover { box-shadow: var(--shadow-md); transform: translateY(-3px); }
.seda-test-stars { display: flex; gap: 2px; margin-bottom: var(--space-md); }
.seda-test-stars svg { width: 16px; height: 16px; fill: var(--color-star); }
.seda-test-text { font-size: 0.95rem; line-height: 1.7; margin-bottom: var(--space-lg); font-style: italic; }
.seda-test-author { display: flex; align-items: center; gap: var(--space-md); }
.seda-test-avatar { width: 44px; height: 44px; border-radius: var(--radius-full); background: var(--color-accent-light); display: flex; align-items: center; justify-content: center; font-family: var(--font-heading); font-size: 1.1rem; color: var(--color-accent); font-weight: 600; }
.seda-test-info h5 { font-size: 0.85rem; font-weight: 600; }
.seda-test-info p { font-size: 0.75rem; color: var(--color-text-muted); }
.seda-verified { display: inline-flex; align-items: center; gap: 4px; font-size: 0.7rem; color: var(--color-success); font-weight: 600; margin-top: 2px; }
/* FAQ */
.seda-faq { padding: var(--space-5xl) 20px; background: var(--color-bg-cream); }
.seda-faq-container { max-width: 700px; margin: 0 auto; }
.seda-faq-item { border-bottom: 1px solid var(--color-border); overflow: hidden; }
.seda-faq-q { width: 100%; display: flex; align-items: center; justify-content: space-between; padding: var(--space-xl) 0; font-size: 1rem; font-weight: 600; text-align: left; cursor: pointer; transition: color var(--transition-fast); }
.seda-faq-q:hover { color: var(--color-accent); }
.seda-faq-icon { width: 24px; height: 24px; position: relative; flex-shrink: 0; }
.seda-faq-icon::before, .seda-faq-icon::after { content: ''; position: absolute; top: 50%; left: 50%; background: var(--color-text); transition: all var(--transition-base); }
.seda-faq-icon::before { width: 12px; height: 1.5px; transform: translate(-50%, -50%); }
.seda-faq-icon::after { width: 1.5px; height: 12px; transform: translate(-50%, -50%); }
.seda-faq-item.active .seda-faq-icon::after { transform: translate(-50%, -50%) rotate(90deg); opacity: 0; }
.seda-faq-a { max-height: 0; overflow: hidden; transition: max-height var(--transition-base); }
.seda-faq-item.active .seda-faq-a { max-height: 300px; }
.seda-faq-a p { padding-bottom: var(--space-xl); font-size: 0.92rem; color: var(--color-text-light); line-height: 1.7; }
/* Footer */
.seda-footer { background: var(--color-bg-dark); color: rgba(255,255,255,0.7); padding: var(--space-4xl) 20px var(--space-xl); }
.seda-footer-inner { max-width: var(--max-width); margin: 0 auto; }
.seda-footer-top { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: var(--space-3xl); padding-bottom: var(--space-3xl); border-bottom: 1px solid rgba(255,255,255,0.1); }
.seda-footer-brand p { font-size: 0.88rem; line-height: 1.7; margin-bottom: var(--space-lg); max-width: 320px; }
.seda-footer-logo { font-family: var(--font-heading); font-size: 2rem; color: white; letter-spacing: 0.15em; margin-bottom: var(--space-md); }
.seda-footer-social { display: flex; gap: var(--space-sm); }
.seda-footer-social a { width: 38px; height: 38px; display: flex; align-items: center; justify-content: center; border-radius: var(--radius-full); background: rgba(255,255,255,0.08); transition: all var(--transition-fast); }
.seda-footer-social a:hover { background: var(--color-accent); transform: translateY(-2px); }
.seda-footer-social a svg { width: 16px; height: 16px; fill: white; }
.seda-footer-col h4 { font-size: 0.8rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; color: white; margin-bottom: var(--space-lg); }
.seda-footer-col ul { list-style: none; }
.seda-footer-col li { margin-bottom: var(--space-sm); }
.seda-footer-col a { font-size: 0.85rem; }
.seda-footer-col a:hover { color: var(--color-gold); }
.seda-footer-bottom { display: flex; align-items: center; justify-content: space-between; padding-top: var(--space-xl); font-size: 0.78rem; }
.seda-footer-pay { display: flex; gap: var(--space-sm); }
.seda-pay-icon { background: rgba(255,255,255,0.1); border-radius: var(--radius-sm); padding: 4px 10px; font-size: 0.7rem; font-weight: 600; color: rgba(255,255,255,0.6); }
/* WhatsApp Float */
.seda-wa { position: fixed; bottom: 24px; right: 24px; z-index: 999; width: 56px; height: 56px; background: var(--color-whatsapp); border-radius: var(--radius-full); display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 15px rgba(37,211,102,0.4); animation: seda-bounce 2s infinite; }
.seda-wa:hover { transform: scale(1.1); }
.seda-wa svg { width: 28px; height: 28px; fill: white; }
@keyframes seda-bounce { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-5px); } }
/* Toast */
.seda-toast { position: fixed; bottom: 90px; left: 20px; background: white; border-radius: var(--radius-lg); padding: var(--space-md); box-shadow: var(--shadow-lg); display: flex; align-items: center; gap: var(--space-md); z-index: 997; transform: translateX(-120%); transition: transform var(--transition-spring); max-width: 320px; border: 1px solid var(--color-border-light); }
.seda-toast.visible { transform: translateX(0); }
.seda-toast-img { width: 50px; height: 50px; border-radius: var(--radius-md); object-fit: cover; flex-shrink: 0; }
.seda-toast-text { font-size: 0.78rem; color: var(--color-text-light); line-height: 1.4; }
.seda-toast-text strong { color: var(--color-text); display: block; }
.seda-toast-time { font-size: 0.7rem; color: var(--color-text-muted); }
/* Reveal Animation */
.seda-reveal { opacity: 0; transform: translateY(30px); transition: all 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.seda-reveal.visible { opacity: 1; transform: translateY(0); }
.seda-d1 { transition-delay: 0.1s; } .seda-d2 { transition-delay: 0.2s; } .seda-d3 { transition-delay: 0.3s; } .seda-d4 { transition-delay: 0.4s; }
@keyframes seda-fadeUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
@keyframes seda-fadeRight { from { opacity: 0; transform: translateX(30px); } to { opacity: 1; transform: translateX(0); } }
/* Responsive */
@media (max-width: 1024px) {
.seda-hero-content { grid-template-columns: 1fr; text-align: center; }
.seda-hero-desc { margin: 0 auto var(--space-xl); }
.seda-cta-group { justify-content: center; }
.seda-stats { justify-content: center; }
.seda-feat-card { display: none; }
.seda-footer-top { grid-template-columns: 1fr 1fr; gap: var(--space-2xl); }
}
@media (max-width: 768px) {
.seda-nav { display: none; }
.seda-mobile-btn { display: flex; }
.seda-trust-inner { grid-template-columns: 1fr 1fr; gap: var(--space-md); }
.seda-trust-item { flex-direction: column; text-align: center; gap: var(--space-sm); }
.seda-products-grid { grid-template-columns: repeat(2, 1fr); gap: var(--space-md); }
.seda-test-grid { grid-template-columns: 1fr; }
.seda-bundle-items { grid-template-columns: 1fr; }
.seda-footer-top { grid-template-columns: 1fr; gap: var(--space-xl); }
.seda-footer-bottom { flex-direction: column; gap: var(--space-md); text-align: center; }
.seda-wa { bottom: 24px; }
.seda-lifestyle-content { margin-left: 20px; }
}
@media (max-width: 480px) {
.seda-products-grid { grid-template-columns: 1fr; }
.seda-stats { flex-direction: column; gap: var(--space-md); align-items: center; }
.seda-hero h1 { font-size: 2.2rem; }
}
</style>
<!-- ========== INICIO LANDING SEDA ========== -->
<div class="seda-landing">
<!-- ANNOUNCEMENT BAR -->
<div class="seda-announce">🔥 <span>ENVÍO GRATIS</span> en compras mayores a $2.500 · Aprovechá ahora →</div>
<!-- HERO -->
<section class="seda-hero" id="seda-hero">
<div class="seda-hero-bg">
<!-- REEMPLAZÁ esta URL con tu imagen subida a Shopify > Configuración > Archivos -->
<img src="https://via.placeholder.com/1920x1080/2D2118/ffffff?text=IMAGEN+HERO" alt="Mujer con buzo manta polar SEDA">
</div>
<div class="seda-hero-overlay"></div>
<div class="seda-hero-content">
<div class="seda-hero-text">
<div class="seda-badge"><span class="seda-badge-dot"></span> Colección Invierno 2026</div>
<h1>La comodidad que <em>te mereces</em></h1>
<p class="seda-hero-desc">Descubrí nuestros pijamas polares y el famoso Buzo Manta Gigante. Suavidad extrema, calidez total y un estilo que enamora.</p>
<div class="seda-cta-group">
<a href="#seda-productos" class="seda-btn seda-btn-primary seda-btn-lg">Comprar ahora</a>
<a href="#seda-packs" class="seda-btn seda-btn-secondary seda-btn-lg">Ver Packs 🔥</a>
</div>
<div class="seda-stats">
<div><div class="seda-stat-num">7.000+</div><div class="seda-stat-label">Clientas felices</div></div>
<div><div class="seda-stat-num">4.9 ⭐</div><div class="seda-stat-label">Calificación</div></div>
<div><div class="seda-stat-num">24-72hs</div><div class="seda-stat-label">Envío a todo UY</div></div>
</div>
</div>
<div class="seda-feat-card">
<div class="seda-feat-product">
<!-- REEMPLAZÁ con tu imagen de producto -->
<img src="https://via.placeholder.com/400x400/f8f5f2/2D2D2D?text=BUZO+MANTA" alt="Buzo Manta Gigante Gris">
<span class="seda-feat-tag">⚡ Más vendido</span>
<h3 class="seda-feat-title">Buzo Manta Gigante</h3>
<div class="seda-feat-price">
<span class="current">$1.390</span>
<span class="original">$1.990</span>
<span class="discount">-30%</span>
</div>
<a href="#" class="seda-btn seda-btn-buy seda-btn-full seda-buy-btn" data-product="buzo-manta-gris">COMPRAR AHORA →</a>
</div>
</div>
</div>
</section>
<!-- TRUST BAR -->
<div class="seda-trust">
<div class="seda-trust-inner">
<div class="seda-trust-item seda-reveal">
<div class="seda-trust-icon"><svg viewBox="0 0 24 24"><path d="M5 12l5 5L20 7"/></svg></div>
<div class="seda-trust-text"><h4>Envío gratis</h4><p>En compras +$2.500</p></div>
</div>
<div class="seda-trust-item seda-reveal seda-d1">
<div class="seda-trust-icon"><svg viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg></div>
<div class="seda-trust-text"><h4>Pago seguro</h4><p>MercadoPago & tarjetas</p></div>
</div>
<div class="seda-trust-item seda-reveal seda-d2">
<div class="seda-trust-icon"><svg viewBox="0 0 24 24"><rect x="1" y="3" width="15" height="13"/><polygon points="16 8 20 8 23 11 23 16 16 16 16 8"/><circle cx="5.5" cy="18.5" r="2.5"/><circle cx="18.5" cy="18.5" r="2.5"/></svg></div>
<div class="seda-trust-text"><h4>Envío por DAC</h4><p>24-72 hs a todo Uruguay</p></div>
</div>
<div class="seda-trust-item seda-reveal seda-d3">
<div class="seda-trust-icon"><svg viewBox="0 0 24 24"><path d="M21 15a2 2 0 01-2 2H7l-4 4V5a2 2 0 012-2h14a2 2 0 012 2z"/></svg></div>
<div class="seda-trust-text"><h4>Soporte WhatsApp</h4><p>Respuesta inmediata</p></div>
</div>
</div>
</div>
<!-- PRODUCTOS -->
<section class="seda-products" id="seda-productos">
<div class="seda-section-heading seda-reveal">
<span class="seda-overline">Lo más vendido</span>
<h2>Nuestros <em>favoritos</em></h2>
<p>Los productos que más aman nuestras clientas en todo Uruguay</p>
</div>
<div class="seda-products-grid">
<!-- Producto 1 -->
<div class="seda-card seda-reveal">
<div class="seda-card-img">
<img src="https://via.placeholder.com/400x400/f8f5f2/2D2D2D?text=BUZO+MANTA+GRIS" alt="Buzo Manta Gigante Gris">
<div class="seda-card-badges">
<span class="seda-badge-item seda-badge-hot">🔥 Más vendido</span>
<span class="seda-badge-item seda-badge-sale">-30%</span>
</div>
<div class="seda-quick-view"><a href="#" class="seda-btn seda-btn-buy seda-btn-full seda-btn-sm seda-buy-btn" data-product="buzo-manta-gris">COMPRAR AHORA →</a></div>
</div>
<div class="seda-card-info">
<h3 class="seda-card-title">Buzo Manta Gigante</h3>
<p class="seda-card-subtitle">Polar ultra suave · Talle único</p>
<div class="seda-stars">
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<span>(342)</span>
</div>
<div class="seda-packs">
<div class="seda-pack active" data-pack="1"><span class="seda-pack-label">1 unidad</span><span class="seda-pack-price">$1.390</span></div>
<div class="seda-pack" data-pack="2"><div><span class="seda-pack-label">Pack de 2</span><br><span class="seda-pack-save">Ahorrás $790</span></div><span class="seda-pack-price">$1.990</span></div>
<div class="seda-pack" data-pack="4"><div><span class="seda-pack-label">Pack de 4</span><br><span class="seda-pack-save">Ahorrás $2.570</span></div><span class="seda-pack-price">$2.990</span></div>
</div>
<a href="#" class="seda-btn seda-btn-buy seda-btn-full seda-buy-btn" data-product="buzo-manta-gris">COMPRAR AHORA →</a>
</div>
</div>
<!-- Producto 2 -->
<div class="seda-card seda-reveal seda-d1">
<div class="seda-card-img">
<img src="https://via.placeholder.com/400x400/f8f5f2/2D2D2D?text=BUZO+MANTA+ROSA" alt="Buzo Manta Gigante Rosa">
<div class="seda-card-badges">
<span class="seda-badge-item seda-badge-new">Nuevo</span>
<span class="seda-badge-item seda-badge-sale">-30%</span>
</div>
<div class="seda-quick-view"><a href="#" class="seda-btn seda-btn-buy seda-btn-full seda-btn-sm seda-buy-btn" data-product="buzo-manta-rosa">COMPRAR AHORA →</a></div>
</div>
<div class="seda-card-info">
<h3 class="seda-card-title">Buzo Manta Gigante Rosa</h3>
<p class="seda-card-subtitle">Polar ultra suave · Talle único</p>
<div class="seda-stars">
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<span>(189)</span>
</div>
<div class="seda-price"><span class="current">$1.390</span><span class="original">$1.990</span><span class="save">-30%</span></div>
<a href="#" class="seda-btn seda-btn-buy seda-btn-full seda-buy-btn" data-product="buzo-manta-rosa">COMPRAR AHORA →</a>
</div>
</div>
<!-- Producto 3 -->
<div class="seda-card seda-reveal seda-d2">
<div class="seda-card-img">
<img src="https://via.placeholder.com/400x400/f8f5f2/2D2D2D?text=PIJAMA+POLAR" alt="Pijama Polar 2 Piezas">
<div class="seda-card-badges"><span class="seda-badge-item seda-badge-hot">🔥 Tendencia</span></div>
<div class="seda-quick-view"><a href="#" class="seda-btn seda-btn-buy seda-btn-full seda-btn-sm seda-buy-btn" data-product="pijama-polar">COMPRAR AHORA →</a></div>
</div>
<div class="seda-card-info">
<h3 class="seda-card-title">Pijama Polar 2 Piezas</h3>
<p class="seda-card-subtitle">Polar térmico · S / M / L</p>
<div class="seda-stars">
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<span>(256)</span>
</div>
<div class="seda-price"><span class="current">$1.190</span><span class="original">$1.590</span><span class="save">-25%</span></div>
<a href="#" class="seda-btn seda-btn-buy seda-btn-full seda-buy-btn" data-product="pijama-polar">COMPRAR AHORA →</a>
</div>
</div>
<!-- Producto 4 -->
<div class="seda-card seda-reveal seda-d3">
<div class="seda-card-img">
<img src="https://via.placeholder.com/400x400/f8f5f2/2D2D2D?text=MODELADORA" alt="Body Modelador">
<div class="seda-card-badges"><span class="seda-badge-item seda-badge-sale">-20%</span></div>
<div class="seda-quick-view"><a href="#" class="seda-btn seda-btn-buy seda-btn-full seda-btn-sm seda-buy-btn" data-product="body-modelador">COMPRAR AHORA →</a></div>
</div>
<div class="seda-card-info">
<h3 class="seda-card-title">Body Modelador Invisible</h3>
<p class="seda-card-subtitle">Compresión inteligente · S a XXL</p>
<div class="seda-stars">
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<span>(418)</span>
</div>
<div class="seda-price"><span class="current">$890</span><span class="original">$1.190</span><span class="save">-20%</span></div>
<a href="#" class="seda-btn seda-btn-buy seda-btn-full seda-buy-btn" data-product="body-modelador">COMPRAR AHORA →</a>
</div>
</div>
</div>
</section>
<!-- LIFESTYLE BANNER -->
<section class="seda-lifestyle">
<div class="seda-lifestyle-bg"><img src="https://via.placeholder.com/1920x600/2D2118/ffffff?text=LIFESTYLE" alt="Lifestyle SEDA"></div>
<div class="seda-lifestyle-overlay"></div>
<div class="seda-lifestyle-content seda-reveal">
<h2>Sentite como en una <em>nube</em></h2>
<p>Nuestros pijamas polares y buzos manta están hechos con el polar más suave del mercado. Perfectos para las noches frías de invierno uruguayo. Una vez que lo probás, no te lo sacás más.</p>
<a href="#seda-productos" class="seda-btn seda-btn-primary seda-btn-lg">Descubrí la colección →</a>
</div>
</section>
<!-- PACKS -->
<section class="seda-bundles" id="seda-packs">
<div class="seda-section-heading seda-reveal">
<span class="seda-overline">Ahorrá más</span>
<h2>Packs <em>irresistibles</em></h2>
<p>Llevá más, pagá menos. Los packs más elegidos por nuestras clientas.</p>
</div>
<div class="seda-bundle-card seda-reveal">
<div class="seda-bundle-header">
<h3>Pack Invierno Completo</h3>
<p>2 Buzos Manta + 1 Pijama Polar — El combo perfecto para el invierno</p>
</div>
<div class="seda-bundle-items">
<div class="seda-bundle-item"><img src="https://via.placeholder.com/300x300/f8f5f2/2D2D2D?text=BUZO+1" alt="Buzo 1"><span>Buzo Manta Gris</span></div>
<div class="seda-bundle-item"><img src="https://via.placeholder.com/300x300/f8f5f2/2D2D2D?text=BUZO+2" alt="Buzo 2"><span>Buzo Manta Rosa</span></div>
<div class="seda-bundle-item"><img src="https://via.placeholder.com/300x300/f8f5f2/2D2D2D?text=PIJAMA" alt="Pijama"><span>Pijama Polar</span></div>
</div>
<div class="seda-bundle-pricing">
<div class="orig">Precio por separado: $3.970</div>
<div class="final">$2.990</div>
<div class="savings">¡Ahorrás $980!</div>
</div>
<a href="#" class="seda-btn seda-btn-buy seda-btn-full seda-btn-lg seda-buy-btn" data-product="pack-invierno">COMPRAR PACK AHORA →</a>
</div>
</section>
<!-- URGENCIA -->
<section class="seda-urgency">
<h3>⏰ Oferta por tiempo limitado</h3>
<p>Estos precios son exclusivos de esta semana. ¡No te lo pierdas!</p>
<div class="seda-countdown">
<div class="seda-cd-item"><span class="seda-cd-num" id="seda-hours">23</span><span class="seda-cd-label">Horas</span></div>
<div class="seda-cd-item"><span class="seda-cd-num" id="seda-minutes">59</span><span class="seda-cd-label">Minutos</span></div>
<div class="seda-cd-item"><span class="seda-cd-num" id="seda-seconds">59</span><span class="seda-cd-label">Segundos</span></div>
</div>
<br>
<a href="#seda-productos" class="seda-btn seda-btn-primary seda-btn-lg" style="background: white; color: #B07D52; font-weight: 700;">VER PRODUCTOS →</a>
</section>
<!-- TESTIMONIOS -->
<section class="seda-testimonials" id="seda-testimonios">
<div class="seda-section-heading seda-reveal">
<span class="seda-overline">Testimonios reales</span>
<h2>Lo que dicen nuestras <em>clientas</em></h2>
<p>+7.000 uruguayas ya confían en SEDA para su confort diario</p>
</div>
<div class="seda-test-grid">
<div class="seda-test-card seda-reveal">
<div class="seda-test-stars">
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
</div>
<p class="seda-test-text">"El buzo manta es INCREÍBLE. Es súper suave y enorme, me tapa toda. Lo uso todas las noches y mis hijas ya me están pidiendo uno. ¡El envío llegó en 2 días a Maldonado!"</p>
<div class="seda-test-author">
<div class="seda-test-avatar">V</div>
<div class="seda-test-info"><h5>Valentina R.</h5><p>Maldonado, Uruguay</p><span class="seda-verified">✓ Compra verificada</span></div>
</div>
</div>
<div class="seda-test-card seda-reveal seda-d1">
<div class="seda-test-stars">
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
</div>
<p class="seda-test-text">"Compré el pack de 2 buzos manta para mi mamá y para mí. Son hermosos y súper calentitos. La mejor compra que hice este invierno sin duda."</p>
<div class="seda-test-author">
<div class="seda-test-avatar">C</div>
<div class="seda-test-info"><h5>Camila S.</h5><p>Montevideo, Uruguay</p><span class="seda-verified">✓ Compra verificada</span></div>
</div>
</div>
<div class="seda-test-card seda-reveal seda-d2">
<div class="seda-test-stars">
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
<svg viewBox="0 0 24 24"><polygon points="12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2"/></svg>
</div>
<p class="seda-test-text">"La modeladora es de lo mejor que probé. Es cómoda, no aprieta y queda invisible debajo de la ropa. ¡Excelente calidad y atención!"</p>
<div class="seda-test-author">
<div class="seda-test-avatar">L</div>
<div class="seda-test-info"><h5>Laura M.</h5><p>Canelones, Uruguay</p><span class="seda-verified">✓ Compra verificada</span></div>
</div>
</div>
</div>
</section>
<!-- FAQ -->
<section class="seda-faq" id="seda-faq">
<div class="seda-section-heading seda-reveal">
<span class="seda-overline">Resolvé tus dudas</span>
<h2>Preguntas <em>frecuentes</em></h2>
</div>
<div class="seda-faq-container">
<div class="seda-faq-item seda-reveal"><button class="seda-faq-q">¿Cuánto tarda el envío?<span class="seda-faq-icon"></span></button><div class="seda-faq-a"><p>Realizamos envíos a todo Uruguay por DAC. El tiempo estimado es de 24 a 72 horas hábiles. Una vez despachado tu pedido, te enviamos el código de seguimiento por WhatsApp.</p></div></div>
<div class="seda-faq-item seda-reveal seda-d1"><button class="seda-faq-q">¿Qué medios de pago aceptan?<span class="seda-faq-icon"></span></button><div class="seda-faq-a"><p>Aceptamos todas las tarjetas de crédito y débito a través de MercadoPago. También podés pagar en cuotas sin interés y transferencia bancaria.</p></div></div>
<div class="seda-faq-item seda-reveal seda-d2"><button class="seda-faq-q">¿Puedo hacer cambios o devoluciones?<span class="seda-faq-icon"></span></button><div class="seda-faq-a"><p>Sí, tenés 7 días desde la recepción para realizar cambios por talle o color. El producto debe estar sin uso y con su etiqueta original. Contactanos por WhatsApp para coordinar.</p></div></div>
<div class="seda-faq-item seda-reveal seda-d3"><button class="seda-faq-q">¿El buzo manta es talle único?<span class="seda-faq-icon"></span></button><div class="seda-faq-a"><p>Sí, el Buzo Manta Gigante es talle único y oversize. Se adapta a todos los cuerpos desde XS hasta XXL. Es gigante, cómodo y pensado para máxima comodidad.</p></div></div>
<div class="seda-faq-item seda-reveal seda-d4"><button class="seda-faq-q">¿Cómo cuido las prendas?<span class="seda-faq-icon"></span></button><div class="seda-faq-a"><p>Lavado a mano o en máquina con agua fría. No usar secadora. Secar a la sombra. No planchar. Siguiendo estos pasos, tus prendas van a durar como el primer día.</p></div></div>
</div>
</section>
<!-- FOOTER -->
<footer class="seda-footer">
<div class="seda-footer-inner">
<div class="seda-footer-top">
<div class="seda-footer-brand">
<div class="seda-footer-logo">SEDA</div>
<p>Ropa que abraza. Pijamas polares, buzos manta y modeladoras pensadas para la mujer uruguaya. Comodidad premium con envío a todo el país.</p>
<div class="seda-footer-social">
<a href="#" aria-label="Instagram"><svg viewBox="0 0 24 24"><rect x="2" y="2" width="20" height="20" rx="5" fill="none" stroke="white" stroke-width="2"/><circle cx="12" cy="12" r="5" fill="none" stroke="white" stroke-width="2"/><circle cx="17.5" cy="6.5" r="1.5" fill="white"/></svg></a>
<a href="#" aria-label="TikTok"><svg viewBox="0 0 24 24"><path d="M19.59 6.69a4.83 4.83 0 01-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 01-2.88 2.5 2.89 2.89 0 01-2.88-2.88 2.89 2.89 0 012.88-2.88c.28 0 .56.04.82.11v-3.5a6.37 6.37 0 00-.82-.05 6.34 6.34 0 00-6.34 6.34 6.34 6.34 0 006.34 6.34 6.34 6.34 0 006.34-6.34V8.77a8.28 8.28 0 004.77 1.52V6.84a4.84 4.84 0 01-1.01-.15z"/></svg></a>
<a href="#" aria-label="Facebook"><svg viewBox="0 0 24 24"><path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"/></svg></a>
</div>
</div>
<div class="seda-footer-col"><h4>Tienda</h4><ul><li><a href="#seda-productos">Buzos Manta</a></li><li><a href="#seda-productos">Pijamas Polares</a></li><li><a href="#seda-productos">Modeladoras</a></li><li><a href="#seda-packs">Packs</a></li></ul></div>
<div class="seda-footer-col"><h4>Ayuda</h4><ul><li><a href="#seda-faq">Preguntas frecuentes</a></li><li><a href="#">Guía de talles</a></li><li><a href="#">Envíos</a></li><li><a href="#">Cambios y devoluciones</a></li></ul></div>
<div class="seda-footer-col"><h4>Legal</h4><ul><li><a href="#">Términos y condiciones</a></li><li><a href="#">Política de privacidad</a></li><li><a href="#">Política de envíos</a></li></ul></div>
</div>
<div class="seda-footer-bottom">
<span>© 2026 SEDA Uruguay. Todos los derechos reservados.</span>
<div class="seda-footer-pay"><span class="seda-pay-icon">VISA</span><span class="seda-pay-icon">MASTER</span><span class="seda-pay-icon">OCA</span><span class="seda-pay-icon">MP</span></div>
</div>
</div>
</footer>
<!-- WHATSAPP FLOAT -->
<!-- CAMBIÁ 598XXXXXXXXX por tu número real -->
<a href="https://wa.me/598XXXXXXXXX?text=Hola!%20Quiero%20consultar%20sobre%20los%20productos%20de%20SEDA" class="seda-wa" target="_blank" rel="noopener" aria-label="WhatsApp">
<svg viewBox="0 0 32 32"><path d="M16.01 2.64C8.67 2.64 2.7 8.57 2.7 15.96c0 2.35.62 4.64 1.79 6.67L2.56 29.36l6.97-1.83c1.94 1.06 4.13 1.62 6.37 1.62h.01c7.34 0 13.31-5.93 13.31-13.22 0-3.53-1.38-6.85-3.88-9.35a13.17 13.17 0 00-9.33-3.94zm0 24.2c-2 0-3.95-.53-5.67-1.55l-.41-.24-4.21 1.1 1.12-4.1-.26-.42c-1.12-1.78-1.71-3.84-1.71-5.96 0-6.16 5.02-11.18 11.19-11.18 2.99 0 5.8 1.16 7.91 3.28a11.12 11.12 0 013.28 7.93c-.01 6.17-5.03 11.14-11.24 11.14zm6.14-8.37c-.34-.17-1.99-.98-2.3-1.09-.31-.12-.53-.17-.76.17-.23.34-.87 1.09-1.07 1.32-.2.23-.39.26-.73.09-.34-.17-1.43-.53-2.73-1.68-1.01-.9-1.69-2.01-1.89-2.35-.2-.34-.02-.52.15-.69.15-.15.34-.39.5-.59.17-.2.23-.34.34-.56.12-.23.06-.43-.03-.59-.09-.17-.76-1.83-1.04-2.51-.27-.66-.55-.57-.76-.58-.2-.01-.43-.01-.66-.01-.23 0-.59.09-.9.43-.31.34-1.18 1.16-1.18 2.82 0 1.67 1.21 3.28 1.38 3.5.17.23 2.38 3.63 5.76 5.09.8.35 1.43.56 1.92.71.81.26 1.54.22 2.12.13.65-.1 1.99-.81 2.27-1.6.28-.79.28-1.46.2-1.6-.09-.15-.31-.23-.65-.4z"/></svg>
</a>
<!-- SOCIAL PROOF TOAST -->
<div class="seda-toast" id="seda-toast">
<img src="https://via.placeholder.com/50x50/f8f5f2/2D2D2D?text=+" class="seda-toast-img" alt="">
<div class="seda-toast-text"><strong id="seda-toast-name">María de Montevideo</strong><span id="seda-toast-product">compró un Buzo Manta Gigante</span><br><span class="seda-toast-time" id="seda-toast-time">hace 3 minutos</span></div>
</div>
</div>
<!-- ========== FIN LANDING SEDA ========== -->
<script>
(function(){
// ===== CONFIGURACIÓN — EDITÁ ESTOS VALORES =====
var SHOP = 'sedauruguay.com'; // Tu dominio de Shopify
// ===== COUNTDOWN =====
var endTime = localStorage.getItem('seda-cd-end');
if (!endTime || parseInt(endTime) < Date.now()) { endTime = Date.now() + 23*60*60*1000; localStorage.setItem('seda-cd-end', endTime); }
setInterval(function(){
var d = parseInt(endTime) - Date.now();
if (d <= 0) { endTime = Date.now() + 23*60*60*1000; localStorage.setItem('seda-cd-end', endTime); }
var h = Math.floor(d/3600000), m = Math.floor(d%3600000/60000), s = Math.floor(d%60000/1000);
var he = document.getElementById('seda-hours'), me = document.getElementById('seda-minutes'), se = document.getElementById('seda-seconds');
if(he) he.textContent = String(h).padStart(2,'0');
if(me) me.textContent = String(m).padStart(2,'0');
if(se) se.textContent = String(s).padStart(2,'0');
}, 1000);
// ===== FAQ =====
document.querySelectorAll('.seda-faq-q').forEach(function(b){
b.addEventListener('click', function(){
var item = b.parentElement, active = item.classList.contains('active');
document.querySelectorAll('.seda-faq-item').forEach(function(i){ i.classList.remove('active'); });
if (!active) item.classList.add('active');
});
});
// ===== SCROLL REVEAL =====
var obs = new IntersectionObserver(function(entries){ entries.forEach(function(e){ if(e.isIntersecting){ e.target.classList.add('visible'); obs.unobserve(e.target); }}); }, { threshold: 0.1, rootMargin: '0px 0px -50px 0px' });
document.querySelectorAll('.seda-reveal').forEach(function(el){ obs.observe(el); });
// ===== PACK SELECTOR =====
document.querySelectorAll('.seda-packs').forEach(function(c){
c.querySelectorAll('.seda-pack').forEach(function(p){
p.addEventListener('click', function(){
c.querySelectorAll('.seda-pack').forEach(function(x){ x.classList.remove('active'); });
p.classList.add('active');
});
});
});
// ===== BUY BUTTONS =====
document.querySelectorAll('.seda-buy-btn').forEach(function(btn){
btn.addEventListener('click', function(e){
e.preventDefault();
var handle = btn.dataset.product;
if (handle) window.location.href = 'https://' + SHOP + '/products/' + handle;
else window.location.href = 'https://' + SHOP + '/collections/all';
});
});
// ===== SOCIAL PROOF TOASTS =====
var toasts = [
{ n: 'María de Montevideo', p: 'compró un Buzo Manta Gigante', t: 'hace 3 min' },
{ n: 'Sofía de Canelones', p: 'compró el Pack de 2 Buzos', t: 'hace 5 min' },
{ n: 'Lucía de Maldonado', p: 'compró un Pijama Polar', t: 'hace 8 min' },
{ n: 'Camila de Colonia', p: 'compró el Pack Invierno', t: 'hace 12 min' },
{ n: 'Ana de Paysandú', p: 'compró un Body Modelador', t: 'hace 15 min' },
{ n: 'Valentina de Salto', p: 'compró 2 Buzos Manta', t: 'hace 18 min' },
], ti = 0;
function showToast(){
var t = document.getElementById('seda-toast'); if(!t) return;
var d = toasts[ti % toasts.length];
document.getElementById('seda-toast-name').textContent = d.n;
document.getElementById('seda-toast-product').textContent = d.p;
document.getElementById('seda-toast-time').textContent = d.t;
t.classList.add('visible');
setTimeout(function(){ t.classList.remove('visible'); ti++; }, 5000);
}
setTimeout(function(){ showToast(); setInterval(showToast, 25000); }, 10000);
// ===== SMOOTH SCROLL =====
document.querySelectorAll('a[href^="#seda"]').forEach(function(a){
a.addEventListener('click', function(e){
var target = document.querySelector(a.getAttribute('href'));
if(target){ e.preventDefault(); target.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
});
});
})();
</script>