/**
 * 20 Presets Estructurales de Cookies (Stitch Architecture <150 líneas)
 */

/* 1. Modern Pill */
.cookie-banner-wrapper.preset-modern-pill { bottom: 20px; right: 20px; border-radius: 20px; padding: 14px 22px; background: #0f172a !important; color: #f8fafc !important; border: 1px solid #334155; }
.cookie-banner-wrapper.preset-modern-pill .cookie-btn { border-radius: 12px; }

/* 2. Full Bottom */
.cookie-banner-wrapper.preset-full-bottom { bottom: 0; left: 0; right: 0; max-width: 100%; width: 100%; border-radius: 0; padding: 14px 30px; background: #0b0f19 !important; color: #f8fafc !important; border-top: 1px solid #334155; }

/* 3. Full Top */
.cookie-banner-wrapper.preset-full-top { top: 0; bottom: auto; left: 0; right: 0; max-width: 100%; width: 100%; border-radius: 0; padding: 10px 24px; background: #1e293b !important; color: #f8fafc !important; border-bottom: 1px solid #475569; }

/* 4. Glassmorphism */
.cookie-banner-wrapper.preset-glassmorphism { background: rgba(15, 23, 42, 0.95) !important; backdrop-filter: blur(20px); border: 1px solid rgba(255,255,255,0.15); box-shadow: 0 16px 40px rgba(0,0,0,0.3); border-radius: 18px; color: #f8fafc !important; }

/* 5. Compact Left */
.cookie-banner-wrapper.preset-compact-left { bottom: 20px; left: 20px; right: auto; max-width: 360px; border-radius: 14px; background: #0f172a !important; color: #f8fafc !important; }

/* 6. Center Modal */
.cookie-banner-wrapper.preset-center-modal { top: 50%; left: 50%; bottom: auto; right: auto; transform: translate(-50%, -50%); max-width: 460px; border-radius: 16px; box-shadow: 0 25px 70px rgba(0,0,0,0.5); background: #0f172a !important; color: #f8fafc !important; }

/* 7. Cyberpunk Neon */
.cookie-banner-wrapper.preset-cyberpunk-neon { background: #050508 !important; color: #00ffcc !important; border: 2px solid #00ffcc !important; box-shadow: 0 0 25px rgba(0,255,204,0.4); border-radius: 4px; }
.cookie-banner-wrapper.preset-cyberpunk-neon .cookie-btn-primary { background: #00ffcc !important; color: #000000 !important; font-weight: 800; border-radius: 2px; }
.cookie-banner-wrapper.preset-cyberpunk-neon .cookie-btn-secondary { color: #00ffcc !important; border-color: #00ffcc !important; border-radius: 2px; }

/* 8. Clean White SaaS */
.cookie-banner-wrapper.preset-clean-white { background: #ffffff !important; color: #0f172a !important; border: 1px solid #cbd5e1; box-shadow: 0 14px 40px rgba(0,0,0,0.12); border-radius: 14px; }
.cookie-banner-wrapper.preset-clean-white * { color: #0f172a; }
.cookie-banner-wrapper.preset-clean-white .cookie-btn-secondary, .cookie-banner-wrapper.preset-clean-white .cookie-btn-icon { color: #0f172a !important; border-color: #cbd5e1 !important; background: #f8fafc; }
.cookie-banner-wrapper.preset-clean-white .cookie-btn-primary { background: #0f172a !important; color: #ffffff !important; }

/* 9. Emerald Eco */
.cookie-banner-wrapper.preset-emerald-eco { background: #064e3b !important; color: #ecfdf5 !important; border: 1px solid #10b981; border-radius: 16px; }
.cookie-banner-wrapper.preset-emerald-eco .cookie-btn-primary { background: #10b981 !important; color: #ffffff !important; border-radius: 10px; }

/* 10. Ocean Blue */
.cookie-banner-wrapper.preset-ocean-blue { background: #0f172a !important; color: #f0fdf4 !important; border: 1px solid #3b82f6; border-radius: 16px; box-shadow: 0 10px 30px rgba(59,130,246,0.25); }

/* 11. Sunset Glow */
.cookie-banner-wrapper.preset-sunset-glow { background: #3b0764 !important; color: #fdf4ff !important; border: 1px solid #c084fc; border-radius: 16px; }
.cookie-banner-wrapper.preset-sunset-glow .cookie-btn-primary { background: #d946ef !important; color: #ffffff !important; }

/* 12. Luxury Gold */
.cookie-banner-wrapper.preset-luxury-gold { background: #121212 !important; color: #fef08a !important; border: 1px solid #eab308 !important; border-radius: 8px; }
.cookie-banner-wrapper.preset-luxury-gold .cookie-btn-primary { background: #eab308 !important; color: #121212 !important; font-weight: 800; }
.cookie-banner-wrapper.preset-luxury-gold .cookie-btn-secondary { color: #eab308 !important; border-color: #eab308 !important; }

/* 13. Retro Classic */
.cookie-banner-wrapper.preset-retro-classic { background: #fffbe6 !important; color: #000000 !important; border: 3px solid #000000 !important; box-shadow: 5px 5px 0px #000000; border-radius: 0; }
.cookie-banner-wrapper.preset-retro-classic * { color: #000000 !important; }
.cookie-banner-wrapper.preset-retro-classic .cookie-btn-primary { background: #000000 !important; color: #ffffff !important; border: 2px solid #000000; border-radius: 0; }

/* 14. High Contrast */
.cookie-banner-wrapper.preset-high-contrast { background: #000000 !important; color: #ffff00 !important; border: 3px solid #ffff00 !important; border-radius: 0; }
.cookie-banner-wrapper.preset-high-contrast * { color: #ffff00 !important; }
.cookie-banner-wrapper.preset-high-contrast .cookie-btn-primary { background: #ffff00 !important; color: #000000 !important; font-weight: 900; border-radius: 0; }

/* 15. Drawer Right & 16. Drawer Left */
.cookie-banner-wrapper.preset-drawer-right { right: 0; bottom: 0; top: 0; max-width: 360px; height: 100vh; border-radius: 0; z-index: 9999999; display: flex; flex-direction: column; justify-content: flex-end; background: #0f172a !important; color: #f8fafc !important; border-left: 2px solid #334155; }
.cookie-banner-wrapper.preset-drawer-left { left: 0; bottom: 0; top: 0; right: auto; max-width: 360px; height: 100vh; border-radius: 0; z-index: 9999999; display: flex; flex-direction: column; justify-content: flex-end; background: #0f172a !important; color: #f8fafc !important; border-right: 2px solid #334155; }

/* 17. Split Action */
.cookie-banner-wrapper.preset-split-action { max-width: 580px; bottom: 24px; left: 50%; transform: translateX(-50%); border-radius: 16px; background: #0f172a !important; color: #f8fafc !important; border: 1px solid #334155; }

/* 18. Badge Float */
.cookie-banner-wrapper.preset-badge-float { bottom: 18px; right: 18px; border-radius: 16px; padding: 14px 20px; background: #0f172a !important; color: #f8fafc !important; border: 1px solid #334155; }

/* 19. Playful Soft */
.cookie-banner-wrapper.preset-playful-soft { background: #fdf2f8 !important; color: #831843 !important; border: 2px solid #f472b6 !important; border-radius: 20px; padding: 18px; }
.cookie-banner-wrapper.preset-playful-soft * { color: #831843; }
.cookie-banner-wrapper.preset-playful-soft .cookie-btn-primary { background: #db2777 !important; color: #ffffff !important; border-radius: 12px; }

/* 20. Ultra Slim */
.cookie-banner-wrapper.preset-ultra-slim { bottom: 0; left: 0; width: 100%; max-width: 100%; padding: 8px 20px; border-radius: 0; background: #0f172a !important; color: #f8fafc !important; border-top: 1px solid #334155; }

/* Regla Universal Mobile para todos los Presets */
@media (max-width: 640px) {
  .cookie-banner-wrapper {
    left: 12px !important;
    right: 12px !important;
    bottom: 12px !important;
    top: auto !important;
    transform: none !important;
    width: auto !important;
    max-width: 480px !important;
    height: auto !important;
    border-radius: 14px !important;
    padding: 16px !important;
  }
}