@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--background: 42 45% 97%;--foreground: 25 25% 15%;--card: 0 0% 100%;--card-foreground: 25 25% 15%;--popover: 0 0% 100%;--popover-foreground: 25 25% 15%;--primary: 12 88% 62%;--primary-foreground: 0 0% 100%;--primary-glow: 12 88% 72%;--secondary: 38 92% 58%;--secondary-foreground: 25 25% 15%;--accent: 18 65% 55%;--accent-foreground: 0 0% 100%;--success: 142 45% 42%;--success-foreground: 0 0% 100%;--muted: 42 25% 92%;--muted-foreground: 25 15% 45%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 100%;--border: 42 20% 88%;--input: 42 20% 88%;--ring: 12 88% 62%;--radius: .75rem;--gradient-warm: linear-gradient(135deg, hsl(12 88% 62%), hsl(38 92% 58%));--gradient-sunset: linear-gradient(180deg, hsl(18 65% 55%), hsl(12 88% 62%));--gradient-hero: linear-gradient(135deg, hsl(12 88% 62% / .95), hsl(38 92% 58% / .9));--shadow-warm: 0 10px 30px -10px hsl(12 88% 62% / .25);--shadow-glow: 0 0 40px hsl(12 88% 72% / .3);--shadow-soft: 0 4px 20px -4px hsl(25 25% 15% / .1);--transition-smooth: all .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .5s cubic-bezier(.68, -.55, .265, 1.55);--sidebar-background: 0 0% 98%;--sidebar-foreground: 240 5.3% 26.1%;--sidebar-primary: 240 5.9% 10%;--sidebar-primary-foreground: 0 0% 98%;--sidebar-accent: 240 4.8% 95.9%;--sidebar-accent-foreground: 240 5.9% 10%;--sidebar-border: 220 13% 91%;--sidebar-ring: 217.2 91.2% 59.8%}.dark{--background: 25 35% 8%;--foreground: 42 25% 95%;--card: 25 30% 12%;--card-foreground: 42 25% 95%;--popover: 25 30% 12%;--popover-foreground: 42 25% 95%;--primary: 12 88% 62%;--primary-foreground: 0 0% 100%;--primary-glow: 12 88% 72%;--secondary: 38 92% 58%;--secondary-foreground: 25 25% 15%;--accent: 18 65% 55%;--accent-foreground: 0 0% 100%;--success: 142 45% 42%;--success-foreground: 0 0% 100%;--muted: 25 20% 18%;--muted-foreground: 42 15% 65%;--destructive: 0 62.8% 50%;--destructive-foreground: 0 0% 100%;--border: 25 20% 20%;--input: 25 20% 20%;--ring: 12 88% 62%;--sidebar-background: 25 35% 8%;--sidebar-foreground: 42 25% 95%;--sidebar-primary: 12 88% 62%;--sidebar-primary-foreground: 0 0% 100%;--sidebar-accent: 25 25% 15%;--sidebar-accent-foreground: 42 25% 95%;--sidebar-border: 25 20% 20%;--sidebar-ring: 12 88% 62%}}@layer base{*{@apply border-border;}body{@apply bg-background text-foreground antialiased;font-feature-settings:"kern" 1,"liga" 1}html{scroll-behavior:smooth}*:focus-visible{@apply outline-none ring-2 ring-primary ring-offset-2 ring-offset-background;}h1,h2,h3,h4,h5,h6{@apply font-bold tracking-tight;}h1{@apply text-4xl md:text-5xl lg:text-6xl;}h2{@apply text-3xl md:text-4xl lg:text-5xl;}img{max-width:100%;height:auto}.w-full.h-full img,img.w-full.h-full{width:100%!important;height:100%!important;object-fit:contain!important;max-width:none!important;max-height:none!important}img[class*=flag],.flag-component img,[class*=Flag] img,svg[class*=flag]{width:100%!important;height:100%!important;object-fit:cover!important}img[src*=icono-fantasia-latina],img[alt*="Fantasía Latina"]{width:100%!important;height:100%!important;object-fit:contain!important}}@layer components{.btn-gradient-warm{@apply bg-gradient-to-br from-primary to-secondary text-white shadow-lg hover:shadow-xl transition-all duration-300 hover:scale-105;}.card-elevated{@apply bg-card rounded-2xl shadow-soft hover:shadow-warm transition-all duration-300;}.badge-plan-gratuito{@apply bg-muted text-muted-foreground;}.badge-plan-basico{@apply bg-secondary/20 text-secondary-foreground border border-secondary/30;}.badge-plan-premium{@apply bg-primary/20 text-primary border border-primary/30;}.badge-plan-vip{@apply bg-gradient-to-r from-primary via-accent to-secondary text-white;}}