/* ==========================================================================
   THEME & DESIGN SYSTEM ENGINE - 16 TEMAS DE ALTA COSTURA + 15 ESTILOS DE CASILLAS
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Alex+Brush&family=Allura&family=Bellefair&family=Bodoni+Moda:ital,opsz,wght@0,6..96,400;0,6..96,600;1,6..96,400&family=Castoro:ital@0;1&family=Cinzel+Decorative:wght@400;700&family=Cinzel:wght@400;600;700&family=Clicker+Script&family=Cormorant+Garamond:ital,wght@0,400;0,600;1,400;1,600&family=Cormorant+SC:wght@400;600&family=Cormorant+Upright:wght@400;600&family=EB+Garamond:ital,wght@0,400;0,600;1,400&family=Great+Vibes&family=Herr+Von+Muellerhoff&family=Italiana&family=Marcellus&family=Meddon&family=Meie+Script&family=Monsieur+La+Doulaise&family=Montserrat:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400&family=Parisienne&family=Pinyon+Script&family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Prata&family=Rochester&family=Sacramento&family=Tangerine:wght@400;700&family=Tenor+Sans&family=Whisper&display=swap');

/* ==========================================================================
   1. LAS 16 PALETAS CROMÁTICAS DE GALA
   ========================================================================== */

/* 1. VINTAGE ROMANCE (Default) */
body.theme-vintage, .theme-vintage {
  --bg-parchment: #FAF7F2;
  --bg-parchment-warm: #F4EFE6;
  --bg-card: #FFFFFF;
  --bg-card-alt: #FDFBF7;
  --text-primary: #2C241E;
  --text-muted: #6E6259;
  --text-light: #9C8E84;
  --gold-primary: #C5A059;
  --gold-dark: #997531;
  --gold-light: #E9D8A6;
  --gold-gradient: linear-gradient(135deg, #C5A059 0%, #F3E5AB 50%, #A07936 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(197, 160, 89, 0.15) 0%, rgba(243, 229, 171, 0.25) 100%);
  --accent-color: #6B2D35;
  --border-vintage: rgba(197, 160, 89, 0.38);
  --border-vintage-light: rgba(197, 160, 89, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(197, 160, 89, 0.18), 0 4px 12px rgba(0, 0, 0, 0.05);
  --envelope-bg: radial-gradient(circle at center, #2C241E 0%, #15100C 100%);
  --envelope-box-bg: rgba(44, 36, 30, 0.92);
}

/* 2. BOHO & JARDÍN FLORAL - No Gold, Pure Earth */
body.theme-boho, .theme-boho {
  --bg-parchment: #EBECE8;
  --bg-parchment-warm: #D9DDD3;
  --bg-card: #F2F4F0;
  --bg-card-alt: #E3E7DE;
  --text-primary: #2A3623;
  --text-muted: #536348;
  --text-light: #7E9271;
  --gold-primary: #768F63;
  --gold-dark: #4F6340;
  --gold-light: #A5BCA6;
  --gold-gradient: linear-gradient(135deg, #768F63 0%, #B3C8A4 50%, #4F6340 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(118, 143, 99, 0.2) 0%, rgba(179, 200, 164, 0.2) 100%);
  --accent-color: #D37D52;
  --border-vintage: rgba(118, 143, 99, 0.6);
  --border-vintage-light: rgba(118, 143, 99, 0.3);
  --shadow-luxury: 0 16px 45px -5px rgba(83, 99, 72, 0.25), 0 4px 12px rgba(0, 0, 0, 0.04);
  --envelope-bg: radial-gradient(circle at center, #2A3623 0%, #171E13 100%);
  --envelope-box-bg: rgba(42, 54, 35, 0.96);
}

/* 3. LUXURY MIDNIGHT GOLD - High Contrast Void */
body.theme-luxury, .theme-luxury {
  --bg-parchment: #080A0C;
  --bg-parchment-warm: #0E1216;
  --bg-card: #12161A;
  --bg-card-alt: #0D1013;
  --text-primary: #FFFFFF;
  --text-muted: #A3A8AD;
  --text-light: #6E757C;
  --gold-primary: #E5C07B;
  --gold-dark: #B59350;
  --gold-light: #FBE6BA;
  --gold-gradient: linear-gradient(135deg, #D4AF37 0%, #FFFFFF 50%, #997531 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(212, 175, 55, 0.15) 0%, rgba(255, 255, 255, 0.05) 100%);
  --accent-color: #E5C07B;
  --border-vintage: rgba(229, 192, 123, 0.35);
  --border-vintage-light: rgba(229, 192, 123, 0.15);
  --shadow-luxury: 0 25px 60px -15px rgba(0, 0, 0, 0.95), 0 0 40px rgba(212, 175, 55, 0.15);
  --envelope-bg: radial-gradient(circle at center, #151A1F 0%, #030405 100%);
  --envelope-box-bg: rgba(18, 22, 26, 0.98);
}

/* 4. MINIMALIST EDITORIAL - Pure B&W / Bauhaus */
body.theme-minimal, .theme-minimal {
  --bg-parchment: #FFFFFF;
  --bg-parchment-warm: #F2F2F2;
  --bg-card: #FFFFFF;
  --bg-card-alt: #F8F8F8;
  --text-primary: #000000;
  --text-muted: #555555;
  --text-light: #999999;
  --gold-primary: #000000;
  --gold-dark: #000000;
  --gold-light: #E0E0E0;
  --gold-gradient: linear-gradient(135deg, #000000 0%, #333333 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(0,0,0,0.06) 0%, rgba(0,0,0,0.02) 100%);
  --accent-color: #000000;
  --border-vintage: #000000;
  --border-vintage-light: rgba(0, 0, 0, 0.15);
  --shadow-luxury: 0 30px 60px rgba(0, 0, 0, 0.08);
  --envelope-bg: radial-gradient(circle at center, #1A1A1A 0%, #000000 100%);
  --envelope-box-bg: rgba(0, 0, 0, 0.98);
}

/* 5. ROYAL SAPPHIRE & SILVER - Icy Cold */
body.theme-royal-sapphire, .theme-royal-sapphire {
  --bg-parchment: #030914;
  --bg-parchment-warm: #071326;
  --bg-card: #0A1930;
  --bg-card-alt: #051021;
  --text-primary: #E2E8F0;
  --text-muted: #94A3B8;
  --text-light: #64748B;
  --gold-primary: #38BDF8;
  --gold-dark: #0284C7;
  --gold-light: #BAE6FD;
  --gold-gradient: linear-gradient(135deg, #0284C7 0%, #38BDF8 50%, #E0F2FE 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(56, 189, 248, 0.25) 0%, rgba(224, 242, 254, 0.1) 100%);
  --accent-color: #38BDF8;
  --border-vintage: rgba(56, 189, 248, 0.6);
  --border-vintage-light: rgba(56, 189, 248, 0.25);
  --shadow-luxury: 0 20px 50px -10px rgba(0, 0, 0, 0.8), 0 0 35px rgba(56, 189, 248, 0.3);
  --envelope-bg: radial-gradient(circle at center, #0F2340 0%, #02060D 100%);
  --envelope-box-bg: rgba(10, 25, 48, 0.95);
}

/* 6. EMERALD IMPERIAL */
body.theme-emerald, .theme-emerald {
  --bg-parchment: #031008;
  --bg-parchment-warm: #072010;
  --bg-card: #0A2E16;
  --bg-card-alt: #051A0B;
  --text-primary: #ECFDF5;
  --text-muted: #6EE7B7;
  --text-light: #34D399;
  --gold-primary: #D4AF37;
  --gold-dark: #997531;
  --gold-light: #FBE6BA;
  --gold-gradient: linear-gradient(135deg, #D4AF37 0%, #F5DEB3 50%, #997531 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(212, 175, 55, 0.25) 0%, rgba(245, 222, 179, 0.14) 100%);
  --accent-color: #6EE7B7;
  --border-vintage: rgba(229, 192, 123, 0.48);
  --border-vintage-light: rgba(229, 192, 123, 0.24);
  --shadow-luxury: 0 16px 40px -10px rgba(0, 0, 0, 0.9), 0 0 26px rgba(16, 185, 129, 0.25);
  --envelope-bg: radial-gradient(circle at center, #0C2E1D 0%, #010A04 100%);
  --envelope-box-bg: rgba(10, 46, 22, 0.97);
}

/* 7. ROSE GOLD SUNSET */
body.theme-rosegold, .theme-rosegold {
  --bg-parchment: #FFF2F0;
  --bg-parchment-warm: #FDE2DE;
  --bg-card: #FFFFFF;
  --bg-card-alt: #FCEDEB;
  --text-primary: #3B2A27;
  --text-muted: #7D635F;
  --text-light: #A88F8B;
  --gold-primary: #D48C7B;
  --gold-dark: #A95D4D;
  --gold-light: #FAD2C9;
  --gold-gradient: linear-gradient(135deg, #E8A598 0%, #FFEBE6 50%, #C47A6B 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(232, 165, 152, 0.22) 0%, rgba(255, 235, 230, 0.3) 100%);
  --accent-color: #C47A6B;
  --border-vintage: rgba(212, 140, 123, 0.42);
  --border-vintage-light: rgba(212, 140, 123, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(212, 140, 123, 0.24), 0 4px 12px rgba(0, 0, 0, 0.04);
  --envelope-bg: radial-gradient(circle at center, #3B201D 0%, #170A08 100%);
  --envelope-box-bg: rgba(59, 32, 29, 0.95);
}

/* 8. BURGUNDY PASSION - Intense Blood Red */
body.theme-burgundy, .theme-burgundy {
  --bg-parchment: #0F0204;
  --bg-parchment-warm: #180306;
  --bg-card: #28050B;
  --bg-card-alt: #160205;
  --text-primary: #FFF0F2;
  --text-muted: #FCA5A5;
  --text-light: #F87171;
  --gold-primary: #E11D48;
  --gold-dark: #be5e78;
  --gold-light: #FDA4AF;
  --gold-gradient: linear-gradient(135deg, #E11D48 0%, #FFD166 50%, #9F1239 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(225, 29, 72, 0.25) 0%, rgba(253, 164, 175, 0.1) 100%);
  --accent-color: #E11D48;
  --border-vintage: rgba(225, 29, 72, 0.6);
  --border-vintage-light: rgba(225, 29, 72, 0.25);
  --shadow-luxury: 0 20px 50px -10px rgba(0, 0, 0, 0.95), 0 0 30px rgba(225, 29, 72, 0.3);
  --envelope-bg: radial-gradient(circle at center, #3F0511 0%, #0A0002 100%);
  --envelope-box-bg: rgba(40, 5, 11, 0.97);
}

/* 9. PEARL & IRIDESCENT OPAL */
body.theme-pearl, .theme-pearl {
  --bg-parchment: #FAF8FD;
  --bg-parchment-warm: #EFE6FA;
  --bg-card: #FFFFFF;
  --bg-card-alt: #F6F0FD;
  --text-primary: #292433;
  --text-muted: #6B627A;
  --text-light: #978EA6;
  --gold-primary: #8B5CF6;
  --gold-dark: #6D28D9;
  --gold-light: #E0E7FF;
  --gold-gradient: linear-gradient(135deg, #8B5CF6 0%, #E0E7FF 50%, #C4B5FD 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(139, 92, 246, 0.2) 0%, rgba(224, 231, 255, 0.3) 100%);
  --accent-color: #8B5CF6;
  --border-vintage: rgba(139, 92, 246, 0.4);
  --border-vintage-light: rgba(139, 92, 246, 0.18);
  --shadow-luxury: 0 12px 35px -8px rgba(139, 92, 246, 0.24), 0 4px 12px rgba(0, 0, 0, 0.04);
  --envelope-bg: radial-gradient(circle at center, #281D3B 0%, #0F0918 100%);
  --envelope-box-bg: rgba(42, 30, 61, 0.95);
}

/* 10. LAVENDER BLOOM */
body.theme-lavender, .theme-lavender {
  --bg-parchment: #F5F0FA;
  --bg-parchment-warm: #EAE0F5;
  --bg-card: #FCF9FE;
  --bg-card-alt: #F0E6FA;
  --text-primary: #32253B;
  --text-muted: #6C587D;
  --text-light: #9783A8;
  --gold-primary: #8E65A8;
  --gold-dark: #643D7E;
  --gold-light: #DEC9EE;
  --gold-gradient: linear-gradient(135deg, #8E65A8 0%, #F1E5FB 50%, #643D7E 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(142, 101, 168, 0.2) 0%, rgba(241, 229, 251, 0.28) 100%);
  --accent-color: #7E5198;
  --border-vintage: rgba(142, 101, 168, 0.4);
  --border-vintage-light: rgba(142, 101, 168, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(142, 101, 168, 0.22), 0 4px 12px rgba(0, 0, 0, 0.04);
  --envelope-bg: radial-gradient(circle at center, #2A173B 0%, #100618 100%);
  --envelope-box-bg: rgba(45, 25, 61, 0.95);
}

/* 11. TERRACOTTA DESERT */
body.theme-terracotta, .theme-terracotta {
  --bg-parchment: #F8EFE6;
  --bg-parchment-warm: #EED8C5;
  --bg-card: #FDF9F5;
  --bg-card-alt: #F4E4D4;
  --text-primary: #38241A;
  --text-muted: #755243;
  --text-light: #A17B6B;
  --gold-primary: #B85D36;
  --gold-dark: #8A3D19;
  --gold-light: #F0B397;
  --gold-gradient: linear-gradient(135deg, #B85D36 0%, #F5D3C4 50%, #8A3D19 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(184, 93, 54, 0.2) 0%, rgba(245, 211, 196, 0.28) 100%);
  --accent-color: #B85D36;
  --border-vintage: rgba(184, 93, 54, 0.42);
  --border-vintage-light: rgba(184, 93, 54, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(184, 93, 54, 0.22), 0 4px 12px rgba(0, 0, 0, 0.04);
  --envelope-bg: radial-gradient(circle at center, #381A0E 0%, #140702 100%);
  --envelope-box-bg: rgba(59, 28, 16, 0.95);
}

/* 12. COSMIC DARK VELVET */
body.theme-cosmic, .theme-cosmic {
  --bg-parchment: #080210;
  --bg-parchment-warm: #120524;
  --bg-card: #1D0938;
  --bg-card-alt: #100320;
  --text-primary: #F8EFFF;
  --text-muted: #C8ACDE;
  --text-light: #987BB2;
  --gold-primary: #FFD166;
  --gold-dark: #CC9A22;
  --gold-light: #FFE8A3;
  --gold-gradient: linear-gradient(135deg, #FFD166 0%, #FFF2CC 50%, #C79820 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(255, 209, 102, 0.25) 0%, rgba(255, 242, 204, 0.12) 100%);
  --accent-color: #A855F7;
  --border-vintage: rgba(255, 209, 102, 0.48);
  --border-vintage-light: rgba(255, 209, 102, 0.24);
  --shadow-luxury: 0 16px 40px -10px rgba(0, 0, 0, 0.8), 0 0 28px rgba(168, 85, 247, 0.26);
  --envelope-bg: radial-gradient(circle at center, #1E0738 0%, #07010E 100%);
  --envelope-box-bg: rgba(33, 10, 59, 0.96);
}

/* 13. ART DÉCO GATSBY 1920 */
body.theme-artdeco, .theme-artdeco {
  --bg-parchment: #0A0D10;
  --bg-parchment-warm: #12171C;
  --bg-card: #192028;
  --bg-card-alt: #0E1318;
  --text-primary: #F7EFE3;
  --text-muted: #B8A896;
  --text-light: #8A7B6A;
  --gold-primary: #C5A059;
  --gold-dark: #916F2E;
  --gold-light: #FFE5A3;
  --gold-gradient: linear-gradient(135deg, #C5A059 0%, #FFE5A3 50%, #7D5C1E 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(197, 160, 89, 0.25) 0%, rgba(255, 229, 163, 0.12) 100%);
  --accent-color: #C5A059;
  --border-vintage: rgba(197, 160, 89, 0.5);
  --border-vintage-light: rgba(197, 160, 89, 0.25);
  --shadow-luxury: 0 16px 40px -10px rgba(0, 0, 0, 0.8), 0 0 24px rgba(197, 160, 89, 0.24);
  --envelope-bg: radial-gradient(circle at center, #1D232A 0%, #090C0E 100%);
  --envelope-box-bg: rgba(29, 35, 42, 0.96);
}

/* 14. CARRARA MARBLE & PLATINUM */
body.theme-marble, .theme-marble {
  --bg-parchment: #F4F6F8;
  --bg-parchment-warm: #E6E9EC;
  --bg-card: #FFFFFF;
  --bg-card-alt: #EDF0F3;
  --text-primary: #1A1F24;
  --text-muted: #4B535C;
  --text-light: #7A8490;
  --gold-primary: #6B7480;
  --gold-dark: #404750;
  --gold-light: #D1D6DC;
  --gold-gradient: linear-gradient(135deg, #9AA3AD 0%, #FFFFFF 45%, #4B535C 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(154, 163, 173, 0.18) 0%, rgba(244, 246, 248, 0.35) 100%);
  --accent-color: #4B535C;
  --border-vintage: rgba(90, 101, 112, 0.4);
  --border-vintage-light: rgba(90, 101, 112, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(90, 101, 112, 0.15);
  --envelope-bg: radial-gradient(circle at center, #2C3238 0%, #121518 100%);
  --envelope-box-bg: rgba(46, 52, 59, 0.95);
}

/* 15. CYBER NEON GALA - Ultra Acidic / Blade Runner */
body.theme-cyber-neon, .theme-cyber-neon {
  --bg-parchment: #02010A;
  --bg-parchment-warm: #070314;
  --bg-card: #0D051E;
  --bg-card-alt: #05010B;
  --text-primary: #38BDF8;
  --text-muted: #F472B6;
  --text-light: #A78BFA;
  --gold-primary: #22D3EE;
  --gold-dark: #0284C7;
  --gold-light: #E879F9;
  --gold-gradient: linear-gradient(135deg, #22D3EE 0%, #E879F9 50%, #818CF8 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(34, 211, 238, 0.2) 0%, rgba(232, 121, 249, 0.15) 100%);
  --accent-color: #E879F9;
  --border-vintage: #38BDF8;
  --border-vintage-light: rgba(56, 189, 248, 0.3);
  --shadow-luxury: 0 0 50px rgba(56, 189, 248, 0.25), inset 0 0 20px rgba(232, 121, 249, 0.2);
  --envelope-bg: radial-gradient(circle at center, #0F0525 0%, #010005 100%);
  --envelope-box-bg: rgba(13, 5, 30, 0.98);
}

/* 16. AUTUMN AMBER */
body.theme-autumn-amber, .theme-autumn-amber {
  --bg-parchment: #FAF2E4;
  --bg-parchment-warm: #F2E2C4;
  --bg-card: #FFFDF8;
  --bg-card-alt: #F6E6CA;
  --text-primary: #3B2007;
  --text-muted: #7E4B19;
  --text-light: #AA6B2E;
  --gold-primary: #D97706;
  --gold-dark: #92400E;
  --gold-light: #FDE68A;
  --gold-gradient: linear-gradient(135deg, #D97706 0%, #FDE68A 50%, #92400E 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(217, 119, 6, 0.22) 0%, rgba(253, 230, 138, 0.28) 100%);
  --accent-color: #D97706;
  --border-vintage: rgba(217, 119, 6, 0.44);
  --border-vintage-light: rgba(217, 119, 6, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(217, 119, 6, 0.24), 0 4px 12px rgba(0, 0, 0, 0.04);
  --envelope-bg: radial-gradient(circle at center, #381E04 0%, #140901 100%);
  --envelope-box-bg: rgba(59, 31, 6, 0.95);
}

body.theme-rock, .theme-rock {
  --bg-parchment: #0c0605;
  --bg-parchment-warm: #130b09;
  --bg-card: #170f0f;
  --bg-card-alt: #060202;
  --text-primary: #efeae9;
  --text-muted: #8c8482;
  --text-light: #534b49;
  --gold-primary: #c92e3b;
  --gold-dark: #b16676;
  --gold-light: #e7958f;
  --gold-gradient: linear-gradient(135deg, #c92e3b 0%, #b9bec4 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(201, 46, 59, 0.15) 0%, rgba(185, 190, 196, 0.2) 100%);
  --accent-color: #b9bec4;
  --border-vintage: rgba(201, 46, 59, 0.4);
  --border-vintage-light: rgba(201, 46, 59, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(201, 46, 59, 0.2), 0 4px 12px rgba(0, 0, 0, 0.8);
  --envelope-bg: radial-gradient(circle at center, #180a0a 0%, #050202 100%);
  --envelope-box-bg: rgba(20, 8, 8, 0.94);
}

body.theme-synthwave, .theme-synthwave {
  --bg-parchment: #09080e;
  --bg-parchment-warm: #100e15;
  --bg-card: #16151b;
  --bg-card-alt: #050408;
  --text-primary: #f2f1f5;
  --text-muted: #939197;
  --text-light: #59575d;
  --gold-primary: #f147c5;
  --gold-dark: #bc5ba9;
  --gold-light: #feb2e1;
  --gold-gradient: linear-gradient(135deg, #f147c5 0%, #17d0d8 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(241, 71, 197, 0.15) 0%, rgba(23, 208, 216, 0.2) 100%);
  --accent-color: #17d0d8;
  --border-vintage: rgba(241, 71, 197, 0.4);
  --border-vintage-light: rgba(241, 71, 197, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(241, 71, 197, 0.2), 0 4px 12px rgba(0, 0, 0, 0.8);
  --envelope-bg: radial-gradient(circle at center, #150a2e 0%, #04020a 100%);
  --envelope-box-bg: rgba(18, 8, 38, 0.95);
}

body.theme-kids-fiesta, .theme-kids-fiesta {
  --bg-parchment: #f9f4ee;
  --bg-parchment-warm: #f4efe8;
  --bg-card: #fefbf8;
  --bg-card-alt: #f4efe9;
  --text-primary: #1c1a17;
  --text-muted: #5b5752;
  --text-light: #8a867f;
  --gold-primary: #d55c13;
  --gold-dark: #bb4717;
  --gold-light: #febe92;
  --gold-gradient: linear-gradient(135deg, #d55c13 0%, #febe92 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(213, 92, 19, 0.15) 0%, rgba(254, 190, 146, 0.2) 100%);
  --accent-color: #f14499;
  --border-vintage: rgba(213, 92, 19, 0.4);
  --border-vintage-light: rgba(213, 92, 19, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(213, 92, 19, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1);
  --envelope-bg: radial-gradient(circle at center, #3d1030 0%, #1a0614 100%);
  --envelope-box-bg: rgba(61, 16, 48, 0.93);
}

body.theme-tropical, .theme-tropical {
  --bg-parchment: #faf4ee;
  --bg-parchment-warm: #f5efe8;
  --bg-card: #fefbf8;
  --bg-card-alt: #f5efe9;
  --text-primary: #181613;
  --text-muted: #59554f;
  --text-light: #847f79;
  --gold-primary: #068282;
  --gold-dark: #036c6c;
  --gold-light: #82e1e0;
  --gold-gradient: linear-gradient(135deg, #068282 0%, #82e1e0 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(6, 130, 130, 0.15) 0%, rgba(130, 225, 224, 0.2) 100%);
  --accent-color: #d86d37;
  --border-vintage: rgba(6, 130, 130, 0.4);
  --border-vintage-light: rgba(6, 130, 130, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(6, 130, 130, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1);
  --envelope-bg: radial-gradient(circle at center, #04302f 0%, #011414 100%);
  --envelope-box-bg: rgba(4, 48, 47, 0.93);
}

body.theme-boho-festival, .theme-boho-festival {
  --bg-parchment: #f9f2ed;
  --bg-parchment-warm: #f4ede7;
  --bg-card: #fffbf8;
  --bg-card-alt: #f4ede8;
  --text-primary: #1f1c1a;
  --text-muted: #5f5a55;
  --text-light: #8b8580;
  --gold-primary: #c55205;
  --gold-dark: #9b3401;
  --gold-light: #feb482;
  --gold-gradient: linear-gradient(135deg, #c55205 0%, #feb482 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(197, 82, 5, 0.15) 0%, rgba(254, 180, 130, 0.2) 100%);
  --accent-color: #973787;
  --border-vintage: rgba(197, 82, 5, 0.4);
  --border-vintage-light: rgba(197, 82, 5, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(197, 82, 5, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1);
  --envelope-bg: radial-gradient(circle at center, #331331 0%, #150713 100%);
  --envelope-box-bg: rgba(51, 19, 49, 0.93);
}

body.theme-noir, .theme-noir {
  --bg-parchment: #030202;
  --bg-parchment-warm: #060506;
  --bg-card: #0b0b0b;
  --bg-card-alt: #010101;
  --text-primary: #f6f5f5;
  --text-muted: #999898;
  --text-light: #595758;
  --gold-primary: #bd1f3d;
  --gold-dark: #ab6478;
  --gold-light: #eb8182;
  --gold-gradient: linear-gradient(135deg, #bd1f3d 0%, #cfcdcd 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(189, 31, 61, 0.15) 0%, rgba(207, 205, 205, 0.2) 100%);
  --accent-color: #cfcdcd;
  --border-vintage: rgba(189, 31, 61, 0.4);
  --border-vintage-light: rgba(189, 31, 61, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(189, 31, 61, 0.2), 0 4px 12px rgba(0, 0, 0, 0.8);
  --envelope-bg: radial-gradient(circle at center, #0d0507 0%, #000000 100%);
  --envelope-box-bg: rgba(10, 4, 6, 0.96);
}

body.theme-western, .theme-western {
  --bg-parchment: #120c08;
  --bg-parchment-warm: #19120d;
  --bg-card: #201915;
  --bg-card-alt: #090503;
  --text-primary: #efeae7;
  --text-muted: #8e8883;
  --text-light: #58514d;
  --gold-primary: #c78b28;
  --gold-dark: #a37c41;
  --gold-light: #eac07a;
  --gold-gradient: linear-gradient(135deg, #c78b28 0%, #a7391e 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(199, 139, 40, 0.15) 0%, rgba(167, 57, 30, 0.2) 100%);
  --accent-color: #a7391e;
  --border-vintage: rgba(199, 139, 40, 0.4);
  --border-vintage-light: rgba(199, 139, 40, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(199, 139, 40, 0.2), 0 4px 12px rgba(0, 0, 0, 0.8);
  --envelope-bg: radial-gradient(circle at center, #20120a 0%, #0a0503 100%);
  --envelope-box-bg: rgba(32, 18, 10, 0.94);
}

body.theme-circus, .theme-circus {
  --bg-parchment: #f9f2ed;
  --bg-parchment-warm: #f4ede7;
  --bg-card: #fefbf8;
  --bg-card-alt: #f4ede8;
  --text-primary: #181613;
  --text-muted: #595450;
  --text-light: #857f79;
  --gold-primary: #b00426;
  --gold-dark: #77011a;
  --gold-light: #f58d7c;
  --gold-gradient: linear-gradient(135deg, #b00426 0%, #f58d7c 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(176, 4, 38, 0.15) 0%, rgba(245, 141, 124, 0.2) 100%);
  --accent-color: #b68611;
  --border-vintage: rgba(176, 4, 38, 0.4);
  --border-vintage-light: rgba(176, 4, 38, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(176, 4, 38, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1);
  --envelope-bg: radial-gradient(circle at center, #3a0713 0%, #180208 100%);
  --envelope-box-bg: rgba(58, 7, 19, 0.93);
}

body.theme-kawaii, .theme-kawaii {
  --bg-parchment: #fbf5f7;
  --bg-parchment-warm: #f7eff2;
  --bg-card: #fefbfc;
  --bg-card-alt: #f6f0f2;
  --text-primary: #302d2e;
  --text-muted: #6e6769;
  --text-light: #988f92;
  --gold-primary: #bd7598;
  --gold-dark: #a0557d;
  --gold-light: #f3bcd2;
  --gold-gradient: linear-gradient(135deg, #bd7598 0%, #f3bcd2 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(189, 117, 152, 0.15) 0%, rgba(243, 188, 210, 0.2) 100%);
  --accent-color: #5cb28f;
  --border-vintage: rgba(189, 117, 152, 0.4);
  --border-vintage-light: rgba(189, 117, 152, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(189, 117, 152, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1);
  --envelope-bg: radial-gradient(circle at center, #3a2230 0%, #190f15 100%);
  --envelope-box-bg: rgba(58, 34, 48, 0.92);
}

body.theme-garden-party, .theme-garden-party {
  --bg-parchment: #f3f7ef;
  --bg-parchment-warm: #edf2ea;
  --bg-card: #fbfcf9;
  --bg-card-alt: #eef2eb;
  --text-primary: #191b18;
  --text-muted: #565954;
  --text-light: #80857e;
  --gold-primary: #448335;
  --gold-dark: #2d6115;
  --gold-light: #9dcd97;
  --gold-gradient: linear-gradient(135deg, #448335 0%, #9dcd97 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(68, 131, 53, 0.15) 0%, rgba(157, 205, 151, 0.2) 100%);
  --accent-color: #da8188;
  --border-vintage: rgba(68, 131, 53, 0.4);
  --border-vintage-light: rgba(68, 131, 53, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(68, 131, 53, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1);
  --envelope-bg: radial-gradient(circle at center, #152a14 0%, #071105 100%);
  --envelope-box-bg: rgba(21, 42, 20, 0.93);
}

body.theme-talavera, .theme-talavera {
  --bg-parchment: #faf4ee;
  --bg-parchment-warm: #f6efe9;
  --bg-card: #fefbf8;
  --bg-card-alt: #f5efe9;
  --text-primary: #181613;
  --text-muted: #595450;
  --text-light: #857f79;
  --gold-primary: #0153a4;
  --gold-dark: #00386c;
  --gold-light: #6499e7;
  --gold-gradient: linear-gradient(135deg, #0153a4 0%, #6499e7 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(1, 83, 164, 0.15) 0%, rgba(100, 153, 231, 0.2) 100%);
  --accent-color: #d6812e;
  --border-vintage: rgba(1, 83, 164, 0.4);
  --border-vintage-light: rgba(1, 83, 164, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(1, 83, 164, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1);
  --envelope-bg: radial-gradient(circle at center, #062a4d 0%, #01101f 100%);
  --envelope-box-bg: rgba(6, 42, 77, 0.94);
}

body.theme-safari, .theme-safari {
  --bg-parchment: #f5efe8;
  --bg-parchment-warm: #eee9e1;
  --bg-card: #fdfaf6;
  --bg-card-alt: #eee9e2;
  --text-primary: #171613;
  --text-muted: #55524c;
  --text-light: #7e7a73;
  --gold-primary: #207029;
  --gold-dark: #0c4b0d;
  --gold-light: #66a36f;
  --gold-gradient: linear-gradient(135deg, #207029 0%, #66a36f 100%);
  --gold-soft-gradient: linear-gradient(135deg, rgba(32, 112, 41, 0.15) 0%, rgba(102, 163, 111, 0.2) 100%);
  --accent-color: #b64e10;
  --border-vintage: rgba(32, 112, 41, 0.4);
  --border-vintage-light: rgba(32, 112, 41, 0.2);
  --shadow-luxury: 0 12px 35px -8px rgba(32, 112, 41, 0.2), 0 4px 12px rgba(0, 0, 0, 0.1);
  --envelope-bg: radial-gradient(circle at center, #1b2a12 0%, #0a1206 100%);
  --envelope-box-bg: rgba(27, 42, 18, 0.93);
}

/* ==========================================================================
   2. LAS 16 COMBINACIONES TIPOGRÁFICAS DE ALTA COSTURA
   ========================================================================== */

.font-royal-grandeur, [data-font-style="royal-grandeur"] {
  --font-serif: 'Cormorant Garamond', Georgia, serif;
  --font-script: 'Pinyon Script', cursive;
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-editorial: 'Cormorant Garamond', Georgia, serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-imperial-dynasty, [data-font-style="imperial-dynasty"] {
  --font-serif: 'Cinzel', Georgia, serif;
  --font-script: 'Alex Brush', cursive;
  --font-display: 'Cinzel', serif;
  --font-editorial: 'Cinzel', serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-vogue-fashion, [data-font-style="vogue-fashion"] {
  --font-serif: 'Bodoni Moda', Georgia, serif;
  --font-script: 'Italiana', serif;
  --font-display: 'Bodoni Moda', serif;
  --font-editorial: 'Bodoni Moda', serif;
  --font-sans: 'Italiana', sans-serif;
}

.font-garden-romance, [data-font-style="garden-romance"] {
  --font-serif: 'Playfair Display', Georgia, serif;
  --font-script: 'Great Vibes', cursive;
  --font-display: 'Playfair Display', serif;
  --font-editorial: 'Playfair Display', serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-modern-minimal, [data-font-style="modern-minimal"] {
  --font-serif: 'Montserrat', sans-serif;
  --font-script: 'Parisienne', cursive;
  --font-display: 'Montserrat', sans-serif;
  --font-editorial: 'Montserrat', sans-serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-classic-heritage, [data-font-style="classic-heritage"] {
  --font-serif: 'EB Garamond', Georgia, serif;
  --font-script: 'Sacramento', cursive;
  --font-display: 'EB Garamond', serif;
  --font-editorial: 'EB Garamond', serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-haute-couture, [data-font-style="haute-couture"] {
  --font-serif: 'Italiana', Georgia, serif;
  --font-script: 'Allura', cursive;
  --font-display: 'Italiana', serif;
  --font-editorial: 'Italiana', serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-boho-calligraphy, [data-font-style="boho-calligraphy"] {
  --font-serif: 'Prata', Georgia, serif;
  --font-script: 'Herr Von Muellerhoff', cursive;
  --font-display: 'Prata', serif;
  --font-editorial: 'Prata', serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-editorial-luxury, [data-font-style="editorial-luxury"] {
  --font-serif: 'Marcellus', Georgia, serif;
  --font-script: 'Rochester', cursive;
  --font-display: 'Marcellus', serif;
  --font-editorial: 'Marcellus', serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-modern-elegance, [data-font-style="modern-elegance"] {
  --font-serif: 'Tenor Sans', sans-serif;
  --font-script: 'Monsieur La Doulaise', cursive;
  --font-display: 'Tenor Sans', sans-serif;
  --font-editorial: 'Tenor Sans', sans-serif;
  --font-sans: 'Tenor Sans', sans-serif;
}

.font-botanical-royal, [data-font-style="botanical-royal"] {
  --font-serif: 'Cormorant SC', Georgia, serif;
  --font-script: 'Tangerine', cursive;
  --font-display: 'Cormorant SC', serif;
  --font-editorial: 'Cormorant SC', serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-contemporary-chic, [data-font-style="contemporary-chic"] {
  --font-serif: 'Cormorant Upright', Georgia, serif;
  --font-script: 'Clicker Script', cursive;
  --font-display: 'Cormorant Upright', serif;
  --font-editorial: 'Cormorant Upright', serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-neo-renaissance, [data-font-style="neo-renaissance"] {
  --font-serif: 'Bellefair', Georgia, serif;
  --font-script: 'Meddon', cursive;
  --font-display: 'Bellefair', serif;
  --font-editorial: 'Bellefair', serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-golden-glamour, [data-font-style="golden-glamour"] {
  --font-serif: 'Cinzel Decorative', Georgia, serif;
  --font-script: 'Meie Script', cursive;
  --font-display: 'Cinzel Decorative', serif;
  --font-editorial: 'Cinzel Decorative', serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-serenade-script, [data-font-style="serenade-script"] {
  --font-serif: 'Castoro', Georgia, serif;
  --font-script: 'Whisper', cursive;
  --font-display: 'Castoro', serif;
  --font-editorial: 'Castoro', serif;
  --font-sans: 'Montserrat', sans-serif;
}

.font-avant-garde, [data-font-style="avant-garde"] {
  --font-serif: 'Montserrat', sans-serif;
  --font-script: 'Alex Brush', cursive;
  --font-display: 'Italiana', serif;
  --font-editorial: 'Italiana', serif;
  --font-sans: 'Montserrat', sans-serif;
}

/* ==========================================================================
   3. LOS 16 ESTILOS DE CASILLAS / TARJETAS / ACABADOS ESCULTURALES
   ========================================================================== */

/* 1. Frosted Glassmorphism */
.card-style-glass .reveal-card,
.card-style-glass .venue-card,
.card-style-glass .gift-card,
.card-style-glass .rsvp-card,
.card-style-glass .timeline-milestone-card,
.card-style-glass .dress-code-card,
.card-style-glass .adults-only-card,
.card-style-glass .hashtag-card,
.card-style-glass .parents-blessing-card,
.card-style-glass .countdown-box,
.card-style-glass .bank-info-box,
.card-style-glass .rule-box,
.card-style-glass .timeline-step-card,
.card-style-glass .rsvp-glass-card,
.card-style-glass .studio-glass-card {
  background: rgba(255, 255, 255, 0.42) !important;
  backdrop-filter: blur(28px) saturate(190%) !important;
  -webkit-backdrop-filter: blur(28px) saturate(190%) !important;
  border: 1px solid rgba(255, 255, 255, 0.75) !important;
  box-shadow: 0 16px 45px 0 rgba(31, 38, 135, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.6) !important;
  border-radius: 22px !important;
}

/* 2. Vintage Textured Parchment */
.card-style-parchment .reveal-card,
.card-style-parchment .venue-card,
.card-style-parchment .gift-card,
.card-style-parchment .rsvp-card,
.card-style-parchment .timeline-milestone-card,
.card-style-parchment .dress-code-card,
.card-style-parchment .adults-only-card,
.card-style-parchment .hashtag-card,
.card-style-parchment .parents-blessing-card,
.card-style-parchment .countdown-box,
.card-style-parchment .bank-info-box,
.card-style-parchment .rule-box,
.card-style-parchment .timeline-step-card,
.card-style-parchment .rsvp-glass-card,
.card-style-parchment .studio-glass-card {
  background: linear-gradient(135deg, #FBF8F1 0%, #F3EADB 50%, #EDE0CD 100%) !important;
  border: 2px solid var(--gold-primary) !important;
  box-shadow: inset 0 0 35px rgba(197, 160, 89, 0.18), 0 12px 35px rgba(0, 0, 0, 0.08) !important;
  border-radius: 4px !important;
  outline: 1px dashed rgba(197, 160, 89, 0.5) !important;
  outline-offset: -7px !important;
  position: relative;
}

/* 3. 3D Floating Beveled Card */
.card-style-beveled .reveal-card,
.card-style-beveled .venue-card,
.card-style-beveled .gift-card,
.card-style-beveled .rsvp-card,
.card-style-beveled .timeline-milestone-card,
.card-style-beveled .dress-code-card,
.card-style-beveled .adults-only-card,
.card-style-beveled .hashtag-card,
.card-style-beveled .parents-blessing-card,
.card-style-beveled .countdown-box,
.card-style-beveled .bank-info-box,
.card-style-beveled .rule-box,
.card-style-beveled .timeline-step-card,
.card-style-beveled .rsvp-glass-card,
.card-style-beveled .studio-glass-card {
  background: var(--bg-card) !important;
  border: 1px solid var(--border-vintage-light) !important;
  border-top: 2px solid rgba(255, 255, 255, 0.9) !important;
  border-left: 2px solid rgba(255, 255, 255, 0.7) !important;
  border-right: 2px solid rgba(0, 0, 0, 0.15) !important;
  border-bottom: 3px solid rgba(0, 0, 0, 0.25) !important;
  box-shadow: 0 24px 50px -10px rgba(0, 0, 0, 0.18), 0 8px 16px rgba(0, 0, 0, 0.06) !important;
  border-radius: 24px !important;
  transform: perspective(1000px) translateZ(0);
}

/* 4. Gold Leaf Embossed */
.card-style-gold-leaf .reveal-card,
.card-style-gold-leaf .venue-card,
.card-style-gold-leaf .gift-card,
.card-style-gold-leaf .rsvp-card,
.card-style-gold-leaf .timeline-milestone-card,
.card-style-gold-leaf .dress-code-card,
.card-style-gold-leaf .adults-only-card,
.card-style-gold-leaf .hashtag-card,
.card-style-gold-leaf .parents-blessing-card,
.card-style-gold-leaf .countdown-box,
.card-style-gold-leaf .bank-info-box,
.card-style-gold-leaf .rule-box,
.card-style-gold-leaf .timeline-step-card,
.card-style-gold-leaf .rsvp-glass-card,
.card-style-gold-leaf .studio-glass-card {
  background: var(--bg-card) !important;
  border: 3px solid transparent !important;
  background-image: linear-gradient(var(--bg-card), var(--bg-card)), var(--gold-gradient) !important;
  background-origin: border-box !important;
  background-clip: padding-box, border-box !important;
  box-shadow: 0 16px 40px rgba(212, 175, 55, 0.28), 0 0 20px rgba(255, 235, 150, 0.2) !important;
  border-radius: 18px !important;
}

/* 5. Romantic Botanical Filigree */
.card-style-filigree .reveal-card,
.card-style-filigree .venue-card,
.card-style-filigree .gift-card,
.card-style-filigree .rsvp-card,
.card-style-filigree .timeline-milestone-card,
.card-style-filigree .dress-code-card,
.card-style-filigree .adults-only-card,
.card-style-filigree .hashtag-card,
.card-style-filigree .parents-blessing-card,
.card-style-filigree .countdown-box,
.card-style-filigree .bank-info-box,
.card-style-filigree .rule-box,
.card-style-filigree .timeline-step-card,
.card-style-filigree .rsvp-glass-card,
.card-style-filigree .studio-glass-card {
  background: var(--bg-card) !important;
  border: 2px solid var(--gold-primary) !important;
  border-radius: 18px !important;
  position: relative;
  outline: 4px double var(--gold-light) !important;
  outline-offset: -9px !important;
  box-shadow: 0 14px 35px rgba(197, 160, 89, 0.18) !important;
}

/* 6. Renaissance Archway */
.card-style-arch .reveal-card,
.card-style-arch .venue-card,
.card-style-arch .gift-card,
.card-style-arch .rsvp-card,
.card-style-arch .timeline-milestone-card,
.card-style-arch .dress-code-card,
.card-style-arch .adults-only-card,
.card-style-arch .hashtag-card,
.card-style-arch .parents-blessing-card,
.card-style-arch .countdown-box,
.card-style-arch .bank-info-box,
.card-style-arch .rule-box,
.card-style-arch .timeline-step-card,
.card-style-arch .rsvp-glass-card,
.card-style-arch .studio-glass-card {
  background: var(--bg-card) !important;
  border: 2px solid var(--gold-primary) !important;
  border-radius: 120px 120px 18px 18px !important;
  box-shadow: 0 18px 45px -8px rgba(0, 0, 0, 0.12), inset 0 2px 10px rgba(197, 160, 89, 0.12) !important;
}

/* 7. Minimal Swiss Wireframe */
.card-style-wireframe .reveal-card,
.card-style-wireframe .venue-card,
.card-style-wireframe .gift-card,
.card-style-wireframe .rsvp-card,
.card-style-wireframe .timeline-milestone-card,
.card-style-wireframe .dress-code-card,
.card-style-wireframe .adults-only-card,
.card-style-wireframe .hashtag-card,
.card-style-wireframe .parents-blessing-card,
.card-style-wireframe .countdown-box,
.card-style-wireframe .bank-info-box,
.card-style-wireframe .rule-box,
.card-style-wireframe .timeline-step-card,
.card-style-wireframe .rsvp-glass-card,
.card-style-wireframe .studio-glass-card {
  background: var(--bg-card) !important;
  border: 1.5px solid var(--text-primary) !important;
  box-shadow: 6px 6px 0px var(--gold-primary) !important;
  border-radius: 0px !important;
}

/* 8. Soft Luxury Neomorphism */
.card-style-neomorphic .reveal-card,
.card-style-neomorphic .venue-card,
.card-style-neomorphic .gift-card,
.card-style-neomorphic .rsvp-card,
.card-style-neomorphic .timeline-milestone-card,
.card-style-neomorphic .dress-code-card,
.card-style-neomorphic .adults-only-card,
.card-style-neomorphic .hashtag-card,
.card-style-neomorphic .parents-blessing-card,
.card-style-neomorphic .countdown-box,
.card-style-neomorphic .bank-info-box,
.card-style-neomorphic .rule-box,
.card-style-neomorphic .timeline-step-card,
.card-style-neomorphic .rsvp-glass-card,
.card-style-neomorphic .studio-glass-card {
  background: var(--bg-parchment-warm) !important;
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
  box-shadow: 12px 12px 28px rgba(0, 0, 0, 0.12), -12px -12px 28px rgba(255, 255, 255, 0.9) !important;
  border-radius: 28px !important;
}

/* 9. Refractive Crystal Acrylic */
.card-style-acrylic .reveal-card,
.card-style-acrylic .venue-card,
.card-style-acrylic .gift-card,
.card-style-acrylic .rsvp-card,
.card-style-acrylic .timeline-milestone-card,
.card-style-acrylic .dress-code-card,
.card-style-acrylic .adults-only-card,
.card-style-acrylic .hashtag-card,
.card-style-acrylic .parents-blessing-card,
.card-style-acrylic .countdown-box,
.card-style-acrylic .bank-info-box,
.card-style-acrylic .rule-box,
.card-style-acrylic .timeline-step-card,
.card-style-acrylic .rsvp-glass-card,
.card-style-acrylic .studio-glass-card {
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.75) 0%, rgba(245, 235, 215, 0.6) 50%, rgba(255, 255, 255, 0.8) 100%) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1.5px solid rgba(255, 255, 255, 0.95) !important;
  box-shadow: 0 24px 50px rgba(0, 0, 0, 0.1), inset 0 2px 6px rgba(255, 255, 255, 0.8) !important;
  border-radius: 16px !important;
  position: relative !important;
  overflow: hidden !important;
}

/* 10. Baroque French Molding */
.card-style-baroque .reveal-card,
.card-style-baroque .venue-card,
.card-style-baroque .gift-card,
.card-style-baroque .rsvp-card,
.card-style-baroque .timeline-milestone-card,
.card-style-baroque .dress-code-card,
.card-style-baroque .adults-only-card,
.card-style-baroque .hashtag-card,
.card-style-baroque .parents-blessing-card,
.card-style-baroque .countdown-box,
.card-style-baroque .bank-info-box,
.card-style-baroque .rule-box,
.card-style-baroque .timeline-step-card,
.card-style-baroque .rsvp-glass-card,
.card-style-baroque .studio-glass-card {
  background: var(--bg-card) !important;
  border: 4px double var(--gold-primary) !important;
  outline: 2px solid var(--gold-dark) !important;
  outline-offset: 3px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.12), inset 0 0 20px rgba(197, 160, 89, 0.1) !important;
  border-radius: 12px !important;
}

/* 11. Pure Card with Silk Gold Ribbon */
.card-style-ribbon .reveal-card,
.card-style-ribbon .venue-card,
.card-style-ribbon .gift-card,
.card-style-ribbon .rsvp-card,
.card-style-ribbon .timeline-milestone-card,
.card-style-ribbon .dress-code-card,
.card-style-ribbon .adults-only-card,
.card-style-ribbon .hashtag-card,
.card-style-ribbon .parents-blessing-card,
.card-style-ribbon .countdown-box,
.card-style-ribbon .bank-info-box,
.card-style-ribbon .rule-box,
.card-style-ribbon .timeline-step-card,
.card-style-ribbon .rsvp-glass-card,
.card-style-ribbon .studio-glass-card {
  background: var(--bg-card) !important;
  border-top: 8px solid var(--gold-primary) !important;
  border-left: 1px solid var(--border-vintage-light) !important;
  border-right: 1px solid var(--border-vintage-light) !important;
  border-bottom: 1px solid var(--border-vintage-light) !important;
  border-radius: 14px !important;
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.08), 0 0 15px rgba(197, 160, 89, 0.15) !important;
}

/* 12. Heraldic Wax Crest Plate */
.card-style-wax-crest .reveal-card,
.card-style-wax-crest .venue-card,
.card-style-wax-crest .gift-card,
.card-style-wax-crest .rsvp-card,
.card-style-wax-crest .timeline-milestone-card,
.card-style-wax-crest .dress-code-card,
.card-style-wax-crest .adults-only-card,
.card-style-wax-crest .hashtag-card,
.card-style-wax-crest .parents-blessing-card,
.card-style-wax-crest .countdown-box,
.card-style-wax-crest .bank-info-box,
.card-style-wax-crest .rule-box,
.card-style-wax-crest .timeline-step-card,
.card-style-wax-crest .rsvp-glass-card,
.card-style-wax-crest .studio-glass-card {
  background: var(--bg-card) !important;
  border: 2px solid var(--border-vintage) !important;
  border-radius: 20px !important;
  box-shadow: inset 0 0 25px rgba(197, 160, 89, 0.12), 0 14px 40px rgba(0, 0, 0, 0.1) !important;
}

/* 13. Geometric Art Déco */
.card-style-artdeco .reveal-card,
.card-style-artdeco .venue-card,
.card-style-artdeco .gift-card,
.card-style-artdeco .rsvp-card,
.card-style-artdeco .timeline-milestone-card,
.card-style-artdeco .dress-code-card,
.card-style-artdeco .adults-only-card,
.card-style-artdeco .hashtag-card,
.card-style-artdeco .parents-blessing-card,
.card-style-artdeco .countdown-box,
.card-style-artdeco .bank-info-box,
.card-style-artdeco .rule-box,
.card-style-artdeco .timeline-step-card,
.card-style-artdeco .rsvp-glass-card,
.card-style-artdeco .studio-glass-card {
  background: var(--bg-card) !important;
  border: 2px solid var(--gold-primary) !important;
  border-radius: 0px !important;
  clip-path: polygon(18px 0, calc(100% - 18px) 0, 100% 18px, 100% calc(100% - 18px), calc(100% - 18px) 100%, 18px 100%, 0 calc(100% - 18px), 0 18px) !important;
  box-shadow: 0 16px 45px rgba(0, 0, 0, 0.18), inset 0 0 15px rgba(212, 175, 55, 0.15) !important;
}

/* 14. Torn Raw Edge Paper */
.card-style-torn .reveal-card,
.card-style-torn .venue-card,
.card-style-torn .gift-card,
.card-style-torn .rsvp-card,
.card-style-torn .timeline-milestone-card,
.card-style-torn .dress-code-card,
.card-style-torn .adults-only-card,
.card-style-torn .hashtag-card,
.card-style-torn .parents-blessing-card,
.card-style-torn .countdown-box,
.card-style-torn .bank-info-box,
.card-style-torn .rule-box,
.card-style-torn .timeline-step-card,
.card-style-torn .rsvp-glass-card,
.card-style-torn .studio-glass-card {
  background: var(--bg-card-alt) !important;
  border: 1.5px dashed var(--gold-dark) !important;
  border-radius: 10px !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08), inset 0 0 15px rgba(184, 93, 54, 0.08) !important;
  transform: rotate(-0.3deg);
}

/* 15. Dark Velvet Inset */
.card-style-velvet .reveal-card,
.card-style-velvet .venue-card,
.card-style-velvet .gift-card,
.card-style-velvet .rsvp-card,
.card-style-velvet .timeline-milestone-card,
.card-style-velvet .dress-code-card,
.card-style-velvet .adults-only-card,
.card-style-velvet .hashtag-card,
.card-style-velvet .parents-blessing-card,
.card-style-velvet .countdown-box,
.card-style-velvet .bank-info-box,
.card-style-velvet .rule-box,
.card-style-velvet .timeline-step-card,
.card-style-velvet .rsvp-glass-card,
.card-style-velvet .studio-glass-card {
  background: var(--bg-card) !important;
  border: 1.5px solid var(--border-vintage) !important;
  box-shadow: inset 0 4px 18px rgba(0, 0, 0, 0.45), 0 18px 40px rgba(0, 0, 0, 0.3) !important;
  border-radius: 18px !important;
}

/* 16. Cyber Neon Glow Edge */
.card-style-neon-glow .reveal-card,
.card-style-neon-glow .venue-card,
.card-style-neon-glow .gift-card,
.card-style-neon-glow .rsvp-card,
.card-style-neon-glow .timeline-milestone-card,
.card-style-neon-glow .dress-code-card,
.card-style-neon-glow .adults-only-card,
.card-style-neon-glow .hashtag-card,
.card-style-neon-glow .parents-blessing-card,
.card-style-neon-glow .countdown-box,
.card-style-neon-glow .bank-info-box,
.card-style-neon-glow .rule-box,
.card-style-neon-glow .timeline-step-card,
.card-style-neon-glow .rsvp-glass-card,
.card-style-neon-glow .studio-glass-card {
  background: var(--bg-card) !important;
  border: 1.5px solid var(--accent-color) !important;
  box-shadow: 0 0 25px rgba(56, 189, 248, 0.35), inset 0 0 15px rgba(250, 204, 21, 0.2) !important;
  border-radius: 20px !important;
}