/* ===================================================== TEMAS PÚBLICOS — 6 diseños para mostrarle al cliente en la demo, cambiables en caliente con el botón del navbar. Mecanismo: el tema 1 (Nocturno Health-Tech) es el que YA está en producción — sus colores son el :root por defecto de css/style.css, así que la demo arranca con ese sin hacer nada. Este archivo SOLO define los otros 5, como overrides de las mismas variables CSS, activados por el atributo data-tema-publico="2".."6" en . No duplica ni un solo selector de componente (.hero, .btn-vida, .insignia, etc): todos esos ya leen estas variables en style.css, así que con solo redefinirlas acá cambia el sitio entero. Se carga DESPUÉS de style.css en las 5 páginas públicas (index, asociarse, servicios, turnos, login). Nunca se usa en el panel privado. ===================================================== */ /* ---------- 2: Bio Verde Clínico ---------- Verde bosque + menta, sigue la vena "health-tech" del original pero con otro código de color -- laboratorio / bioseguridad en vez de electrónica. */ [data-tema-publico="2"]{ --noche:#06231C; --noche-2:#0E3B2E; --noche-3:#031712; --elec:#0F9D66; --cian:#5EFFC7; --grad-cta: linear-gradient(135deg, var(--elec), var(--cian)); --tema-font-titulo: 'Space Grotesk'; --tema-font-marca: 'Playfair Display'; --tema-font-mono: 'JetBrains Mono'; --tema-overlay: radial-gradient(circle at 85% 6%, rgba(94,255,199,.22), transparent 55%), linear-gradient(135deg, rgba(3,23,18,.9) 0%, rgba(6,35,28,.82) 35%, rgba(14,59,46,.72) 70%, rgba(15,157,102,.4) 100%); } /* ---------- 3: Violeta Premium ---------- Índigo/violeta profundo + lila, registro más premium/ emocional (cuidado, confianza), tipografía geométrica redondeada. */ [data-tema-publico="3"]{ --noche:#1A0B2E; --noche-2:#2D1B4E; --noche-3:#120722; --elec:#7C3AED; --cian:#C084FC; --grad-cta: linear-gradient(135deg, var(--elec), var(--cian)); --tema-font-titulo: 'Manrope'; --tema-font-marca: 'Playfair Display'; --tema-font-mono: 'JetBrains Mono'; --tema-overlay: radial-gradient(circle at 85% 6%, rgba(192,132,252,.22), transparent 55%), linear-gradient(135deg, rgba(18,7,34,.9) 0%, rgba(26,11,46,.82) 35%, rgba(45,27,78,.72) 70%, rgba(124,58,237,.4) 100%); } /* ---------- 4: Boutique Cálido ---------- Vino/burdeos + ámbar dorado, tipografía serif cálida -- clínica boutique, trato cercano y de autor, no "tech". */ [data-tema-publico="4"]{ --noche:#2B0F14; --noche-2:#4A1620; --noche-3:#1A0A0D; --elec:#D97706; --cian:#FBBF24; --grad-cta: linear-gradient(135deg, var(--elec), var(--cian)); --tema-font-titulo: 'Fraunces'; --tema-font-marca: 'Fraunces'; --tema-font-mono: 'JetBrains Mono'; --tema-overlay: radial-gradient(circle at 85% 6%, rgba(251,191,36,.18), transparent 55%), linear-gradient(135deg, rgba(26,10,13,.9) 0%, rgba(43,15,20,.82) 35%, rgba(74,22,32,.72) 70%, rgba(217,119,6,.35) 100%); } [data-tema-publico="4"] h1, [data-tema-publico="4"] h2, [data-tema-publico="4"] h3, [data-tema-publico="4"] .marca-nombre{ font-style: italic; } /* ---------- 5: Índigo Institucional ---------- Azul noche + dorado, serif clásica -- el registro más "hospital establecido, de toda la vida", confianza institucional. */ [data-tema-publico="5"]{ --noche:#0B1440; --noche-2:#16205E; --noche-3:#070B28; --elec:#3B5BDB; --cian:#F2C94C; --grad-cta: linear-gradient(135deg, var(--elec), var(--cian)); --tema-font-titulo: 'Playfair Display'; --tema-font-marca: 'Playfair Display'; --tema-font-mono: 'JetBrains Mono'; --tema-overlay: radial-gradient(circle at 85% 6%, rgba(242,201,76,.16), transparent 55%), linear-gradient(135deg, rgba(7,11,40,.9) 0%, rgba(11,20,64,.82) 35%, rgba(22,32,94,.72) 70%, rgba(59,91,219,.4) 100%); } /* ---------- 6: Coral Cercano ---------- Verde azulado + coral, tipografía redondeada y amigable -- el registro más "de barrio", cálido y accesible. */ [data-tema-publico="6"]{ --noche:#062A2E; --noche-2:#0B4348; --noche-3:#031A1D; --elec:#0D9488; --cian:#FB7185; --grad-cta: linear-gradient(135deg, var(--elec), var(--cian)); --tema-font-titulo: 'Poppins'; --tema-font-marca: 'Poppins'; --tema-font-mono: 'JetBrains Mono'; --tema-overlay: radial-gradient(circle at 85% 6%, rgba(251,113,133,.2), transparent 55%), linear-gradient(135deg, rgba(3,26,29,.9) 0%, rgba(6,42,46,.82) 35%, rgba(11,67,72,.72) 70%, rgba(13,148,136,.4) 100%); }