/* Estilos base compartidos para Farmy Pro */ :root { --fp-primary: #22c55e; --fp-primary-dark: #16a34a; --fp-accent: #6366f1; --fp-accent-soft: #4f46e5; --fp-dark: #020617; --fp-dark-soft: #0f172a; --fp-bg: #f3f4f6; --fp-card: #ffffff; --fp-border: #e5e7eb; --fp-text: #0f172a; --fp-text-muted: #6b7280; --fp-radius-lg: 1.2rem; --fp-radius-md: 0.85rem; --fp-radius-pill: 999px; --fp-shadow-card: 0 18px 45px rgba(15,23,42,.18); --fp-shadow-hero: 0 28px 70px rgba(15,23,42,.6); } /* Dark mode (se activa agregando .fp-dark al ) */ .fp-dark { --fp-bg: #020617; --fp-card: #020617; --fp-border: #1f2937; --fp-text: #f9fafb; --fp-text-muted: #9ca3af; --fp-shadow-card: 0 18px 45px rgba(0,0,0,.8); --fp-shadow-hero: 0 32px 80px rgba(0,0,0,.95); } .fp-body { margin: 0; min-height: 100vh; font-family: "Plus Jakarta Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: var(--fp-bg); color: var(--fp-text); } /* Helpers genéricos */ .fp-card { border-radius: var(--fp-radius-md); background: var(--fp-card); border: 1px solid var(--fp-border); box-shadow: var(--fp-shadow-card); } .fp-badge-pill { display: inline-flex; align-items: center; gap: .35rem; padding: .18rem .7rem; border-radius: var(--fp-radius-pill); border: 1px solid rgba(148,163,184,.5); font-size: .7rem; letter-spacing: .16em; text-transform: uppercase; } .fp-btn-accent { border: none; border-radius: var(--fp-radius-pill); padding: .5rem 1.4rem; font-size: .85rem; font-weight: 600; cursor: pointer; background: linear-gradient(135deg, var(--fp-accent), var(--fp-accent-soft)); color: #f9fafb; box-shadow: 0 18px 45px rgba(79,70,229,.6); } .fp-btn-accent:hover { filter: brightness(1.05); } /* Pills de input */ .fp-input-pill { display: flex; align-items: center; gap: .45rem; border-radius: var(--fp-radius-pill); border: 1px solid var(--fp-border); background: rgba(249,250,251,.95); padding: .35rem .75rem; } .fp-input-pill input, .fp-input-pill select { flex: 1; border: none; outline: none; background: transparent; font-size: .8rem; color: inherit; } .fp-input-pill input::placeholder { color: #9ca3af; } body { font-family: 'Montserrat', system-ui, -apple-system, sans-serif; }