:root{--color-primary:#0085c2;--color-primary-dark:#1a3a5c;--color-primary-hc:#0066a2;--color-secondary:#5ba3a8;--color-secondary-hc:#004f55;--color-bg:#f5f0ebeb;--color-card:#fff;--color-text:#1a1a1a;--color-text-light:#6b6358;--color-accent:#d4a843;--color-accent-hc:#b8860b;--color-gold:#c4974a;--color-yt:red;--color-spotify:#1db954;--color-apple:#6c3fe7;--color-amazon:#f90;--color-whatsapp:#25d366;--color-instagram:#e4405f;--font-heading:Georgia, serif;--font-body:Inter, system-ui, sans-serif;--border-color:#475569;--shadow-color:#0006}[data-theme=dark]{--color-bg:#111827;--color-card:#1e293bd9;--color-text:#f1f5f9;--color-text-light:#cbd5e1;--color-primary:#38bdf8;--color-primary-dark:#7dd3fc;--color-primary-hc:#7dd3fc;--color-accent:#fcd34d;--color-accent-hc:#fde68a;--color-gold:#fbbf24;--color-secondary:#2dd4bf;--color-secondary-hc:#5eead4;--border-color:#fff3;--shadow-color:#0009}[data-theme=dark] body{background-image:linear-gradient(#080e1cd9,#080e1cd9),url(/images/fondo-podcast.jpg)}[data-theme=dark] .bg-white,[data-theme=dark] .bg-card{background-color:var(--color-card)}[data-theme=dark] .bg-primary{color:#fff!important;background-color:#0284c7!important}[data-theme=dark] .bg-primary-dark{color:#fff!important;background-color:#0369a1!important}[data-theme=dark] .bg-accent{color:#fff!important;background-color:#b45309!important}[data-theme=dark] .bg-gray-50{background-color:#1e293b}[data-theme=dark] .bg-gray-100{background-color:#334155}[data-theme=dark] .border-gray-200\/70,[data-theme=dark] .border-gray-200,[data-theme=dark] .border-gray-100,[data-theme=dark] .border-gray-50{border-color:#334155b3}[data-theme=dark] .shadow-sm,[data-theme=dark] .shadow-md,[data-theme=dark] .shadow-lg,[data-theme=dark] .shadow-xl,[data-theme=dark] .shadow-2xl{box-shadow:0 1px 3px var(--shadow-color)}[data-theme=dark] .ring-card{--tw-ring-color:var(--color-card)}[data-theme=dark] .text-white\/80,[data-theme=dark] .text-white\/60{color:#e2e8f0cc}[data-theme=dark] .text-gray-500{color:#94a3b8}[data-theme=dark] .text-gray-600{color:#cbd5e1}[data-theme=dark] .text-gray-700{color:#e2e8f0}[data-theme=dark] .text-gray-900{color:var(--color-text)}[data-theme=dark] .bg-purple-100,[data-theme=dark] .bg-purple-50{background-color:#2e1a47}[data-theme=dark] .bg-blue-100,[data-theme=dark] .bg-blue-50{background-color:#1a2a4a}[data-theme=dark] .bg-red-100,[data-theme=dark] .bg-red-50{background-color:#4a1a1a}[data-theme=dark] .bg-amber-100,[data-theme=dark] .bg-amber-50{background-color:#4a3a1a}[data-theme=dark] .bg-green-100,[data-theme=dark] .bg-green-50{background-color:#1a3a2a}[data-theme=dark] .text-purple-700,[data-theme=dark] .text-purple-600{color:#c084fc}[data-theme=dark] .text-blue-700,[data-theme=dark] .text-blue-600{color:#60a5fa}[data-theme=dark] .text-red-700,[data-theme=dark] .text-red-600{color:#f87171}[data-theme=dark] .text-amber-700,[data-theme=dark] .text-amber-600{color:#fbbf24}[data-theme=dark] .text-green-700,[data-theme=dark] .text-green-600{color:#4ade80}[data-theme=dark] .border-red-100,[data-theme=dark] .border-blue-100,[data-theme=dark] .border-amber-100,[data-theme=dark] .border-green-100{border-color:#ffffff1a}body{font-family:var(--font-body);color:var(--color-text);background-image:url(/images/fondo-podcast.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed}@media (max-width:767px){body{background-attachment:scroll}}main{min-height:calc(100vh - 8rem)}input,textarea,select{font-size:16px!important}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{border-color:var(--border-color);color:#e2e8f0;background-color:#1e293b}button,a,input,select,textarea,label{min-height:44px}button,a,[role=button]{min-width:44px}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}button:active,a:active{transform:scale(.97)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}main>*{animation:.3s ease-out fadeSlideUp}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.animate-bounce-in{animation:.5s ease-out bounceIn}
