.btn-verde,.btn-naranja{background:linear-gradient(135deg,var(--accent-primary),#ff7caf);color:var(--text-on-accent);padding:.75rem 1.35rem;font-size:1rem;font-weight:800;border:0;border-radius:16px;cursor:pointer;transition:var(--transicion-suave);box-shadow:0 16px 26px #f45c9c38}.btn-verde:hover,.btn-naranja:hover{background:linear-gradient(135deg,var(--accent-primary-hover),var(--accent-primary));transform:translateY(-1px)}.btn-outline{background:var(--secondary-button-bg);border:1px solid var(--secondary-button-border);color:var(--secondary-button-text);padding:.72rem 1.35rem;font-size:1rem;font-weight:700;border-radius:16px;cursor:pointer;transition:var(--transicion-suave)}.btn-outline:hover{background:var(--secondary-button-bg-hover);color:var(--text-primary)}.card{background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--border-soft);border-radius:20px;padding:1rem;color:var(--text-primary);box-shadow:var(--shadow-soft)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.38rem .72rem;font-size:.82rem;font-weight:800;background:#c0b87a38;color:var(--text-primary);border:1px solid rgba(192,184,122,.24);border-radius:999px}.text-xl{font-size:1.9em;font-weight:700}.text-lg{font-size:1.4em;font-weight:600}.text-sm{font-size:.9em}.text-center{text-align:center}.text-bold{font-weight:700}.bg-naranja,.bg-verde-claro{background:linear-gradient(180deg,var(--surface-1),var(--surface-2));border:1px solid var(--border-soft)}.border-azul{border:1px solid var(--border-soft)}.shadow-suave{box-shadow:var(--shadow-soft)}.full-width{width:100%;box-sizing:border-box}.max-500{max-width:500px;margin:0 auto}.alert{padding:1rem;border-radius:16px;font-weight:600;margin:1rem 0;text-align:center}.alert-error{background:#c43d7624;color:var(--text-primary);border:1px solid rgba(196,61,118,.28)}.alert-success{background:#c0b87a2e;color:var(--text-primary);border:1px solid rgba(192,184,122,.24)}:root,:root[data-theme=garden]{color-scheme:light;--nenufar-green-900: #005f02;--nenufar-green-700: #427a43;--nenufar-gold-400: #c0b87a;--nenufar-cream-200: #f2e3bb;--nenufar-pink-500: #f45c9c;--nenufar-pink-600: #db4d88;--nenufar-pink-700: #c43d76;--font-sans: "Nunito Sans", "DM Sans", "Segoe UI", sans-serif;--font-display: "Nunito Sans", "DM Sans", "Segoe UI", sans-serif;--app-bg-base: var(--nenufar-green-900);--app-bg-soft: var(--nenufar-green-700);--app-bg-strong: #0b4f0b;--app-bg: radial-gradient(circle at top left, rgba(242, 227, 187, .14), transparent 20%), radial-gradient(circle at top right, rgba(244, 92, 156, .08), transparent 16%), radial-gradient(circle at bottom center, rgba(192, 184, 122, .16), transparent 24%), linear-gradient(180deg, #004d02 0%, #005f02 48%, #427a43 100%);--surface-1: rgba(66, 122, 67, .96);--surface-2: rgba(0, 95, 2, .92);--surface-3: rgba(242, 227, 187, .94);--surface-soft: rgba(192, 184, 122, .16);--surface-overlay: rgba(0, 95, 2, .8);--surface-elevated: rgba(192, 184, 122, .14);--text-primary: var(--nenufar-cream-200);--text-secondary: rgba(242, 227, 187, .84);--text-muted: rgba(242, 227, 187, .64);--text-strong: #1e2c24;--text-on-accent: #fff8fc;--green-main: var(--nenufar-green-700);--green-dark: var(--nenufar-green-900);--green-soft: rgba(66, 122, 67, .78);--accent-primary: var(--nenufar-pink-500);--accent-primary-hover: var(--nenufar-pink-600);--accent-primary-active: var(--nenufar-pink-700);--border-soft: rgba(192, 184, 122, .34);--border-strong: rgba(242, 227, 187, .28);--shadow-soft: 0 20px 42px rgba(0, 0, 0, .24);--shadow-raised: 0 28px 54px rgba(0, 0, 0, .3);--shadow-inline: inset 0 1px 0 rgba(255, 255, 255, .08);--overlay-dark: rgba(0, 24, 1, .72);--focus-ring: 0 0 0 4px rgba(244, 92, 156, .22);--field-bg: var(--surface-3);--field-bg-soft: rgba(242, 227, 187, .88);--field-text: var(--text-strong);--field-placeholder: rgba(30, 44, 36, .62);--field-border: rgba(192, 184, 122, .78);--label-color: var(--nenufar-cream-200);--secondary-button-bg: rgba(192, 184, 122, .18);--secondary-button-bg-hover: rgba(192, 184, 122, .26);--secondary-button-border: rgba(192, 184, 122, .32);--secondary-button-text: var(--nenufar-cream-200);--color-primario: var(--nenufar-green-900);--color-secundario: var(--accent-primary);--color-secundario-hover: var(--accent-primary-hover);--color-secundario-oscuro: rgba(192, 184, 122, .18);--color-verde: var(--nenufar-green-700);--color-verde-claro: rgba(66, 122, 67, .82);--color-boton-verde: var(--accent-primary);--color-boton-verde-hover: var(--accent-primary-hover);--color-borde: var(--border-soft);--color-fondo-blanco: var(--surface-3);--color-texto-negro: var(--text-strong);--fuente-principal: var(--font-sans);--fuente-secundaria: var(--font-sans);--transicion-suave: all .22s ease}:root[data-theme=dark]{color-scheme:dark;--app-bg-base: #050505;--app-bg-soft: #101510;--app-bg-strong: #181d18;--app-bg: radial-gradient(circle at top left, rgba(192, 184, 122, .08), transparent 20%), radial-gradient(circle at top right, rgba(244, 92, 156, .08), transparent 16%), linear-gradient(180deg, #050505 0%, #101510 52%, #181d18 100%);--surface-1: rgba(18, 25, 18, .96);--surface-2: rgba(10, 16, 10, .94);--surface-3: rgba(47, 53, 39, .96);--surface-soft: rgba(192, 184, 122, .12);--surface-overlay: rgba(5, 5, 5, .82);--surface-elevated: rgba(192, 184, 122, .08);--text-primary: var(--nenufar-cream-200);--text-secondary: rgba(242, 227, 187, .78);--text-muted: rgba(242, 227, 187, .58);--text-strong: var(--nenufar-cream-200);--text-on-accent: #fff8fc;--border-soft: rgba(192, 184, 122, .22);--border-strong: rgba(242, 227, 187, .18);--shadow-soft: 0 22px 44px rgba(0, 0, 0, .4);--shadow-raised: 0 30px 60px rgba(0, 0, 0, .48);--shadow-inline: inset 0 1px 0 rgba(255, 255, 255, .04);--overlay-dark: rgba(0, 0, 0, .78);--field-bg: rgba(31, 35, 27, .96);--field-bg-soft: rgba(31, 35, 27, .96);--field-text: var(--nenufar-cream-200);--field-placeholder: rgba(242, 227, 187, .48);--field-border: rgba(192, 184, 122, .32);--secondary-button-bg: rgba(192, 184, 122, .12);--secondary-button-bg-hover: rgba(192, 184, 122, .18);--secondary-button-border: rgba(192, 184, 122, .2);--secondary-button-text: var(--nenufar-cream-200)}*,*:before,*:after{box-sizing:border-box}html{width:100%;min-height:100%;margin:0;background:var(--app-bg-base);color:var(--text-primary);font-family:var(--font-sans)}body{min-height:100vh;margin:0;background:var(--app-bg);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-sans);line-height:1.5}app-root,main{display:block;min-height:100vh}img,svg{display:block;max-width:100%}button,input,textarea,select{font:inherit}a{color:inherit}::selection{background:#f45c9c38;color:var(--text-on-accent)}