:root { --primary-color: #2D5A27; --primary-light: #4A7C43; --bg-cream: #FDFCFB; } body, html { height: 100%; font-family: 'Inter', sans-serif; background-color: var(--bg-cream); } .bg-image { background-image: url('../../img/img-login.jpg'); background-size: cover; background-position: center; position: relative; } .bg-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(135deg, rgba(45, 90, 39, 0.95), rgba(30, 60, 26, 0.98)); } .login-section { display: flex; align-items: center; justify-content: center; min-height: 100vh; } .login-card { background: white; border-radius: 24px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.05); animation: slideInUp 0.8s cubic-bezier(0.165, 0.84, 0.44, 1); } @keyframes slideInUp { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } } .form-control { border-radius: 12px; padding: 0.75rem 1rem; border: 1.5px solid #F1F5F9; background-color: #F8FAFC; transition: all 0.3s ease; } .form-control:focus { background-color: #fff; border-color: var(--primary-color); box-shadow: 0 0 0 4px rgba(45, 90, 39, 0.1); } .btn-success { background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-light) 100%); border: none; padding: 0.8rem; border-radius: 12px; font-weight: 700; transition: all 0.3s ease; } .btn-success:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(45, 90, 39, 0.3); background: linear-gradient(135deg, var(--primary-light) 0%, var(--primary-color) 100%); } .font-playfair { font-family: 'Playfair Display', serif; }
Logo

Tu Laboratorio Digital

"La cosmética es ciencia y arte. Deja que nosotros nos encarguemos de los números para que tú puedas crear magia."

Recetas
Costos
Inventario