.auth-container{min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(249,115,22,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(30,58,138,.15) 0%,transparent 50%);pointer-events:none}.auth-card{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-2xl);max-width:500px;width:100%;box-shadow:var(--shadow-xl);animation:slideUp .5s ease-out;border:1px solid var(--color-gray-200);position:relative;z-index:1}.auth-header{margin-bottom:var(--spacing-xl);display:flex;align-items:center;justify-content:space-between}.auth-title-section{flex:1;text-align:center}.brand-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.logo-image{width:40px;height:40px;object-fit:contain}.auth-header h1{color:var(--color-primary);font-family:var(--font-heading);font-size:2rem;font-weight:700;margin:0;letter-spacing:-.025em}.auth-header p{color:var(--color-secondary);font-size:1rem;margin:0;font-weight:500}.back-to-landing{background:none;border:2px solid var(--color-gray-300);border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:.875rem;font-weight:500;font-family:var(--font-body);display:flex;align-items:center;align-self:flex-start;gap:var(--spacing-xs)}.back-to-landing:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#1e3a8a0d;transform:translate(-2px)}.auth-tabs{display:flex;margin-bottom:var(--spacing-xl);background-color:var(--color-gray-100);border-radius:var(--border-radius-sm);padding:var(--spacing-xs);border:1px solid var(--color-gray-200)}.tab{flex:1;background:none;border:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);color:var(--color-secondary-light);font-size:.875rem}.tab.active{background:var(--color-white);color:var(--color-text);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.tab:hover:not(.active){color:var(--color-text);background-color:#ffffff80}.auth-form{margin-bottom:var(--spacing-xl)}.form-group label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text);font-weight:600;font-size:.875rem;font-family:var(--font-body)}.form-group input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:.875rem;font-family:var(--font-body);transition:all var(--transition-fast);box-sizing:border-box;background-color:var(--color-white)}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a8a1a}.form-group input:disabled{background-color:var(--color-gray-50);cursor:not-allowed;opacity:.7}.form-group input::placeholder{color:var(--color-gray-400)}.password-input{position:relative;width:100%}.password-input input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-right:3rem;border:2px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:.875rem;font-family:var(--font-body);transition:all var(--transition-fast);box-sizing:border-box;background-color:var(--color-white)}.password-input input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a8a1a}.password-input input:disabled{background-color:var(--color-gray-50);cursor:not-allowed;opacity:.7}.password-input input::placeholder{color:var(--color-gray-400)}.password-toggle{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:1.125rem;padding:var(--spacing-xs);border-radius:var(--border-radius-sm);transition:all var(--transition-fast);color:var(--color-secondary)}.password-toggle:hover{background-color:var(--color-gray-100);color:var(--color-text)}.password-toggle:disabled{cursor:not-allowed;opacity:.5}.checkbox-group{margin-bottom:var(--spacing-md);display:flex;justify-content:center}.checkbox-label{display:flex;align-items:center;cursor:pointer;font-size:.875rem;color:var(--color-text);font-weight:500;gap:var(--spacing-sm)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:var(--color-primary);border-radius:var(--border-radius-sm);margin-right:var(--spacing-sm)}.error-message{background-color:var(--color-gray-50);border:1px solid var(--color-error);border-left:4px solid var(--color-error);border-radius:var(--border-radius-sm);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-error);font-size:.875rem;font-weight:500}.auth-button{width:100%;background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-lg)}.auth-button:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{background-color:var(--color-gray-400);cursor:not-allowed;transform:none;box-shadow:var(--shadow-sm)}.loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.spinner{width:18px;height:18px;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-footer{text-align:center;margin-bottom:var(--spacing-lg)}.auth-footer p{color:var(--color-secondary);font-size:.875rem;margin:0}.link-button{background:none;border:none;color:var(--color-primary);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:color var(--transition-fast);text-decoration:underline;text-decoration-color:transparent;font-size:inherit}.link-button:hover:not(:disabled){color:var(--color-primary-dark);text-decoration-color:currentColor}.link-button:disabled{opacity:.5;cursor:not-allowed}.features-preview{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-lg)}.features-preview h3{color:var(--color-text);font-family:var(--font-heading);font-size:1.125rem;font-weight:600;text-align:center;margin-bottom:var(--spacing-lg)}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.feature{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-secondary);font-size:.875rem;font-weight:500}.feature-icon{font-size:1.125rem}@media (max-width: 768px){.auth-container{padding:var(--spacing-lg)}.auth-card{padding:var(--spacing-xl)}.auth-header{flex-direction:column;gap:var(--spacing-md)}.auth-header h1{font-size:1.75rem}.features-grid{grid-template-columns:1fr}.trial-badge{flex-direction:column;text-align:center}}@media (max-width: 480px){.auth-container{padding:var(--spacing-md)}.auth-card{padding:var(--spacing-lg)}.auth-header h1{font-size:1.5rem}.auth-tabs{flex-direction:column;gap:var(--spacing-xs)}.tab{padding:var(--spacing-sm)}.form-group input{font-size:1rem}.auth-button{font-size:.875rem;padding:var(--spacing-sm) var(--spacing-md)}}.trial-banner{color:var(--color-white);padding:var(--spacing-lg);border:2px solid var(--color-primary);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xl);box-shadow:var(--shadow-sm)}.trial-banner-content{display:flex;align-items:center;gap:var(--spacing-md)}.trial-banner-icon{font-size:2rem}.trial-banner-text h3{margin:0 0 var(--spacing-xs) 0;font-size:1.25rem;font-weight:700;font-family:var(--font-heading)}.trial-banner-text p{margin:0;font-size:.875rem;opacity:.9;font-weight:500}@media (max-width: 768px){.trial-banner-content{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.trial-banner-text h3{font-size:1.1rem}.trial-banner-text p{font-size:.8rem}}@media (max-width: 480px){.trial-banner{padding:var(--spacing-md)}.trial-banner-icon{font-size:1.5rem}.trial-banner-text h3{font-size:1rem}.trial-banner-text p{font-size:.75rem}}.trial-banner.purchase-banner{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%)}.trial-banner.purchase-banner .trial-banner-text h3{color:var(--color-white)}.trial-banner.purchase-banner .trial-banner-text p{color:#ffffffe6}.trial-banner.purchase-banner .trial-banner-text small{color:#fffc;font-size:.75rem;display:block;margin-top:var(--spacing-xs);font-style:italic}.planes-container{max-width:1200px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef);min-height:100vh}.planes-header{text-align:center;margin-bottom:3rem}.planes-header h2{font-size:2.5rem;color:#2c3e50;margin-bottom:.5rem;font-weight:700}.planes-header p{font-size:1.1rem;color:#6c757d;margin:0}.trial-info{display:flex;justify-content:center;margin-bottom:2rem}.trial-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:1rem 2rem;border-radius:50px;display:flex;align-items:center;gap:.8rem;box-shadow:0 4px 15px #28a7454d}.trial-icon{font-size:1.5rem}.trial-text{display:flex;flex-direction:column;gap:.2rem}.trial-text strong{font-size:1.1rem}.trial-text span{font-size:.9rem;opacity:.9}.plan-pro-container{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 10px 30px #0000001a;margin-bottom:3rem}.plan-features-header{text-align:center;margin-bottom:3rem}.plan-features-header h3{font-size:1.5rem;color:#2c3e50;margin-bottom:2rem;font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:2rem}.feature-item{display:flex;align-items:center;gap:.8rem;padding:1rem;background:#f8f9fa;border-radius:8px;font-size:.95rem;color:#495057;font-weight:500}.feature-icon{font-size:1.2rem;width:24px;text-align:center}.payment-options{text-align:center}.payment-options h3{font-size:1.5rem;color:#2c3e50;margin-bottom:2rem;font-weight:600}.payment-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:800px;margin:0 auto}.payment-card{background:#fff;border:3px solid #e9ecef;border-radius:16px;padding:2rem;position:relative;transition:all .3s ease;box-shadow:0 4px 15px #0000001a}.payment-card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #00000026}.payment-card-monthly{border-color:#3498db}.payment-card-annual{border-color:#e74c3c;transform:scale(1.05);background:linear-gradient(135deg,#fff,#fffbf8)}.payment-card-annual:hover{transform:scale(1.05) translateY(-5px)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;padding:.5rem 1.5rem;border-radius:20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #e74c3c4d}.discount-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:.5rem 1rem;border-radius:15px;font-size:.8rem;font-weight:700;box-shadow:0 4px 15px #f39c124d}.payment-header{text-align:center;margin-bottom:1.5rem}.payment-header h4{font-size:1.3rem;color:#2c3e50;margin-bottom:1rem;font-weight:600}.payment-price{margin-bottom:.5rem}.price-amount{font-size:2.2rem;font-weight:700;color:#2c3e50}.price-period{font-size:1rem;color:#6c757d;margin-left:.3rem}.price-original{font-size:.9rem;color:#6c757d;text-decoration:line-through;margin-top:.5rem}.savings-highlight{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:1px solid #b1dfbb;border-radius:8px;padding:1rem;margin-bottom:1.5rem;text-align:center}.savings-amount{color:#155724;font-size:1.1rem;margin-bottom:.5rem}.equivalent-price{color:#155724;font-size:.9rem;font-weight:500}.payment-description{margin-bottom:2rem}.payment-description p{color:#6c757d;font-size:1rem;margin:0}.btn-payment{width:100%;padding:1rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-payment-monthly{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff}.btn-payment-monthly:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translateY(-2px);box-shadow:0 8px 25px #3498db4d}.btn-payment-annual{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;box-shadow:0 6px 20px #e74c3c4d}.btn-payment-annual:hover{background:linear-gradient(135deg,#c0392b,#e74c3c);transform:translateY(-2px);box-shadow:0 10px 30px #e74c3c66}.btn-payment:disabled{opacity:.7;cursor:not-allowed}.btn-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.planes-footer{display:flex;justify-content:center;gap:3rem;margin-bottom:3rem;flex-wrap:wrap}.security-info,.support-info{display:flex;align-items:center;gap:.5rem;color:#6c757d;font-weight:500}.security-icon,.support-icon{font-size:1.2rem}.faq-section{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 4px 15px #0000001a}.faq-section h4{text-align:center;color:#2c3e50;margin-bottom:2rem;font-size:1.3rem;font-weight:600}.faq-items{display:grid;gap:1.5rem}.faq-item{padding:1.5rem;background:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.faq-item strong{color:#2c3e50;font-size:1rem;display:block;margin-bottom:.5rem}.faq-item p{color:#6c757d;margin:0;line-height:1.5}.subscription-modal .plan-pro-container{padding:1rem}.subscription-modal .payment-cards{grid-template-columns:1fr;gap:1rem}.subscription-modal .payment-card{padding:1.5rem}.subscription-modal .features-grid{grid-template-columns:repeat(2,1fr);gap:.8rem}.subscription-modal .feature-item{padding:.8rem;font-size:.9rem}.subscription-modal .planes-container{padding:0;background:none;min-height:auto;max-width:none}.subscription-modal .planes-header,.subscription-modal .faq-section{display:none}.subscription-modal .planes-footer{margin-bottom:0}@media (max-width: 768px){.planes-container{padding:1rem}.planes-header h2{font-size:2rem}.payment-cards{grid-template-columns:1fr;gap:1.5rem}.payment-card{padding:1.5rem}.payment-card-annual{transform:none}.payment-card-annual:hover{transform:translateY(-5px)}.features-grid{grid-template-columns:1fr}.planes-footer{gap:1.5rem;text-align:center}.trial-badge{padding:.8rem 1.5rem;flex-direction:column;text-align:center}}@media (max-width: 480px){.planes-container{padding:.5rem}.plan-pro-container,.payment-card{padding:1rem}.price-amount{font-size:1.8rem}.trial-text{align-items:center}.faq-section{padding:1.5rem}}.checkout-container{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-2xl);background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:600px;margin:0 auto;font-family:var(--font-body)}.checkout-loading,.checkout-error{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-2xl);text-align:center}.spinner-large{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.checkout-loading h3,.checkout-error h3{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0}.checkout-loading p,.checkout-error p{color:var(--color-secondary);font-size:1rem;margin:0}.error-icon{font-size:3rem}.btn-retry{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body)}.btn-retry:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.checkout-header{text-align:center;margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);padding-bottom:var(--spacing-lg)}.checkout-header h2{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.025em}.checkout-header p{color:var(--color-secondary);font-size:1rem;font-weight:500;line-height:1.5;margin:0}.checkout-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.plan-summary{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-primary) 100%);color:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.plan-summary h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin-bottom:var(--spacing-md);text-shadow:0 1px 2px rgba(0,0,0,.1)}.plan-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.plan-info{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:#ffffff1a;border-radius:var(--border-radius-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.plan-name{font-family:var(--font-heading);font-size:1.125rem;font-weight:600}.plan-price{font-size:1.5rem;font-weight:700;display:flex;align-items:baseline;gap:var(--spacing-xs)}.plan-price small{font-size:.875rem;opacity:.9}.trial-notice{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:#ffffff26;border-radius:var(--border-radius-sm);font-weight:500;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.trial-icon{font-size:1.25rem}.payment-section{background:var(--color-gray-50);border:2px solid var(--color-gray-200);border-radius:var(--border-radius);padding:var(--spacing-xl)}.payment-section h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.payment-section h3:before{content:"💳";font-size:1.25rem}.wallet-container{border:2px dashed var(--color-gray-300);border-radius:var(--border-radius);padding:var(--spacing-xl);text-align:center;min-height:150px;display:flex;align-items:center;justify-content:center;background:var(--color-white);transition:all var(--transition-fast)}.wallet-container:hover{border-color:var(--color-primary-light);background:#1e3a8a05}.payment-error{text-align:center;padding:var(--spacing-lg);color:var(--color-error)}.payment-error button{background:var(--color-error);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-lg);font-weight:600;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-md)}.security-notice{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius)}.security-icons{display:flex;gap:var(--spacing-xs);font-size:1.25rem}.security-text strong{display:block;color:var(--color-text);font-weight:600;margin-bottom:var(--spacing-xs)}.security-text p{color:var(--color-secondary);font-size:.9rem;margin:0}.checkout-footer{display:flex;justify-content:center;padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.btn-cancel-checkout{padding:var(--spacing-md) var(--spacing-xl);border:2px solid var(--color-gray-300);background:var(--color-white);color:var(--color-secondary);border-radius:var(--border-radius);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);font-size:1rem}.btn-cancel-checkout:hover{background:var(--color-gray-50);border-color:var(--color-secondary);color:var(--color-text);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.error-message{background:linear-gradient(135deg,#fef2f2,#fee2e2);border:2px solid var(--color-error);color:var(--color-error);padding:var(--spacing-lg);border-radius:var(--border-radius);font-size:.95rem;font-weight:500;margin-top:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.error-message:before{content:"⚠️";font-size:1.25rem}.success-message{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid var(--color-success);color:var(--color-success);padding:var(--spacing-lg);border-radius:var(--border-radius);font-size:.95rem;font-weight:500;margin-top:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-sm)}.success-message:before{content:"✅";font-size:1.25rem}@media (max-width: 768px){.checkout-container{padding:var(--spacing-xl);margin:var(--spacing-md);max-width:none}.checkout-header h2{font-size:1.5rem}.plan-price{font-size:1.25rem}.plan-info,.security-notice{flex-direction:column;text-align:center;gap:var(--spacing-sm)}}@media (max-width: 480px){.checkout-container{padding:var(--spacing-lg);margin:var(--spacing-sm)}.checkout-header h2{font-size:1.25rem}.wallet-container{padding:var(--spacing-lg);min-height:120px}.plan-summary,.payment-section{padding:var(--spacing-lg)}}.subscription-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:1rem}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}.subscription-wrapper{min-height:100vh}.subscription-banner{padding:.8rem 1rem;margin-bottom:1rem;border-radius:6px;box-shadow:0 2px 4px #0000001a}.subscription-banner.trial{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border-left:4px solid #f39c12;color:#856404}.subscription-banner.active{background:linear-gradient(135deg,#d4edda,#a8e6cf);border-left:4px solid #27ae60;color:#155724}.banner-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.banner-icon{font-size:1.2rem}.banner-text{flex:1;font-weight:500}.btn-upgrade{background-color:#f39c12;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-upgrade:hover{background-color:#e67e22}.subscription-blocked{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem}.blocked-content{background:#fff;border-radius:12px;padding:3rem;max-width:600px;width:100%;text-align:center;box-shadow:0 20px 40px #0000001a}.blocked-icon{font-size:4rem;margin-bottom:1rem}.blocked-content h2{color:#2c3e50;margin-bottom:1rem;font-size:2rem}.blocked-message{color:#7f8c8d;font-size:1.1rem;margin-bottom:1.5rem}.blocked-details{background-color:#f8f9fa;padding:1.5rem;border-radius:8px;margin-bottom:2rem;border-left:4px solid #e74c3c}.blocked-details p{margin:.5rem 0;color:#2c3e50}.blocked-actions{display:flex;gap:1rem;justify-content:center;margin-bottom:3rem;flex-wrap:wrap}.btn-subscribe{background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 15px #27ae604d}.btn-subscribe:hover{transform:translateY(-2px);box-shadow:0 6px 20px #27ae6066}.btn-contact{background-color:#ecf0f1;color:#2c3e50;border:2px solid #bdc3c7;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s}.btn-contact:hover{background-color:#d5dbdb;border-color:#95a5a6}.subscription-benefits{text-align:left;margin-bottom:2rem;background-color:#f8f9fa;padding:2rem;border-radius:8px}.subscription-benefits h3{color:#2c3e50;margin-bottom:1rem;text-align:center}.subscription-benefits ul{list-style:none;padding:0;margin:0}.subscription-benefits li{padding:.5rem 0;color:#2c3e50;font-weight:500}.subscription-pricing{display:flex;justify-content:center}.price-card{background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;padding:2rem;border-radius:12px;text-align:center;min-width:250px;box-shadow:0 10px 30px #3498db4d}.price-card h4{margin:0 0 1rem;font-size:1.3rem}.price{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.price span{font-size:1rem;font-weight:400;opacity:.8}.price-card p{margin:0;opacity:.9}@media (max-width: 768px){.subscription-blocked{padding:1rem}.blocked-content{padding:2rem}.blocked-content h2{font-size:1.5rem}.blocked-actions{flex-direction:column;align-items:center}.btn-subscribe,.btn-contact{width:100%;max-width:300px}.banner-content{flex-direction:column;text-align:center;gap:.5rem}.subscription-benefits{padding:1.5rem}.price{font-size:2rem}}@media (max-width: 480px){.blocked-icon{font-size:3rem}.blocked-content{padding:1.5rem}.subscription-banner{margin-bottom:.5rem;padding:.6rem}.banner-text{font-size:.9rem}.btn-upgrade{padding:.4rem .8rem;font-size:.8rem}}.trial-completion-notice{background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent) 100%);border-radius:var(--border-radius);padding:var(--spacing-lg);margin:var(--spacing-xl) 0;display:flex;align-items:center;gap:var(--spacing-md);box-shadow:var(--shadow-md);border:1px solid rgba(249,115,22,.3)}.completion-icon{font-size:2.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.completion-text{flex:1;color:var(--color-white)}.completion-text strong{font-family:var(--font-heading);font-size:1.125rem;font-weight:700;display:block;margin-bottom:var(--spacing-xs);text-shadow:0 1px 2px rgba(0,0,0,.1)}.completion-text p{margin:0;font-size:.9rem;opacity:.95;line-height:1.5;font-weight:500}@media (max-width: 768px){.trial-completion-notice{flex-direction:column;text-align:center;padding:var(--spacing-md)}.completion-icon{font-size:2rem}.completion-text strong{font-size:1rem}.completion-text p{font-size:.85rem}}.landing-page{min-height:100vh;background-color:var(--color-background);color:var(--color-text);font-family:var(--font-body);line-height:1.6}.landing-header{background-color:#fffffff2;border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.landing-header .container{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.logo-section .logo{margin:0;font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-primary);letter-spacing:-.025em}.nav-menu{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-link{color:var(--color-secondary);text-decoration:none;font-weight:500;font-size:.875rem;transition:all var(--transition-fast);position:relative;padding:var(--spacing-sm) 0}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px}.cta-button{background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.login-button{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:.8rem;cursor:pointer;transition:all var(--transition-fast);margin-right:var(--spacing-sm)}.login-button:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.contact-btn{background:none;border:none;color:var(--color-secondary);text-decoration:none;font-weight:500;font-size:.875rem;transition:all var(--transition-fast);position:relative;padding:var(--spacing-sm) 0;cursor:pointer}.contact-btn:hover{color:var(--color-primary)}.contact-btn:hover:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--color-primary);border-radius:1px}.hero-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-50) 100%);position:relative;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(30,58,138,.08) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(249,115,22,.08) 0%,transparent 50%);pointer-events:none}.hero-content-center{text-align:center;max-width:900px;margin:0 auto;position:relative;z-index:1}.hero-title{font-family:var(--font-heading);font-size:2.75rem;font-weight:700;line-height:1.1;margin-bottom:var(--spacing-md);color:var(--color-text);letter-spacing:-.02em}.highlight{color:var(--color-primary);position:relative}.highlight:after{content:"";position:absolute;bottom:.1em;left:0;right:0;height:.3em;background:linear-gradient(90deg,var(--color-accent-light) 0%,var(--color-accent) 100%);border-radius:var(--border-radius-sm);opacity:.3;z-index:-1}.hero-description{font-size:1.25rem;color:var(--color-secondary);margin-bottom:var(--spacing-lg);line-height:1.6;font-weight:400}.hero-actions{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);justify-content:center}.primary-button{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-md);font-family:var(--font-body)}.hero-features{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;margin-bottom:var(--spacing-xl)}.feature-item{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-secondary);font-size:.875rem;font-weight:500}.feature-icon{color:var(--color-success);font-weight:600;font-size:.9rem}.video-container{margin-top:var(--spacing-xl);width:100%;max-width:800px;margin-left:auto;margin-right:auto}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);background:var(--color-gray-100)}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:var(--border-radius-lg)}.stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.stat-card{background:var(--color-gray-50);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);text-align:center;border:1px solid var(--color-gray-200)}.stat-number{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:.65rem;color:var(--color-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.chart-area{background:var(--color-gray-50);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);border:1px solid var(--color-gray-200)}.chart-bars{display:flex;align-items:end;gap:var(--spacing-xs);height:50px}.bar{background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-light) 100%);border-radius:2px 2px 0 0;flex:1;min-height:8px;transition:all var(--transition-fast)}.bar:hover{background:linear-gradient(180deg,var(--color-accent) 0%,var(--color-accent-light) 100%);transform:scaleY(1.1)}.pain-points-section{padding:var(--spacing-xl) 0;background:var(--color-gray-50)}.pain-points-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.pain-card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md);transition:all var(--transition-fast);border:2px solid var(--color-gray-200);text-align:center}.pain-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--color-accent)}.pain-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.pain-title{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm)}.pain-description{color:var(--color-secondary);line-height:1.6;font-size:1rem}.zigzag-section{padding:var(--spacing-xl) 0;background:var(--color-white)}.zigzag-item{display:flex;gap:var(--spacing-xl);align-items:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl) 0}.zigzag-item.reverse{flex-direction:row-reverse}.zigzag-content{flex:1}.zigzag-icon{font-size:3rem;margin-bottom:var(--spacing-md)}.zigzag-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md)}.zigzag-description{font-size:1.125rem;color:var(--color-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.zigzag-benefits{list-style:none;padding:0;margin:0}.zigzag-benefits li{font-size:1rem;color:var(--color-text);margin-bottom:var(--spacing-sm);line-height:1.5}.zigzag-image{flex:1;display:flex;justify-content:center;align-items:center}.placeholder-image{background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);text-align:center;font-size:1.5rem;color:var(--color-secondary);min-height:300px;display:flex;align-items:center;justify-content:center;width:100%;box-shadow:var(--shadow-md);border:2px dashed var(--color-gray-300)}.section-header{text-align:center;margin-bottom:var(--spacing-xl)}.section-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.section-description{font-size:1rem;color:var(--color-secondary);max-width:600px;margin:0 auto;line-height:1.6}.consultation-section{padding:var(--spacing-xl) 0;background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);position:relative}.consultation-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);align-items:center}.consultation-title{font-family:var(--font-heading);font-size:2.25rem;font-weight:700;line-height:1.2;margin-bottom:var(--spacing-lg);color:var(--color-text)}.consultation-benefits{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.benefit-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.benefit-icon{font-size:2rem;flex-shrink:0;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);border-radius:var(--border-radius);box-shadow:var(--shadow-sm)}.benefit-content h4{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;color:var(--color-text)}.benefit-content p{margin:0;color:var(--color-secondary);line-height:1.5}.consultation-cta{text-align:left}.consultation-button{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-accent) 100%);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md);margin-bottom:var(--spacing-sm);display:block}.consultation-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.consultation-note{margin:0;font-size:.9rem;color:var(--color-accent);font-weight:600}.consultation-visual{display:flex;justify-content:center;align-items:center}.testimonial-card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200);position:relative;max-width:400px}.testimonial-card:before{content:'"';position:absolute;top:-10px;left:var(--spacing-lg);font-size:4rem;color:var(--color-primary);font-family:var(--font-heading);line-height:1}.testimonial-content p{font-size:1.1rem;line-height:1.6;color:var(--color-text);margin:0 0 var(--spacing-lg) 0;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:var(--spacing-md)}.author-info{display:flex;flex-direction:column}.author-info strong{color:var(--color-text);font-weight:600;margin-bottom:var(--spacing-xs)}.author-info span{color:var(--color-secondary);font-size:.9rem}.cta-section{background:var(--color-white);color:var(--color-text);padding:var(--spacing-xl) 0;text-align:center;position:relative;border-top:4px solid var(--color-primary);border-bottom:4px solid var(--color-primary)}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(30,58,138,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(30,58,138,.05) 0%,transparent 50%);pointer-events:none}.cta-title{font-family:var(--font-heading);font-size:2rem;font-weight:700;margin-bottom:var(--spacing-sm);letter-spacing:-.02em;color:var(--color-primary);position:relative;z-index:1}.cta-description{font-size:1rem;margin-bottom:var(--spacing-lg);color:var(--color-secondary);max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1}.cta-main-button{background-color:var(--color-primary);color:var(--color-white);border:3px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg);font-family:var(--font-body);position:relative;z-index:1}.cta-main-button:hover{background-color:var(--color-white);color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-xl)}.cta-note{margin-top:var(--spacing-sm);font-size:.8rem;color:var(--color-secondary-light);font-weight:400;position:relative;z-index:1}.cta-login-option{margin:var(--spacing-md) 0;position:relative;z-index:1}.cta-login-option p{margin:0;font-size:.9rem;color:var(--color-secondary)}.cta-login-link{background:none;border:none;color:var(--color-primary);font-weight:600;cursor:pointer;text-decoration:underline;margin-left:var(--spacing-xs);transition:color var(--transition-fast)}.cta-login-link:hover{color:var(--color-primary-dark)}.landing-footer{background-color:var(--color-secondary);color:var(--color-white);padding:var(--spacing-xl) 0 var(--spacing-md)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.footer-logo-section{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.footer-logo-image{height:48px;width:auto;object-fit:contain;filter:brightness(0) invert(1)}.footer-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-white);margin:0}.footer-description{color:var(--color-gray-300);line-height:1.6;font-size:.875rem}.footer-heading{font-family:var(--font-heading);font-size:.9rem;font-weight:600;color:var(--color-white);margin-bottom:var(--spacing-sm)}.footer-links{list-style:none;padding:0}.footer-links li{margin-bottom:var(--spacing-xs)}.footer-links a{color:var(--color-gray-300);text-decoration:none;font-size:.8rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-white)}.footer-bottom{border-top:1px solid var(--color-gray-600);padding-top:var(--spacing-sm);text-align:center}.copyright{color:var(--color-gray-400);font-size:.8rem;margin:0}.testimonials-section{padding:var(--spacing-xl) 0;background:var(--color-secondary);color:var(--color-white)}.section-title-light{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-white);margin-bottom:var(--spacing-xl);letter-spacing:-.02em;text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg)}.testimonial-card-new{background:#ffffff1a;border-radius:var(--border-radius-lg);padding:var(--spacing-xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);transition:all var(--transition-fast)}.testimonial-card-new:hover{transform:translateY(-4px);background:#ffffff26;box-shadow:var(--shadow-lg)}.stars{color:var(--color-accent);font-size:1.25rem;margin-bottom:var(--spacing-md)}.testimonial-text{font-size:1rem;line-height:1.6;color:var(--color-white);margin-bottom:var(--spacing-md);font-style:italic}.testimonial-author-new{display:flex;flex-direction:column;gap:var(--spacing-xs)}.testimonial-author-new strong{color:var(--color-white);font-weight:600}.testimonial-author-new span{color:#ffffffb3;font-size:.875rem}.faq-section{padding:var(--spacing-xl) 0;background:var(--color-white)}.faq-list{max-width:800px;margin:0 auto;margin-top:var(--spacing-xl)}.faq-item{background:var(--color-white);border-radius:var(--border-radius);margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.faq-item:hover{box-shadow:var(--shadow-md)}.faq-item.open{box-shadow:var(--shadow-md);border-color:var(--color-primary)}.faq-question{width:100%;background:none;border:none;padding:var(--spacing-md) var(--spacing-lg);text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-text);transition:color var(--transition-fast)}.faq-question:hover{color:var(--color-primary)}.faq-toggle{font-size:1.5rem;font-weight:400;color:var(--color-primary);transition:transform var(--transition-fast)}.faq-item.open .faq-toggle{transform:rotate(180deg)}.faq-answer{padding:0 var(--spacing-lg) var(--spacing-md) var(--spacing-lg);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.faq-answer p{margin:0;color:var(--color-secondary);line-height:1.6;font-size:1rem}.pricing-anchor{font-size:1.25rem;color:var(--color-accent);font-weight:600;text-align:center;margin:var(--spacing-md) auto;max-width:700px}.sticky-mobile-cta{position:fixed;bottom:0;left:0;right:0;background:var(--color-white);padding:var(--spacing-sm) var(--spacing-md);box-shadow:0 -4px 12px #00000026;z-index:999;border-top:2px solid var(--color-primary)}.sticky-cta-button{width:100%;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-md);font-size:1.125rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.sticky-cta-button:active{transform:scale(.98)}@media (max-width: 1024px){.hero-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.hero-title{font-size:2.25rem}.nav-menu{gap:var(--spacing-md)}.footer-content{grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.pricing-cards{grid-template-columns:1fr 1fr;gap:var(--spacing-lg);max-width:700px}}@media (max-width: 768px){.landing-header .container{flex-direction:column;gap:var(--spacing-md)}.nav-menu{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.login-button,.cta-button{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem;margin-right:0}.hero-title{font-size:2rem}.hero-actions{flex-direction:column}.hero-features{justify-content:center}.section-title{font-size:1.875rem}.features-grid{grid-template-columns:1fr}.video-preview{transform:scale(.9);margin:var(--spacing-lg) 0;max-width:400px}.video-preview iframe{height:300px}.pricing-cards{grid-template-columns:1fr;gap:var(--spacing-lg)}.pricing-card.popular{order:-1}.pricing-card.popular:hover{transform:none}.toggle-container{width:100%}.toggle-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem}.price-amount{font-size:1.75rem}.plan-name{font-size:1.125rem}.consultation-content{grid-template-columns:1fr;gap:var(--spacing-lg)}.consultation-title{font-size:1.875rem;text-align:center}.consultation-cta{text-align:center}.testimonial-card{margin:var(--spacing-lg) auto}.zigzag-item,.zigzag-item.reverse{flex-direction:column;text-align:center}.zigzag-title{font-size:1.75rem}.placeholder-image{min-height:200px}.pain-points-grid,.testimonials-grid{grid-template-columns:1fr}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.hero-title{font-size:1.75rem}.hero-description{font-size:1rem}.cta-title{font-size:2rem}.primary-button{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.stats-row{grid-template-columns:1fr}.video-preview{max-width:320px;padding:var(--spacing-xs)}.video-preview iframe{height:250px}.footer-content{grid-template-columns:1fr}.price-amount{font-size:1.75rem}.plan-name{font-size:1.125rem}.toggle-btn{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.pricing-section{padding:var(--spacing-lg) 0}.pricing-cards{grid-template-columns:1fr;gap:var(--spacing-lg);max-width:100%;margin:0;padding:0 var(--spacing-md)}.pricing-card{padding:var(--spacing-lg);width:100%;max-width:320px;box-sizing:border-box;margin:0 auto}.pricing-card.popular{width:100%;max-width:320px;margin:0 auto}.plan-header{margin-bottom:var(--spacing-lg)}.plan-name{font-size:1rem}.price-amount{font-size:1.3rem}.plan-features{font-size:.95rem;min-height:120px;margin-bottom:var(--spacing-md)}.plan-button{font-size:1rem;padding:var(--spacing-sm) var(--spacing-md);width:100%;margin-top:var(--spacing-md)}.popular-badge{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md);top:-10px}.price-details{font-size:.85rem}.savings-badge{font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}.price-equivalent{font-size:.9rem}.pricing-card.popular{margin-bottom:var(--spacing-lg)}.consultation-title{font-size:1.5rem}.benefit-item{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.benefit-icon{align-self:center;width:50px;height:50px;font-size:1.5rem}.consultation-button{width:100%;padding:var(--spacing-md)}.testimonial-card{padding:var(--spacing-lg);margin:var(--spacing-md) 0}.testimonial-card:before{font-size:3rem;left:var(--spacing-md)}}.pricing-section{padding:var(--spacing-xl) 0;background:var(--color-white);border-top:1px solid var(--color-gray-200)}.pricing-toggle{display:flex;justify-content:center;margin-bottom:var(--spacing-xl)}.toggle-container{background:var(--color-gray-100);border-radius:var(--border-radius);padding:var(--spacing-xs);display:flex;gap:var(--spacing-xs);border:2px solid var(--color-gray-200)}.toggle-btn{background:transparent;border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-body);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);position:relative;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-secondary)}.toggle-btn.active{background:var(--color-primary);color:var(--color-white);box-shadow:var(--shadow-sm)}.discount-badge{background:var(--color-accent);color:var(--color-white);font-size:.7rem;font-weight:700;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);text-transform:uppercase;letter-spacing:.025em}.pricing-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);max-width:800px;margin:0 auto}.pricing-card{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);border:2px solid var(--color-gray-200);padding:var(--spacing-xl);position:relative;transition:all var(--transition-fast)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.pricing-card.popular{border-color:var(--color-accent);box-shadow:0 20px 25px -5px #f9731640;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05) translateY(-2px)}.pricing-card.selected{border-color:var(--color-primary);box-shadow:0 20px 25px -5px #1e3a8a40}.popular-badge{position:absolute;top:-15px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-weight:700;font-size:.875rem;box-shadow:var(--shadow-md);z-index:10}.plan-header{text-align:center;margin-bottom:var(--spacing-xl)}.plan-name{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md)}.plan-price{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.price-amount{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--color-primary)}.price-period{font-size:1.125rem;color:var(--color-secondary);font-weight:500}.price-details{display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:.9rem;text-align:center}.price-original{color:var(--color-secondary)}.strikethrough{text-decoration:line-through;color:var(--color-gray-400)}.savings-badge{background:linear-gradient(135deg,var(--color-success) 0%,#16a085 100%);color:var(--color-white);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-weight:700;font-size:.875rem;display:inline-block}.price-equivalent{color:var(--color-accent);font-weight:600;font-size:1rem}.plan-button{width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-md)}.plan-button:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.plan-button.primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%)}.plan-button.primary:hover{background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%)}.plan-features{list-style:none;padding:0;margin:0 0 var(--spacing-xl) 0;display:flex;flex-direction:column;gap:var(--spacing-md);min-height:200px}.plan-features li{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500;color:var(--color-text);font-size:1rem;padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--border-radius-sm)}.secondary-button{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg);font-weight:600;font-size:.875rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;min-width:180px;justify-content:center}.secondary-button:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.secondary-button:hover .button-icon{transform:scale(1.1)}.hero-actions{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);align-items:center}.cta-buttons{display:flex;gap:var(--spacing-md);margin:var(--spacing-lg) 0;justify-content:center;align-items:center}.cta-primary-button{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-dark) 100%);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;min-width:200px;justify-content:center;box-shadow:var(--shadow-md)}.cta-primary-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-primary-button:hover .button-icon{transform:scale(1.1)}.cta-secondary-button{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary);border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;min-width:200px;justify-content:center}.cta-secondary-button:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cta-secondary-button:hover .button-icon{transform:scale(1.1)}.cta-features{display:flex;gap:var(--spacing-xl);margin:var(--spacing-lg) 0;justify-content:center;align-items:center}.cta-feature{display:flex;align-items:center;gap:var(--spacing-xs);font-size:.875rem;color:var(--color-text)}.cta-feature .feature-icon{color:var(--color-success);font-weight:600}@media (max-width: 768px){.hero-actions{flex-direction:column;gap:var(--spacing-sm)}.secondary-button,.primary-button{width:100%;min-width:auto}.cta-buttons{flex-direction:column;gap:var(--spacing-sm)}.cta-primary-button,.cta-secondary-button{width:100%;min-width:auto}.cta-features{flex-direction:column;gap:var(--spacing-sm);text-align:center}}@media (max-width: 480px){.cta-features{align-items:flex-start}}@media (max-width: 320px){.pricing-cards{padding:0 var(--spacing-sm)}.pricing-card{padding:var(--spacing-md);max-width:100%}.pricing-card.popular{max-width:100%}.plan-button{font-size:.9rem;padding:var(--spacing-sm)}.popular-badge{font-size:.75rem;padding:var(--spacing-xs) var(--spacing-sm)}.price-amount{font-size:1.4rem}}.whatsapp-button{position:fixed;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1000;box-shadow:0 8px 24px #25d3664d;transition:all var(--transition-fast);border:3px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.whatsapp-button.bottom-right{bottom:30px;right:30px}.whatsapp-button.bottom-left{bottom:30px;left:30px}.whatsapp-button:hover{transform:translateY(-4px) scale(1.1);box-shadow:0 12px 32px #25d36666;background:linear-gradient(135deg,#128c7e,#25d366)}.whatsapp-button:active{transform:translateY(-2px) scale(1.05)}.whatsapp-icon{color:#fff;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.whatsapp-icon svg{transition:transform var(--transition-fast)}.whatsapp-button:hover .whatsapp-icon svg{transform:scale(1.1)}.whatsapp-tooltip{position:absolute;right:75px;top:50%;transform:translateY(-50%);background:var(--color-white);color:var(--color-text);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);white-space:nowrap;font-size:.875rem;font-weight:500;font-family:var(--font-body);border:1px solid var(--color-gray-200);animation:tooltipFadeIn .3s ease-out}.whatsapp-tooltip:after{content:"";position:absolute;left:100%;top:50%;transform:translateY(-50%);border:8px solid transparent;border-left-color:var(--color-white)}.whatsapp-tooltip:before{content:"";position:absolute;left:calc(100% + 1px);top:50%;transform:translateY(-50%);border:8px solid transparent;border-left-color:var(--color-gray-200);z-index:-1}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(-50%) translate(10px)}to{opacity:1;transform:translateY(-50%) translate(0)}}.whatsapp-pulse{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:#25d3664d;animation:whatsappPulse 2s infinite;z-index:1}@keyframes whatsappPulse{0%{transform:scale(1);opacity:.7}70%{transform:scale(1.4);opacity:0}to{transform:scale(1.4);opacity:0}}@media (max-width: 768px){.whatsapp-button{width:56px;height:56px;bottom:24px;right:24px}.whatsapp-icon svg{width:24px;height:24px}.whatsapp-tooltip{right:68px;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-sm)}}@media (max-width: 480px){.whatsapp-button{width:52px;height:52px;bottom:20px;right:20px}.whatsapp-icon svg{width:22px;height:22px}.whatsapp-tooltip{display:none}}.whatsapp-button{z-index:9999}.whatsapp-button:hover .whatsapp-pulse{animation-duration:1s}.whatsapp-button:focus{outline:3px solid rgba(37,211,102,.5);outline-offset:2px}@media (prefers-reduced-motion: reduce){.whatsapp-button{transition:none}.whatsapp-pulse,.whatsapp-tooltip{animation:none}}.newsletter-section{padding:4rem 0;background:linear-gradient(135deg,#4c63d2,#5b2c87);color:#fff;margin-top:2rem}.newsletter-section.success{background:linear-gradient(135deg,#56ab2f,#a8e6cf)}.newsletter-content{max-width:800px;margin:0 auto;text-align:center}.newsletter-text{margin-bottom:2rem}.newsletter-title{font-size:2.2rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}.newsletter-description{font-size:1.1rem;opacity:.9;line-height:1.6;margin-bottom:0}.newsletter-form{margin-bottom:1rem}.form-group{display:flex;gap:1rem;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-bottom:.5rem}.newsletter-input{flex:1;min-width:280px;max-width:400px;padding:1rem 1.5rem;border:2px solid rgba(255,255,255,.2);border-radius:50px;background:#ffffffe6;color:#333;font-size:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-input::placeholder{color:#666c}.newsletter-input:focus{outline:none;border-color:#fffc;background:#fffffff2;box-shadow:0 0 20px #ffffff4d}.newsletter-input.error{border-color:#ff6b6b;background:#ffffffe6;color:#333}.newsletter-button{padding:1rem 2rem;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.newsletter-button:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.newsletter-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.newsletter-error{color:#ff6b6b;background:#ff6b6b1a;padding:.5rem 1rem;border-radius:20px;margin:.5rem 0 0;font-size:.9rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.newsletter-disclaimer{font-size:.85rem;color:#fff;font-style:italic;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.5)}.newsletter-success{text-align:center;padding:2rem}.success-icon{font-size:4rem;margin-bottom:1rem}.newsletter-success h3{font-size:2rem;margin-bottom:1rem;font-weight:700}.newsletter-success p{font-size:1.1rem;opacity:.9;margin:0}@media (max-width: 768px){.newsletter-section{padding:3rem 0}.newsletter-title{font-size:1.8rem}.newsletter-description{font-size:1rem}.form-group{flex-direction:column;align-items:stretch}.newsletter-input{min-width:auto;max-width:none;margin-bottom:1rem}.newsletter-button{width:100%}}@media (max-width: 480px){.newsletter-section{padding:2rem 0}.newsletter-title{font-size:1.5rem}.newsletter-input,.newsletter-button{padding:.75rem 1.25rem}}.contact-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:1rem}.contact-modal{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:modalAppear .3s ease-out}@keyframes modalAppear{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.contact-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem 1rem;border-bottom:1px solid #e9ecef}.contact-modal-header h3{margin:0;font-size:1.5rem;color:#2c3e50;font-weight:700}.close-button{background:none;border:none;font-size:2rem;color:#6c757d;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-button:hover{background:#f8f9fa;color:#495057}.contact-form{padding:1.5rem 2rem 2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#2c3e50;font-size:.9rem}.form-group input{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#f8f9fa;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.form-group input:disabled{opacity:.6;cursor:not-allowed}.form-note{font-size:.85rem;color:#6c757d;margin-bottom:1rem;font-style:italic;text-align:center}.error-message{background:#fee2e2;color:#dc2626;padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem;font-size:.9rem;border-left:4px solid #dc2626}.form-actions{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel,.btn-submit{padding:.75rem 1.5rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#f8f9fa;color:#6c757d;border:2px solid #e9ecef}.btn-cancel:hover{background:#e9ecef;color:#495057}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid transparent}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-success{padding:2rem;text-align:center}.contact-success .success-icon{font-size:4rem;margin-bottom:1rem}.contact-success h4{color:#22c55e;font-size:1.5rem;margin-bottom:1rem;font-weight:700}.contact-success p{color:#6c757d;font-size:1rem;line-height:1.5;margin:0}@media (max-width: 768px){.contact-modal-overlay{padding:.5rem}.contact-modal{max-height:95vh}.contact-modal-header{padding:1rem 1.5rem .5rem}.contact-modal-header h3{font-size:1.3rem}.contact-form{padding:1rem 1.5rem 1.5rem}.form-actions{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}@media (max-width: 480px){.contact-modal-overlay{padding:.25rem}.contact-modal-header{padding:.75rem 1rem .5rem}.contact-form{padding:.75rem 1rem 1rem}.form-group{margin-bottom:1rem}}.subscription-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;padding:var(--spacing-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .3s ease-out}.subscription-modal{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:800px;width:100%;max-height:90vh;overflow-y:auto;position:relative;animation:slideUp .3s ease-out}.subscription-modal-checkout{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);max-width:900px;width:100%;max-height:95vh;overflow-y:auto}.subscription-modal-header{padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:var(--color-white);z-index:10}.subscription-modal-header h2{margin:0;font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-primary)}.subscription-modal-close{background:none;border:none;font-size:1.5rem;color:var(--color-secondary);cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.subscription-modal-close:hover{background:var(--color-gray-100);color:var(--color-text)}.subscription-modal-content{padding:var(--spacing-xl)}.active-subscription-view{text-align:center}.subscription-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:var(--spacing-xl);background:linear-gradient(135deg,#d4edda,#a8e6cf);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);border:1px solid #27ae60}.status-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.status-content h3{margin:0 0 var(--spacing-xs) 0;font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:#155724}.status-content p{margin:0;color:#155724;font-weight:500}.subscription-details{background:var(--color-gray-50);padding:var(--spacing-xl);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);text-align:left}.detail-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-gray-200);font-family:var(--font-body)}.detail-item:last-child{border-bottom:none}.detail-item strong{color:var(--color-text);font-weight:600}.status-active{color:var(--color-success);font-weight:700;background:#27ae601a;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm)}.subscription-benefits{background:var(--color-white);border:2px solid var(--color-primary-light);border-radius:var(--border-radius);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-align:left}.subscription-benefits h4{margin:0 0 var(--spacing-lg) 0;font-family:var(--font-heading);font-size:1.125rem;font-weight:600;color:var(--color-primary);text-align:center}.subscription-benefits ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-sm)}.subscription-benefits li{padding:var(--spacing-sm);color:var(--color-text);font-weight:500;border-radius:var(--border-radius-sm);background:var(--color-gray-50)}.subscription-support{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius);text-align:center}.support-text{margin:0 0 var(--spacing-lg) 0;font-size:1.1rem;font-weight:500}.support-btn{background:var(--color-white);color:var(--color-primary);border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xl);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);box-shadow:var(--shadow-sm)}.support-btn:hover{background:var(--color-gray-100);transform:translateY(-2px);box-shadow:var(--shadow-md)}.select-plan-view{text-align:center}.trial-info{background:var(--color-white);color:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-lg);text-align:left}.trial-info-icon{font-size:3rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.trial-info-content h3{margin:0 0 var(--spacing-sm) 0;font-family:var(--font-heading);font-size:1.375rem;font-weight:700}.trial-info-content p{margin:0;font-size:1rem;line-height:1.6;opacity:.95}@media (max-width: 768px){.subscription-modal-overlay{padding:var(--spacing-md)}.subscription-modal{max-height:95vh}.subscription-modal-header{padding:var(--spacing-lg)}.subscription-modal-header h2{font-size:1.5rem}.subscription-modal-content{padding:var(--spacing-lg)}.subscription-status{flex-direction:column;text-align:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.status-icon{font-size:2.5rem}.trial-info{flex-direction:column;text-align:center;gap:var(--spacing-md);padding:var(--spacing-lg)}.trial-info-icon{font-size:2.5rem}.subscription-benefits ul{grid-template-columns:1fr}}@media (max-width: 480px){.subscription-modal-overlay{padding:var(--spacing-sm)}.subscription-modal-header{padding:var(--spacing-md)}.subscription-modal-header h2{font-size:1.25rem}.subscription-modal-content,.subscription-status,.trial-info{padding:var(--spacing-md)}.subscription-details,.subscription-benefits{padding:var(--spacing-lg)}}.header{background-color:var(--color-white);color:var(--color-text);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-left{display:flex;align-items:center;gap:var(--spacing-lg)}.header-logo-section{display:flex;align-items:center;gap:var(--spacing-sm)}.header-logo-link{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit;transition:all var(--transition-fast);cursor:pointer;border-radius:var(--border-radius-sm);padding:var(--spacing-xs);margin:calc(-1 * var(--spacing-xs))}.header-logo-link:hover{background-color:#1e3a8a0d;transform:translateY(-1px)}.header-logo-image{height:54px;width:auto;object-fit:contain}.header-taller-info{display:flex;flex-direction:column;gap:2px}.header h1{margin:0;font-family:var(--font-heading);font-size:1.875rem;font-weight:700;color:var(--color-primary);letter-spacing:-.025em}.header-brand{font-size:.8rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em;line-height:1}.trial-header-badge{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-xs) var(--spacing-sm);box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.2);position:relative;overflow:hidden}.trial-header-badge.trial-header-warning{background:linear-gradient(135deg,var(--color-warning) 0%,#F59E0B 100%)}.trial-header-badge.trial-header-critical{background:linear-gradient(135deg,var(--color-error) 0%,#DC2626 100%);animation:pulseHeaderUrgent 2s infinite}@keyframes pulseHeaderUrgent{0%,to{opacity:1}50%{opacity:.9}}.trial-header-content{display:flex;align-items:center;gap:var(--spacing-sm)}.trial-header-info{display:flex;align-items:center;gap:var(--spacing-xs)}.trial-header-icon{font-size:.9rem;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2))}.trial-header-text{display:flex;flex-direction:column;gap:1px}.trial-header-label{font-size:.7rem;font-weight:600;opacity:.9;line-height:1}.trial-header-days{font-size:.75rem;font-weight:700;line-height:1}.trial-header-progress{flex:1;min-width:40px;max-width:60px}.trial-header-progress-bar{height:3px;background:#ffffff4d;border-radius:2px;overflow:hidden}.trial-header-progress-fill{height:100%;background:var(--color-white);border-radius:2px;transition:width .5s ease-out;box-shadow:0 0 4px #fffc}.trial-header-btn{background:#fff3;color:var(--color-white);border:1px solid rgba(255,255,255,.3);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:.7rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.trial-header-btn:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-1px)}.trial-header-urgent{position:absolute;top:-2px;right:-2px;background:var(--color-white);border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center}.trial-urgent-pulse{font-size:.6rem;animation:bounceUrgent 1s infinite}@keyframes bounceUrgent{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-2px)}60%{transform:translateY(-1px)}}.header-controls{display:flex;align-items:center;justify-content:flex-end}.user-menu{position:relative}.user-menu-button{background-color:var(--color-gray-100);color:var(--color-secondary);border:2px solid var(--color-gray-200);border-radius:50%;width:44px;height:44px;font-size:1.25rem;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center;font-family:var(--font-body);font-weight:500}.user-menu-button:hover{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.user-menu-button:active{transform:translateY(0)}.user-menu-dropdown{position:absolute;top:calc(100% + var(--spacing-sm));right:0;background:var(--color-white);color:var(--color-text);border-radius:var(--border-radius);box-shadow:var(--shadow-xl);min-width:240px;z-index:1000;overflow:hidden;border:1px solid var(--color-gray-200);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-item{padding:var(--spacing-md) var(--spacing-lg);border:none;background:none;width:100%;text-align:left;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);font-size:.875rem}.menu-item.menu-info{cursor:default;display:flex;flex-direction:column;gap:var(--spacing-xs);background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200)}.menu-item.menu-info strong{color:var(--color-text);font-size:.9rem;font-weight:600;font-family:var(--font-heading)}.menu-email{color:var(--color-primary);font-size:.8rem;font-weight:500}.menu-status{color:var(--color-secondary-light);font-size:.75rem;font-weight:400}.menu-item.menu-button{color:var(--color-error);font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.menu-item.menu-button:hover{background-color:var(--color-gray-50);color:var(--color-error)}.menu-item.menu-link{color:var(--color-primary);text-decoration:none;font-weight:600;display:flex;align-items:center;gap:var(--spacing-sm)}.menu-item.menu-link:hover{background-color:var(--color-gray-50);color:var(--color-primary-dark)}.user-menu-dropdown hr{margin:0;border:none;border-top:1px solid var(--color-gray-200)}@media (max-width: 768px){.header{padding:var(--spacing-md) var(--spacing-lg);flex-direction:row;gap:var(--spacing-md)}.header-left{gap:var(--spacing-md);flex:1}.header-logo-link{padding:var(--spacing-xs);margin:calc(-1 * var(--spacing-xs))}.header-logo-image{height:45px}.header h1{font-size:1.625rem}.header-brand{font-size:.75rem}.trial-header-badge{padding:var(--spacing-xs)}.trial-header-content{gap:var(--spacing-xs)}.trial-header-text{display:none}.trial-header-label{font-size:.65rem}.trial-header-days{font-size:.7rem}.trial-header-progress{max-width:30px}.trial-header-btn{font-size:.65rem;padding:2px var(--spacing-xs)}.user-menu-button{width:38px;height:38px;font-size:1.1rem}.user-menu-dropdown{right:0;left:auto;min-width:200px}}@media (max-width: 480px){.header{padding:var(--spacing-sm) var(--spacing-md)}.header-logo-link{padding:var(--spacing-xs);margin:calc(-1 * var(--spacing-xs))}.header-logo-image{height:38px}.header h1{font-size:1.375rem}.header-brand{font-size:.7rem}.trial-header-badge{padding:var(--spacing-xs) var(--spacing-sm)}.trial-header-content{gap:var(--spacing-xs)}.trial-header-icon{font-size:.8rem}.trial-header-label{font-size:.6rem}.trial-header-days{font-size:.65rem}.trial-header-progress{display:none}.trial-header-progress-bar{height:2px}.trial-header-btn{font-size:.6rem;padding:var(--spacing-xs)}.trial-header-urgent{width:14px;height:14px}.trial-urgent-pulse{font-size:.5rem}.user-menu-button{width:36px;height:36px;font-size:1rem}.user-menu-dropdown{font-size:.85rem}.menu-item{padding:var(--spacing-sm)}}@media (min-width: 1024px){.header{padding:var(--spacing-xl) var(--spacing-2xl)}.header h1{font-size:2rem}.user-menu-button{width:48px;height:48px;font-size:1.375rem}}.listado-trabajos{margin:1.5rem 0}.listado-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:1rem}.listado-trabajos h2{margin:0;color:#2c3e50;font-size:1.5rem}.btn-borrar-demo{background-color:#e74c3c;color:#fff;border:none;border-radius:6px;padding:.6rem 1rem;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000001a}.btn-borrar-demo:hover{background-color:#c0392b;transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.btn-borrar-demo:active{transform:translateY(0)}.btn-borrar-demo:disabled{background-color:#95a5a6;cursor:not-allowed;transform:none;box-shadow:none}.btn-borrar-demo svg,.btn-editar svg{display:inline-block;vertical-align:middle}.botones-acciones{display:flex;gap:.5rem;flex-wrap:wrap}.btn-whatsapp{background-color:#25d366;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.9rem;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:all .2s ease;box-shadow:0 2px 4px #25d36633}.btn-whatsapp:hover{background-color:#20ba5a;transform:translateY(-2px);box-shadow:0 4px 8px #25d3664d}.btn-whatsapp:active{transform:translateY(0)}.btn-whatsapp svg{display:inline-block;vertical-align:middle}.icon-spin{animation:spin 1s linear infinite}.trabajos{list-style:none;padding:0;margin:0}.trabajo-item{background-color:#fff;border-radius:4px;box-shadow:0 1px 3px #0000001a;margin-bottom:1rem;overflow:hidden;position:relative}.trabajo-header{display:grid;grid-template-columns:100px 1fr 120px 1fr 150px 1fr 120px 40px;gap:.5rem;padding:1rem;cursor:pointer;align-items:center;background-color:#f8f9fa;transition:background-color .2s}.trabajo-header:hover{background-color:#e9ecef}.trabajo-patente{font-weight:700;color:#e74c3c;font-size:1.1rem}.trabajo-cliente{color:#2c3e50;font-weight:500;font-size:.9rem}.trabajo-telefono{color:#7f8c8d;font-size:.85rem;font-family:monospace}.trabajo-vehiculo{color:#34495e;font-size:.85rem}.trabajo-fecha{color:#7f8c8d;font-size:.8rem}.trabajo-resumen{color:#34495e;font-size:.9rem}.trabajo-toggle{color:#95a5a6;font-size:.8rem}.trabajo-detalle{padding:1rem;border-top:1px solid #ecf0f1;background-color:#f8f9fa}.comentario-completo{background-color:#fff;padding:1.5rem;border-radius:6px;border-left:4px solid #3498db;margin-bottom:1.5rem}.comentario-completo h4{margin:0 0 1rem;color:#2c3e50;font-size:1.1rem;border-bottom:1px solid #ecf0f1;padding-bottom:.5rem}.comentario-completo p{margin:.5rem 0;line-height:1.5;color:#34495e;font-size:.95rem}.comentario-completo strong{color:#2c3e50;font-weight:600}.btn-editar{background-color:#3498db;color:#fff;border:none;border-radius:4px;padding:.5rem .8rem;font-size:.8rem;cursor:pointer;transition:background-color .3s;display:inline-flex;align-items:center;gap:.3rem;width:auto;max-width:none}.btn-editar:hover{background-color:#2980b9}.trabajo-edicion{padding:1rem;border-top:1px solid #ecf0f1;background-color:#f8f9fa}.trabajo-edicion h4{margin:0 0 1rem;color:#2c3e50;font-size:1rem;border-bottom:2px solid #3498db;padding-bottom:.3rem}.seccion-edicion{margin-bottom:1rem;padding:.8rem;background-color:#fff;border-radius:4px;border-left:3px solid #e74c3c}.seccion-edicion h5{margin:0 0 .8rem;color:#2c3e50;font-size:.9rem;border-bottom:1px solid #ecf0f1;padding-bottom:.3rem}.campos-edicion{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.campo-edicion{margin-bottom:0}.campo-edicion label{display:block;margin-bottom:.3rem;font-weight:600;color:#2c3e50;font-size:.8rem}.campo-edicion input,.campo-edicion textarea{width:100%;padding:.6rem;border:1px solid #bdc3c7;border-radius:4px;font-size:.9rem;transition:border-color .3s;box-sizing:border-box}.campo-edicion input:focus,.campo-edicion textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 0 2px #3498db33}.acciones-edicion{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.btn-cancelar,.btn-guardar{padding:.8rem 1.2rem;border:none;border-radius:4px;font-size:.9rem;cursor:pointer;transition:background-color .3s}.btn-cancelar{background-color:#ecf0f1;color:#7f8c8d}.btn-guardar{background-color:#2ecc71;color:#fff}.btn-cancelar:hover{background-color:#dfe6e9}.btn-guardar:hover{background-color:#27ae60}.sin-trabajos{text-align:center;padding:2rem;color:#7f8c8d;font-style:italic}@media (max-width: 1024px){.trabajo-header{grid-template-columns:90px 1fr 110px 1fr 130px 1fr 110px 35px;gap:.4rem;padding:.8rem}.trabajo-patente{font-size:1rem}.trabajo-cliente,.trabajo-telefono,.trabajo-vehiculo{font-size:.85rem}.trabajo-fecha{font-size:.75rem}}@media (max-width: 768px){.trabajo-header{grid-template-columns:1fr 1fr auto auto;grid-template-rows:auto auto auto;gap:.3rem;padding:.8rem}.trabajo-patente{grid-column:1;grid-row:1;font-size:.9rem}.trabajo-fecha{grid-column:2;grid-row:1;text-align:right;font-size:.75rem}.trabajo-estado-pago{grid-column:1 / span 2;grid-row:2;justify-content:center;margin-bottom:.3rem}.trabajo-toggle{grid-column:4;grid-row:1;margin-left:.5rem}.trabajo-cliente{grid-column:1 / span 2;grid-row:3;font-size:.8rem;text-align:center}.trabajo-telefono{grid-column:1 / span 2;grid-row:4;font-size:.75rem;text-align:center}.trabajo-vehiculo{grid-column:1 / span 2;grid-row:5;font-size:.75rem;text-align:center}.trabajo-resumen{grid-column:1 / span 2;grid-row:6;font-size:.75rem;margin-top:.3rem;padding-top:.3rem;border-top:1px solid #ecf0f1;text-align:center}.acciones-edicion{flex-direction:column}.btn-cancelar,.btn-guardar{width:100%;margin-bottom:.5rem}.campos-edicion{grid-template-columns:1fr;gap:.6rem}.pagos-grid{grid-template-columns:1fr 1fr;gap:.5rem}.pagos-grid-edicion{grid-template-columns:1fr 1fr;gap:.6rem}.pagos-header{flex-direction:column;align-items:flex-start;gap:.5rem}.pagos-acciones{width:100%;justify-content:flex-end}}@media (max-width: 480px){.trabajo-header{grid-template-columns:1fr auto auto;grid-template-rows:auto auto auto auto auto;gap:.2rem;padding:.6rem}.trabajo-patente{grid-column:1;grid-row:1;font-weight:700;color:#e74c3c;text-align:center}.trabajo-fecha{grid-column:1;grid-row:1;text-align:left;font-size:.7rem;padding-right:3rem}.trabajo-estado-pago{grid-column:1 / span 2;grid-row:2;justify-content:flex-start;margin-bottom:.3rem}.trabajo-cliente{grid-column:1 / span 2;grid-row:3;font-size:.8rem;text-align:center}.trabajo-telefono{grid-column:1 / span 2;grid-row:4;font-size:.75rem;text-align:center}.trabajo-vehiculo{grid-column:1 / span 2;grid-row:5;font-size:.75rem;text-align:center}.trabajo-resumen{grid-column:1 / span 2;grid-row:6;font-size:.75rem;margin-top:.3rem;padding-top:.3rem;border-top:1px solid #ecf0f1;text-align:center}.trabajo-toggle{position:absolute;top:.5rem;right:.5rem;font-size:1rem}.trabajo-item{position:relative}.estado-pago{font-size:.7rem;padding:.2rem .5rem}.pagos-grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:.3rem;box-sizing:border-box}.pagos-grid p{padding:.3rem;font-size:.75rem;box-sizing:border-box}.pagos-grid p:nth-child(1){grid-column:1 / -1;grid-row:1}.pagos-grid p:nth-child(2){grid-column:1 / -1;grid-row:2}.pagos-grid p:nth-child(3){grid-column:1 / -1;grid-row:3}.pagos-grid p:nth-child(4){grid-column:1 / -1;grid-row:4}.pagos-grid-edicion{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:.3rem}.pagos-grid-edicion .campo-pago-inline{padding:.3rem}.pagos-grid-edicion .campo-pago-inline input{padding:.25rem;font-size:.75rem}.pagos-grid-edicion .campo-pago-inline:nth-child(1){grid-column:1 / -1;grid-row:1}.pagos-grid-edicion .campo-pago-inline:nth-child(2){grid-column:1 / -1;grid-row:2}.pagos-grid-edicion .campo-pago-inline:nth-child(3){grid-column:1 / -1;grid-row:3}.pagos-grid-edicion .campo-pago-inline:nth-child(4){grid-column:1 / -1;grid-row:4}.btn-guardar-pagos,.btn-cancelar-pagos{font-size:.7rem;padding:.4rem .6rem}.pagos-acciones{flex-direction:column;gap:.3rem}.pago-editable:hover:after{font-size:.6rem;padding:1px 4px}}.info-pagos{margin-top:1rem;padding-top:1rem;border-top:1px solid #ecf0f1;transition:all .3s ease}.info-pagos h5{margin:0 0 .8rem;color:#27ae60;font-size:.95rem;font-weight:600}.pagos-grid{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;transition:all .3s ease}.pagos-grid p{margin:0;padding:.5rem;background-color:#f8f9fa;border-radius:4px;font-size:.85rem;text-align:center;transition:all .2s ease;border:1px solid transparent}.pagos-grid p strong{color:#27ae60;font-weight:600}.seccion-info{background-color:#fff;padding:1rem;border-radius:6px;border-left:4px solid #3498db}.seccion-info h4{margin:0 0 .8rem;color:#2c3e50;font-size:1rem;border-bottom:1px solid #ecf0f1;padding-bottom:.5rem}.seccion-info p{margin:.3rem 0;line-height:1.4;color:#34495e;font-size:.9rem}.seccion-info strong{color:#2c3e50;font-weight:600}.trabajo-estado-pago{display:flex;justify-content:center;align-items:center}.estado-pago{padding:.3rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;text-align:center;white-space:nowrap}.saldo-pendiente{background-color:#fee;color:#dc3545;border:1px solid #f5c6cb}.pagado-completo{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.pago-editable{cursor:pointer;transition:all .2s ease;border-radius:4px;position:relative}.pago-editable:hover{background-color:#e3f2fd!important;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.pago-editable:hover:after{content:"✏️ Click para editar";position:absolute;top:-25px;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:2px 6px;border-radius:3px;font-size:.7rem;white-space:nowrap;z-index:1000}.pago-editable:active{transform:translateY(0)}.pagos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.pagos-header h5{margin:0;color:#27ae60;font-size:.95rem;font-weight:600}.pagos-acciones{display:flex;gap:.5rem}.btn-guardar-pagos,.btn-cancelar-pagos{border:none;border-radius:4px;padding:.3rem .6rem;font-size:.75rem;cursor:pointer;transition:background-color .3s;display:inline-flex;align-items:center;gap:.2rem}.btn-guardar-pagos{background-color:#27ae60;color:#fff}.btn-guardar-pagos:hover{background-color:#229954}.btn-cancelar-pagos{background-color:#e74c3c;color:#fff}.btn-cancelar-pagos:hover{background-color:#c0392b}.pagos-grid-edicion{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:.8rem;margin-top:.5rem;animation:fadeInScale .3s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pagos-grid-edicion .campo-pago-inline{background-color:#f8f9fa;border-radius:4px;padding:.5rem;border:1px solid #e9ecef;transition:all .3s ease}.pagos-grid-edicion .campo-pago-inline:hover{border-color:#3498db;box-shadow:0 2px 4px #0000001a}.campo-pago-inline{display:flex;flex-direction:column}.campo-pago-inline label{font-size:.8rem;font-weight:600;color:#27ae60;margin-bottom:.3rem}.campo-pago-inline input{margin:0;padding:.3rem .5rem;background-color:#fff;border:1px solid #dee2e6;border-radius:3px;font-size:.85rem;text-align:center;font-weight:500;color:#2c3e50;transition:all .2s ease;width:100%;box-sizing:border-box}.campo-pago-inline input:focus{outline:none;border-color:#3498db;background-color:#fff;box-shadow:0 0 0 2px #3498db26;transform:none}.campo-pago-inline input:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.8;border-color:#e9ecef}.pago-saldo{transition:all .3s ease}.saldo-pendiente-detalle{background-color:#fee!important;color:#dc3545!important;border:1px solid #f5c6cb!important;font-weight:600}.saldo-pendiente-detalle strong{color:#dc3545!important}.pagado-completo-detalle{background-color:#d4edda!important;color:#155724!important;border:1px solid #c3e6cb!important;font-weight:600}.pagado-completo-detalle strong{color:#155724!important}.formulario-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-md)}.formulario-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:-1}.formulario-trabajo{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-200);max-width:1200px;width:100%;max-height:95vh;overflow-y:auto;animation:slideUp .3s ease-out;position:relative}.formulario-trabajo h2{font-family:var(--font-heading);font-size:1.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200);display:flex;align-items:center;gap:var(--spacing-sm)}.btn-cerrar-mobile{display:none;position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:24px;height:24px;border:none;background-color:var(--color-gray-100);color:var(--color-secondary);border-radius:50%;font-size:24px;font-weight:300;cursor:pointer;transition:all var(--transition-fast);z-index:10;line-height:1px;align-items:center;justify-content:center}.btn-cerrar-mobile:hover{background-color:var(--color-error);color:var(--color-white);transform:scale(1.1)}.btn-cerrar-mobile:active{transform:scale(.95)}.fila-principal{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-200);overflow:hidden}.campo-compacto{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.campo-compacto label{font-family:var(--font-body);font-size:.7rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.025em}.campo-compacto label:after,.campo-comentario label:after{content:""}.campo-compacto label[for=patente]:after,.campo-compacto label[for=vehiculoModelo]:after,.campo-compacto label[for=clienteNombre]:after,.campo-compacto label[for=clienteTelefono]:after,.campo-comentario label[for=comentario]:after{color:var(--color-error);font-weight:700;margin-left:2px}.campo-compacto input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:.8rem;font-family:var(--font-body);transition:all var(--transition-fast);background-color:var(--color-white);box-sizing:border-box;height:32px}.campo-compacto input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a8a1a}.campo-compacto input:disabled{background-color:var(--color-gray-100);color:var(--color-secondary-light);cursor:not-allowed;opacity:.8}.campo-compacto input.error{border-color:var(--color-error);background-color:#ef44440d}.campo-compacto input::placeholder{color:var(--color-gray-400);font-size:.75rem}.mensaje-error{color:var(--color-error);font-size:.65rem;font-weight:500;margin-top:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-xs)}.mensaje-error:before{content:"⚠️";font-size:.7rem}.mensajes-estado{margin-bottom:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-xs)}.mensaje-info{background-color:var(--color-gray-50);color:var(--color-secondary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.8rem;border-left:4px solid var(--color-gray-400);display:flex;align-items:center;gap:var(--spacing-sm)}.mensaje-exito{background-color:#10b9811a;color:var(--color-success);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.8rem;border-left:4px solid var(--color-success);display:flex;align-items:center;gap:var(--spacing-sm);font-weight:500}.campo-comentario{margin-bottom:var(--spacing-lg)}.campo-comentario label{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text);font-weight:600;font-size:.8rem;font-family:var(--font-body)}.campo-comentario label:after{color:var(--color-error);font-weight:700;margin-left:3px}.campo-comentario textarea{width:100%;padding:var(--spacing-sm);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:.8rem;font-family:var(--font-body);transition:all var(--transition-fast);background-color:var(--color-white);resize:vertical;min-height:60px;max-height:120px;box-sizing:border-box}.campo-comentario textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a8a1a;min-height:80px}.campo-comentario textarea.error{border-color:var(--color-error);background-color:#ef44440d}.campo-comentario textarea::placeholder{color:var(--color-gray-400)}.seccion-pagos{background:var(--color-gray-50);border-radius:var(--border-radius-sm);padding:var(--spacing-md);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-lg)}.seccion-pagos h3{font-family:var(--font-heading);font-size:1rem;font-weight:600;color:var(--color-primary);margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-sm)}.fila-pagos{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);overflow:hidden}.acciones-formulario{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.btn-cancelar{background-color:transparent;color:var(--color-secondary);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);height:36px}.btn-cancelar:hover{border-color:var(--color-error);color:var(--color-error);background-color:#ef44440d}.btn-guardar{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:.8rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);height:36px}.btn-guardar:hover:not(:disabled){background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-guardar:disabled{background-color:var(--color-gray-400);cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 1024px){.fila-principal{grid-template-columns:repeat(3,1fr);overflow:hidden}.fila-pagos{grid-template-columns:repeat(2,1fr);overflow:hidden}}@media (max-width: 768px){.formulario-container{padding:var(--spacing-sm)}.formulario-trabajo{padding:var(--spacing-md);max-height:98vh}.formulario-trabajo h2{font-size:1.25rem;margin-bottom:var(--spacing-sm)}.btn-cerrar-mobile{display:flex}.fila-principal{grid-template-columns:repeat(2,1fr);padding:var(--spacing-sm);gap:var(--spacing-xs);overflow:hidden}.fila-pagos{grid-template-columns:1fr;gap:var(--spacing-xs);overflow:hidden}.acciones-formulario{flex-direction:column-reverse;gap:var(--spacing-sm)}.btn-cancelar,.btn-guardar{width:100%;justify-content:center}}@media (max-width: 480px){.formulario-trabajo{padding:var(--spacing-sm)}.formulario-trabajo h2{font-size:1.125rem}.fila-principal{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);padding:var(--spacing-xs);overflow:hidden}.campo-compacto input{font-size:1rem;height:38px}.campo-comentario textarea{font-size:1rem;min-height:50px}.seccion-pagos{padding:var(--spacing-sm)}.fila-pagos{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs);overflow:hidden}}.campo-compacto input[disabled]{background-color:var(--color-gray-100)!important;color:var(--color-secondary-light)!important}.formulario-trabajo *{transition:all var(--transition-fast)}.campo-compacto:hover input:not(:disabled){border-color:var(--color-gray-400)}.campo-comentario:hover textarea:not(:disabled){border-color:var(--color-gray-400)}.notification-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9998;animation:fadeIn .2s ease-out}.notification-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-2xl);padding:var(--spacing-xl);max-width:450px;width:90%;z-index:9999;display:flex;align-items:flex-start;gap:var(--spacing-md);animation:slideIn .3s cubic-bezier(.34,1.56,.64,1);font-family:var(--font-body)}.notification-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--border-radius-full);background-color:var(--color-gray-100)}.notification-icon svg{display:block}.notification-content{flex:1;padding-top:.25rem}.notification-title{margin:0 0 var(--spacing-sm) 0;font-size:1.125rem;font-weight:600;font-family:var(--font-heading);color:var(--color-gray-900);line-height:1.3}.notification-message{margin:0;font-size:.9375rem;line-height:1.5;color:var(--color-gray-700)}.notification-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:1.25rem;color:var(--color-gray-400);cursor:pointer;padding:var(--spacing-xs);display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.notification-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-600)}.notification-close:active{transform:scale(.95)}.notification-actions{display:flex;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.notification-btn{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--border-radius-sm);font-size:.9375rem;font-weight:500;font-family:var(--font-body);cursor:pointer;transition:all var(--transition-fast)}.notification-btn-cancel{background-color:var(--color-gray-100);color:var(--color-gray-700)}.notification-btn-cancel:hover{background-color:var(--color-gray-200);color:var(--color-gray-800)}.notification-btn-confirm{background-color:var(--color-primary);color:var(--color-white)}.notification-btn-confirm:hover{background-color:var(--color-primary-dark)}.notification-btn:active{transform:scale(.98)}.notification-with-actions{flex-direction:column;max-width:500px;padding:var(--spacing-xl) var(--spacing-2xl)}.notification-with-actions .notification-content{padding-top:0;width:100%;text-align:center}.notification-with-actions .notification-title{font-size:1.25rem}.notification-with-actions .notification-message{font-size:1rem;color:var(--color-gray-600)}.notification-success .notification-icon{background-color:#10b9811f}.notification-success .notification-icon svg{color:var(--color-success);stroke-width:2.5}.notification-success .notification-title{color:var(--color-success)}.notification-error .notification-icon{background-color:#ef44441f}.notification-error .notification-icon svg{color:var(--color-error);stroke-width:2.5}.notification-error .notification-title{color:var(--color-error)}.notification-warning .notification-icon{background-color:#f59e0b1f}.notification-warning .notification-icon svg{color:var(--color-warning);stroke-width:2.5}.notification-warning .notification-title{color:var(--color-warning)}.notification-info .notification-icon{background-color:#3b82f61f}.notification-info .notification-icon svg{color:var(--color-info);stroke-width:2.5}.notification-info .notification-title{color:var(--color-info)}.notification-confirm .notification-icon{background-color:#1e3a8a1f}.notification-confirm .notification-icon svg{color:var(--color-primary);stroke-width:2.5}.notification-confirm .notification-title{color:var(--color-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-45%)}to{opacity:1;transform:translate(-50%,-50%)}}@media (max-width: 640px){.notification-modal{max-width:calc(100% - var(--spacing-lg));padding:var(--spacing-lg)}.notification-icon{font-size:1.5rem;width:40px;height:40px}.notification-title{font-size:1rem}.notification-message{font-size:.875rem}}@media (prefers-reduced-motion: reduce){.notification-modal,.notification-overlay{animation:none}}.debug-panel{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;border-radius:12px;margin:2rem auto;max-width:600px;box-shadow:0 8px 32px #0000001a}.debug-panel h3{margin:0 0 1rem;font-size:1.5rem;text-align:center}.debug-panel p{margin:0 0 1.5rem;text-align:center;opacity:.9}.debug-button{background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%;margin-bottom:1.5rem}.debug-button:hover:not(:disabled){background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px)}.debug-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.debug-message{padding:1rem;border-radius:8px;margin-bottom:1.5rem;font-weight:600;text-align:center}.debug-message.success{background:#2ecc7133;border:1px solid rgba(46,204,113,.4)}.debug-message.error{background:#e74c3c33;border:1px solid rgba(231,76,60,.4)}.debug-info{background:#ffffff1a;padding:1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.debug-info h4{margin:0 0 1rem;font-size:1.1rem}.debug-info ul{margin:0;padding-left:1.5rem}.debug-info li{margin-bottom:.5rem;opacity:.9}.debug-info strong{color:#fff}.error-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#f44336,#d32f2f);display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;font-size:2.5rem;font-weight:700;animation:bounceIn .8s ease-out .3s both}.pago-error h1{color:#f44336;font-size:2.2rem;margin-bottom:1rem;font-weight:600}.btn-reintentar{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:1rem;min-width:150px}.btn-reintentar:hover{background:linear-gradient(135deg,#d32f2f,#c62828);transform:translateY(-2px);box-shadow:0 8px 20px #f443364d}.btn-contactar{background:transparent;color:#666;border:2px solid #ddd;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.btn-contactar:hover{border-color:#666;color:#333;transform:translateY(-2px)}@media (max-width: 768px){.pago-acciones{display:flex;flex-direction:column;gap:1rem}.btn-reintentar{margin-right:0;width:100%}.btn-contactar{width:100%}}.pago-resultado-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.pago-resultado-card{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000001a;padding:3rem;text-align:center;max-width:500px;width:100%;animation:slideInUp .6s ease-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.pago-icon{margin-bottom:2rem}.success-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#45a049);display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;font-size:2.5rem;font-weight:700;animation:bounceIn .8s ease-out .3s both}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.pago-exito h1{color:#4caf50;font-size:2.2rem;margin-bottom:1rem;font-weight:600}.pago-mensaje{color:#666;font-size:1.1rem;line-height:1.6;margin-bottom:2rem}.pago-detalles{background:#f8f9fa;border-radius:8px;padding:1.5rem;margin:2rem 0;text-align:left}.pago-detalles h3{color:#333;margin-bottom:1rem;font-size:1.1rem}.pago-detalles ul{list-style:none;padding:0;margin:0}.pago-detalles li{padding:.5rem 0;border-bottom:1px solid #e9ecef;color:#555}.pago-detalles li:last-child{border-bottom:none}.pago-acciones{margin:2rem 0}.btn-continuar{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:200px}.btn-continuar:hover{background:linear-gradient(135deg,#45a049,#3d8b40);transform:translateY(-2px);box-shadow:0 8px 20px #4caf504d}.pago-nota{background:#e3f2fd;border:1px solid #bbdefb;border-radius:6px;padding:1rem;color:#1976d2;font-size:.95rem;line-height:1.5}.loading{text-align:center;color:#666}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}@media (max-width: 768px){.pago-resultado-container{padding:1rem}.pago-resultado-card{padding:2rem}.success-icon{width:60px;height:60px;font-size:2rem}.pago-exito h1{font-size:1.8rem}.btn-continuar{min-width:auto;width:100%}}.pending-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ff9800,#f57c00);display:flex;align-items:center;justify-content:center;margin:0 auto;color:#fff;font-size:2.5rem;font-weight:700;animation:bounceIn .8s ease-out .3s both,pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #ff9800b3}70%{box-shadow:0 0 0 10px #ff980000}to{box-shadow:0 0 #ff980000}}.pago-pendiente h1{color:#ff9800;font-size:2.2rem;margin-bottom:1rem;font-weight:600}.btn-verificar{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-right:1rem;min-width:150px}.btn-verificar:hover{background:linear-gradient(135deg,#f57c00,#ef6c00);transform:translateY(-2px);box-shadow:0 8px 20px #ff98004d}.btn-continuar-pendiente{background:transparent;color:#666;border:2px solid #ddd;padding:1rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.btn-continuar-pendiente:hover{border-color:#666;color:#333;transform:translateY(-2px)}@media (max-width: 768px){.pago-acciones{display:flex;flex-direction:column;gap:1rem}.btn-verificar{margin-right:0;width:100%}.btn-continuar-pendiente{width:100%}}.direct-checkout-container{min-height:100vh;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);position:relative;overflow:hidden}.direct-checkout-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(249,115,22,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(30,58,138,.15) 0%,transparent 50%);pointer-events:none}.direct-checkout-card{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-2xl);max-width:500px;width:100%;box-shadow:var(--shadow-xl);animation:slideUp .5s ease-out;border:1px solid var(--color-gray-200);position:relative;z-index:1;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.checkout-loading h2{color:var(--color-primary);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:var(--spacing-lg) 0 var(--spacing-md) 0}.checkout-loading p{color:var(--color-secondary);font-size:1rem;margin-bottom:var(--spacing-xl);line-height:1.6}.loading-spinner{width:50px;height:50px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg) auto}.loading-steps{display:flex;justify-content:space-between;margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--color-gray-50);border-radius:var(--border-radius-sm)}.step{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);flex:1;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:15px;right:-50%;width:100%;height:2px;background:var(--color-gray-300);z-index:0}.step.active:not(:last-child):after{background:var(--color-success)}.step-number{width:30px;height:30px;border-radius:50%;background:var(--color-gray-300);color:var(--color-white);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;position:relative;z-index:1}.step.active .step-number{background:var(--color-success)}.step-text{font-size:.75rem;color:var(--color-secondary);font-weight:500;text-align:center}.step.active .step-text{color:var(--color-text);font-weight:600}.checkout-error{padding:var(--spacing-xl) 0}.error-icon{font-size:4rem;margin-bottom:var(--spacing-lg)}.checkout-error h2{color:var(--color-error);font-family:var(--font-heading);font-size:1.5rem;font-weight:700;margin:0 0 var(--spacing-md) 0}.checkout-error p{color:var(--color-secondary);font-size:1rem;margin-bottom:var(--spacing-xl);line-height:1.6}.btn-back{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xl);font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body)}.btn-back:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 768px){.direct-checkout-container{padding:var(--spacing-lg)}.direct-checkout-card{padding:var(--spacing-xl)}.loading-steps{flex-direction:column;gap:var(--spacing-md)}.step{flex-direction:row;justify-content:flex-start;text-align:left}.step:not(:last-child):after{display:none}.checkout-loading h2{font-size:1.25rem}.checkout-loading p{font-size:.875rem}}@media (max-width: 480px){.direct-checkout-card{padding:var(--spacing-lg)}.checkout-loading h2{font-size:1.1rem}.step-text{font-size:.7rem}}.admin-dashboard{max-width:1600px;margin:0 auto;padding:var(--spacing-xl);background:var(--color-gray-50);min-height:100vh;font-family:var(--font-body)}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xl);background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.admin-title h1{margin:0 0 var(--spacing-xs) 0;font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--color-primary)}.admin-title p{margin:0;color:var(--color-text-light);font-size:1.1rem}.btn-refresh{background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.btn-refresh:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.stat-card{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);text-align:center;transition:all var(--transition-fast);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--color-primary)}.stat-card.stat-pending:before{background:#f59e0b}.stat-card.stat-trial:before{background:#3b82f6}.stat-card.stat-active:before{background:#10b981}.stat-card.stat-expired:before{background:#ef4444}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-number{font-size:2.5rem;font-weight:700;font-family:var(--font-heading);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:1rem;font-weight:500;color:var(--color-text);text-transform:uppercase;letter-spacing:.5px}.admin-tabs{display:flex;gap:.5rem;margin:2rem 0 1rem;border-bottom:2px solid #e5e7eb}.tab-button{padding:.75rem 1.5rem;background:none;border:none;color:#6b7280;font-weight:500;cursor:pointer;transition:all .2s ease;border-bottom:2px solid transparent;position:relative;font-size:.9rem}.tab-button:hover{color:#374151;background:#3b82f60d}.tab-button.active{color:#3b82f6;border-bottom-color:#3b82f6;background:#3b82f61a}.tab-button.active:hover{background:#3b82f626}.admin-filters{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);flex-wrap:wrap}.filter-group{flex:1;min-width:200px}.filter-input,.filter-select{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:1rem;font-family:var(--font-body);transition:all var(--transition-fast);background:var(--color-white)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.admin-table-container{background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);overflow:hidden;margin-bottom:var(--spacing-xl)}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th{background:var(--color-gray-100);padding:var(--spacing-md);text-align:left;font-weight:600;font-family:var(--font-heading);color:var(--color-text);border-bottom:2px solid var(--color-gray-200);position:sticky;top:0;z-index:10}.admin-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-200);vertical-align:top}.taller-row:hover{background:var(--color-gray-50)}.taller-info{max-width:200px}.taller-main{display:flex;flex-direction:column;gap:var(--spacing-xs)}.taller-main strong{font-size:1rem;font-weight:600;color:var(--color-text)}.taller-email{font-size:.85rem;color:var(--color-text-light)}.taller-telefono,.taller-notas{font-size:.8rem;color:var(--color-text-light);margin-top:var(--spacing-xs)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-pending{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.badge-trial{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.badge-active{background:#d1fae5;color:#065f46;border:1px solid #10b981}.badge-expired{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.badge-cancelled{background:#f3f4f6;color:#374151;border:1px solid #6b7280}.trial-remaining{font-size:.75rem;color:var(--color-primary);font-weight:500;margin-top:var(--spacing-xs)}.date-info{font-size:.85rem;color:var(--color-text)}.assigned-by{font-size:.75rem;color:var(--color-text-light);margin-top:var(--spacing-xs)}.no-trial{font-size:.85rem;color:var(--color-warning);font-style:italic}.usage-stats{font-size:.85rem;line-height:1.4}.usage-stats>div{margin-bottom:var(--spacing-xs)}.last-access{font-size:.75rem;color:var(--color-text-light);margin-top:var(--spacing-sm);padding-top:var(--spacing-xs);border-top:1px solid var(--color-gray-200)}.financial-stats{font-size:.85rem;line-height:1.4}.total-income{font-weight:600;color:var(--color-success);margin-bottom:var(--spacing-xs)}.pending-balance{color:var(--color-warning);margin-bottom:var(--spacing-xs)}.last-payment{font-size:.75rem;color:var(--color-text-light)}.registration-info{font-size:.85rem;line-height:1.4}.time-since{color:var(--color-text-light);font-size:.75rem}.source{color:var(--color-text-light);font-size:.75rem;margin-top:var(--spacing-xs)}.actions{min-width:200px}.action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.btn-action{padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--border-radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn-assign{background:#dbeafe;color:#1e40af;border:1px solid #3b82f6}.btn-assign:hover{background:#3b82f6;color:#fff}.btn-extend{background:#fef3c7;color:#92400e;border:1px solid #f59e0b}.btn-extend:hover{background:#f59e0b;color:#fff}.btn-notes{background:#f3f4f6;color:#374151;border:1px solid #6b7280}.btn-notes:hover{background:#6b7280;color:#fff}.btn-details{background:#e0f2fe;color:#0277bd;border:1px solid #29b6f6}.btn-details:hover{background:#29b6f6;color:#fff}.btn-suspend{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.btn-suspend:hover{background:#ef4444;color:#fff}.btn-reactivate{background:#d1fae5;color:#065f46;border:1px solid #10b981}.btn-reactivate:hover{background:#10b981;color:#fff}.loading-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-light)}.loading-spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-md) auto}.empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-text-light)}.empty-state h3{margin:0 0 var(--spacing-sm) 0;color:var(--color-text)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-lg)}.modal-content{background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-lg);max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl);border-bottom:1px solid var(--color-gray-200)}.modal-header h3{margin:0;font-family:var(--font-heading);font-size:1.5rem;font-weight:600;color:var(--color-text)}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--color-text-light);width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.modal-close:hover{background:var(--color-gray-100);color:var(--color-text)}.modal-body{padding:var(--spacing-xl)}.taller-info-modal{background:var(--color-gray-50);padding:var(--spacing-lg);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-lg)}.taller-info-modal h4{margin:0 0 var(--spacing-xs) 0;font-family:var(--font-heading);color:var(--color-text)}.taller-info-modal p{margin:var(--spacing-xs) 0;color:var(--color-text-light)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:600;color:var(--color-text)}.form-group input,.form-group textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:1rem;font-family:var(--font-body);transition:all var(--transition-fast)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.btn-cancel,.btn-confirm{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.btn-cancel{background:var(--color-gray-100);color:var(--color-text)}.btn-cancel:hover{background:var(--color-gray-200)}.btn-confirm{background:var(--color-primary);color:var(--color-white)}.btn-confirm:hover{background:var(--color-primary-dark)}.btn-confirm:disabled{background:var(--color-gray-300);cursor:not-allowed}.taller-details{max-height:400px;overflow-y:auto}.details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.detail-item{padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-200)}.detail-item strong{color:var(--color-text);display:block;margin-bottom:var(--spacing-xs)}.admin-notes,.trial-notes{background:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-200);margin-top:var(--spacing-lg)}.admin-notes strong,.trial-notes strong{color:var(--color-text);display:block;margin-bottom:var(--spacing-sm)}.admin-notes p,.trial-notes p{margin:0;color:var(--color-text-light);line-height:1.5;white-space:pre-wrap}.admin-logs{background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.admin-logs h3{margin:0 0 var(--spacing-lg) 0;font-family:var(--font-heading);color:var(--color-text)}.logs-container{max-height:400px;overflow-y:auto}.log-item{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.log-item:hover{background:var(--color-gray-50)}.log-item:last-child{border-bottom:none}.log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.log-action{font-weight:600;color:var(--color-primary);font-size:.9rem}.log-date{font-size:.8rem;color:var(--color-text-light)}.log-details{font-size:.85rem;color:var(--color-text)}.log-details strong{color:var(--color-text)}.log-extra{display:block;font-size:.75rem;color:var(--color-text-light);margin-top:var(--spacing-xs);font-family:monospace;background:var(--color-gray-50);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);overflow-x:auto}@media (max-width: 1200px){.admin-dashboard{padding:var(--spacing-lg)}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.admin-filters{flex-direction:column;gap:var(--spacing-md)}.filter-group{min-width:unset}}@media (max-width: 768px){.admin-header{flex-direction:column;gap:var(--spacing-md);text-align:center}.admin-table-container{overflow-x:auto}.admin-table{min-width:800px}.modal-overlay{padding:var(--spacing-md)}.modal-content{max-height:95vh}.modal-header,.modal-body{padding:var(--spacing-lg)}.modal-actions{flex-direction:column}.btn-cancel,.btn-confirm{width:100%}}@media (max-width: 480px){.admin-dashboard{padding:var(--spacing-md)}.admin-stats{grid-template-columns:1fr}.stat-number{font-size:2rem}.action-buttons{flex-direction:column}.btn-action{width:100%;text-align:center}}.dashboard-container{background:var(--color-background);min-height:100vh}.taller-dashboard{max-width:1400px;margin:0 auto;padding:var(--spacing-lg);font-family:var(--font-body)}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xl);background:var(--color-white);padding:var(--spacing-xl);border-radius:var(--border-radius);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200)}.dashboard-title h1{margin:0 0 var(--spacing-xs) 0;font-family:var(--font-heading);font-size:2.2rem;font-weight:700;color:var(--color-primary)}.dashboard-title p{margin:0;color:var(--color-secondary-light);font-size:1.1rem}.filtros-fecha{display:flex;gap:var(--spacing-md);align-items:flex-end}.filtro-grupo{display:flex;flex-direction:column;gap:var(--spacing-xs)}.filtro-grupo label{font-family:var(--font-body);font-size:.8rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.025em}.filtro-input{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:.9rem;font-family:var(--font-body);transition:all var(--transition-fast);background-color:var(--color-white);min-width:150px}.filtro-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a8a1a}.btn-actualizar{background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-lg);font-size:.9rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm);min-height:42px}.btn-actualizar:hover{background:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.metricas-principales{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.metrica-card{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-xl);box-shadow:var(--shadow-md);border:1px solid var(--color-gray-200);transition:all var(--transition-fast);position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--spacing-lg)}.metrica-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.metrica-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.metrica-facturacion:before{background:var(--color-success)}.metrica-pagado:before{background:var(--color-primary)}.metrica-ganancia:before{background:#10b981}.metrica-deuda:before{background:#e53935}.metrica-repuestos:before{background:var(--color-warning)}.metrica-trabajos:before{background:var(--color-info)}.metrica-crecimiento:before{background:var(--color-accent)}.metrica-ticket:before{background:var(--color-secondary)}.metrica-deuda{transform:scale(1.03);box-shadow:0 4px 12px #e5393533,0 2px 4px #0000001a;border:2px solid rgba(229,57,53,.3);background:linear-gradient(135deg,#fff,#fff5f5);cursor:pointer;transition:all .3s ease}.metrica-deuda:before{height:6px;background:linear-gradient(90deg,#e53935,#ef5350)}.metrica-deuda:hover{transform:scale(1.05) translateY(-4px);box-shadow:0 8px 20px #e5393559,0 4px 8px #0003;border-color:#e5393580}.metrica-deuda:active{transform:scale(1.02) translateY(-2px)}.metrica-deuda .metrica-icono{font-size:3.2rem;color:#e53935;transition:transform .2s ease}.metrica-deuda:hover .metrica-icono{transform:scale(1.1)}.metrica-deuda .metrica-valor{font-size:2.2rem;font-weight:700;color:#e53935}.metrica-deuda .metrica-label{font-weight:600;color:#c62828}.metrica-icono{font-size:3rem;opacity:.8;line-height:1}.metrica-contenido{flex:1}.metrica-valor{font-size:2.2rem;font-weight:700;font-family:var(--font-heading);color:var(--color-text);margin-bottom:var(--spacing-xs);line-height:1.1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.metrica-valor.positivo{color:var(--color-success)}.metrica-valor.negativo{color:var(--color-error)}.metrica-crecimiento{font-size:.9rem;font-weight:600;font-family:var(--font-body);line-height:1}.metrica-crecimiento.positivo{color:var(--color-success)}.metrica-crecimiento.negativo{color:var(--color-error)}.metrica-label{font-size:.9rem;font-weight:600;color:var(--color-secondary-light);text-transform:uppercase;letter-spacing:.5px}.metricas-secundarias{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.seccion-metricas{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.seccion-metricas h3{margin:0 0 var(--spacing-lg) 0;font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--color-text);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.distribucion-pagos{display:flex;justify-content:space-between;gap:var(--spacing-md)}.pago-item{text-align:center;flex:1}.pago-porcentaje{display:block;font-size:2rem;font-weight:700;font-family:var(--font-heading);margin-bottom:var(--spacing-xs)}.pago-porcentaje.pagado{color:var(--color-success)}.pago-porcentaje.pendiente{color:var(--color-warning)}.pago-label{font-size:.85rem;font-weight:600;color:var(--color-secondary-light);text-transform:uppercase;letter-spacing:.5px}.eficiencia-info p{margin:var(--spacing-sm) 0;font-size:.9rem;color:var(--color-text)}.eficiencia-info strong{color:var(--color-primary);font-weight:600}.dashboard-loading,.dashboard-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;background:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-md);margin:var(--spacing-xl) auto;max-width:400px}.dashboard-loading .loading-spinner{width:40px;height:40px;border:4px solid var(--color-gray-200);border-top:4px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-md)}.dashboard-loading p,.dashboard-error p{color:var(--color-secondary-light);margin:var(--spacing-sm) 0}.dashboard-error h3{color:var(--color-error);margin-bottom:var(--spacing-md)}.nota-desarrollo{background:linear-gradient(135deg,var(--color-info),var(--color-primary));color:var(--color-white);padding:var(--spacing-lg);border-radius:var(--border-radius);text-align:center;margin-top:var(--spacing-xl)}.nota-desarrollo p{margin:0;font-size:.95rem;line-height:1.5}@media (max-width: 1024px){.dashboard-header{flex-direction:column;gap:var(--spacing-lg);align-items:stretch}.filtros-fecha{justify-content:center;flex-wrap:wrap}.metricas-principales{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.metrica-card{padding:var(--spacing-lg)}.metrica-valor{font-size:1.8rem}.metrica-crecimiento{font-size:.8rem}.metrica-icono{font-size:2.5rem}}@media (max-width: 768px){.taller-dashboard{padding:var(--spacing-md)}.dashboard-header{padding:var(--spacing-lg)}.dashboard-title h1{font-size:1.8rem}.dashboard-title p{font-size:1rem}.filtros-fecha{flex-direction:column;gap:var(--spacing-sm)}.filtro-input{min-width:100%}.metricas-principales{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.metrica-card{flex-direction:row;text-align:left;gap:var(--spacing-md);padding:var(--spacing-lg)}.metrica-icono{font-size:2rem}.metrica-valor{font-size:1.6rem}.metrica-crecimiento{font-size:.75rem}.metricas-secundarias{grid-template-columns:1fr}.distribucion-pagos{flex-direction:column;gap:var(--spacing-lg)}}@media (max-width: 520px){.filtros-fecha{flex-direction:row!important;gap:var(--spacing-sm);align-items:flex-end}.filtro-grupo{flex:1;min-width:0}.filtro-input{min-width:0;width:100%;font-size:.85rem}.btn-actualizar{flex-shrink:0;font-size:.85rem}.metricas-principales{grid-template-columns:repeat(2,1fr);gap:var(--spacing-sm)}.metrica-card{flex-direction:column;text-align:center;gap:var(--spacing-sm);padding:var(--spacing-md)}.metrica-icono{font-size:2rem}.metrica-valor{font-size:1.3rem}.metrica-label{font-size:.8rem}}@media (max-width: 480px){.taller-dashboard{padding:var(--spacing-sm)}.dashboard-header{padding:var(--spacing-md)}.dashboard-title h1{font-size:1.5rem}.filtros-fecha{flex-direction:row!important;gap:var(--spacing-sm);align-items:flex-end}.filtro-grupo{flex:1;min-width:0}.filtro-grupo label{font-size:.7rem}.filtro-input{min-width:0;width:100%;padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.btn-actualizar{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem;min-height:36px;flex-shrink:0}.metrica-card{padding:var(--spacing-sm);gap:var(--spacing-sm)}.metrica-icono{font-size:1.8rem}.metrica-valor{font-size:1.1rem}.metrica-crecimiento{font-size:.65rem}.metrica-label{font-size:.7rem}.seccion-metricas{padding:var(--spacing-md)}.pago-porcentaje{font-size:1.5rem}}@media (max-width: 320px){.filtros-fecha{flex-direction:row!important;gap:var(--spacing-xs);align-items:flex-end}.filtro-grupo{flex:1;min-width:0}.filtro-grupo label{font-size:.65rem}.filtro-input{min-width:0;width:100%;padding:var(--spacing-xs);font-size:.75rem}.btn-actualizar{padding:var(--spacing-xs);font-size:.75rem;min-height:32px;flex-shrink:0}.metricas-principales{grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.metrica-card{padding:var(--spacing-xs);gap:var(--spacing-xs)}.metrica-icono{font-size:1.5rem}.metrica-valor{font-size:1rem}.metrica-crecimiento{font-size:.65rem}.metrica-label{font-size:.7rem}}.metricas-avanzadas{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.seccion-avanzada{background:var(--color-white);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200)}.seccion-avanzada h3{margin:0 0 var(--spacing-lg) 0;font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--color-text);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-gray-200)}.sin-datos{text-align:center;color:var(--color-secondary-light);font-style:italic;margin:var(--spacing-lg) 0}.top-clientes-lista{display:flex;flex-direction:column;gap:var(--spacing-md)}.cliente-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.cliente-item:hover{background:var(--color-white);box-shadow:var(--shadow-sm)}.cliente-posicion{background:var(--color-primary);color:var(--color-white);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem;font-family:var(--font-heading)}.cliente-info{flex:1}.cliente-nombre{font-weight:600;color:var(--color-text);font-size:.95rem;margin-bottom:var(--spacing-xs)}.cliente-telefono{font-size:.8rem;color:var(--color-secondary-light);font-family:monospace}.cliente-metricas{text-align:right}.cliente-facturado{font-weight:700;color:var(--color-success);font-size:1rem;margin-bottom:var(--spacing-xs)}.cliente-trabajos{font-size:.8rem;color:var(--color-secondary-light);margin-bottom:var(--spacing-xs)}.cliente-deuda{font-size:.8rem;color:var(--color-warning);font-weight:600}.clientes-deuda-lista{display:flex;flex-direction:column;gap:var(--spacing-md)}.deuda-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-gray-50);border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-200);border-left:4px solid var(--color-warning);gap:var(--spacing-md)}.deuda-cliente{flex:1;display:flex;flex-direction:column;gap:.3rem}.deuda-nombre{font-weight:600;color:var(--color-text);font-size:.95rem}.deuda-telefono{font-size:.75rem;color:var(--color-secondary-light);font-family:monospace}.deuda-antiguedad{font-size:.7rem;color:var(--color-warning);font-weight:500}.deuda-info{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem;min-width:140px}.deuda-info-top{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem}.deuda-monto{font-weight:700;color:var(--color-error);font-size:1.1rem;line-height:1.2}.deuda-trabajos{font-size:.75rem;color:var(--color-secondary-light)}.btn-whatsapp-deuda{background-color:#25d366;color:#fff;border:none;padding:.35rem .7rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;display:inline-flex;align-items:center;gap:.3rem;transition:all .2s ease;box-shadow:0 2px 4px #25d36633;white-space:nowrap}.btn-whatsapp-deuda:hover{background-color:#20ba5a;transform:translateY(-1px);box-shadow:0 4px 8px #25d3664d}.btn-whatsapp-deuda:active{transform:translateY(0)}.btn-whatsapp-deuda svg{display:inline-block;vertical-align:middle}.paginacion-controles{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-gray-200);display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.paginacion-info{color:var(--color-secondary-light);font-size:.9rem;font-weight:500}.paginacion-botones{display:flex;gap:.4rem;align-items:center}.btn-paginacion-nav{background-color:var(--color-white);color:var(--color-text);border:1px solid var(--color-gray-300);padding:.5rem .75rem;border-radius:var(--border-radius);cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s ease;min-width:40px;display:flex;align-items:center;justify-content:center}.btn-paginacion-nav:hover:not(:disabled){background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.btn-paginacion-nav:disabled{opacity:.4;cursor:not-allowed;background-color:var(--color-gray-100);color:var(--color-gray-400)}.btn-paginacion-numero{background-color:var(--color-white);color:var(--color-text);border:1px solid var(--color-gray-300);padding:.5rem .85rem;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s ease;min-width:40px}.btn-paginacion-numero:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-1px)}.btn-paginacion-numero.activo{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary);font-weight:700;box-shadow:0 2px 4px #00000026}.btn-paginacion-numero.activo:hover{background-color:var(--color-primary-dark);transform:translateY(0)}.paginacion-puntos{color:var(--color-secondary-light);padding:0 .3rem;font-weight:600;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.paginacion-controles{flex-direction:column;align-items:stretch;text-align:center}.paginacion-botones{justify-content:center;flex-wrap:wrap}.btn-paginacion-nav,.btn-paginacion-numero{padding:.4rem .6rem;min-width:35px;font-size:.85rem}}.seccion-trabajos-dia{grid-column:1 / -1}.trabajos-dia-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md)}.dia-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-gray-50);border-radius:var(--border-radius-sm);border:1px solid var(--color-gray-200);transition:all var(--transition-fast)}.dia-item:hover{background:var(--color-white);box-shadow:var(--shadow-sm)}.dia-fecha{text-align:center;min-width:80px}.dia-numero{font-weight:600;color:var(--color-text);font-size:.9rem;margin-bottom:var(--spacing-xs)}.dia-semana{font-size:.75rem;color:var(--color-secondary-light);text-transform:capitalize}.dia-metricas{flex:1;text-align:right}.dia-trabajos{font-weight:600;color:var(--color-primary);font-size:.9rem;margin-bottom:var(--spacing-xs)}.dia-facturacion{font-size:.85rem;color:var(--color-success);font-weight:500}@media (max-width: 1024px){.metricas-avanzadas{grid-template-columns:1fr;gap:var(--spacing-md)}.seccion-trabajos-dia{grid-column:auto}.trabajos-dia-lista{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width: 768px){.cliente-item,.deuda-item,.dia-item{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.deuda-cliente{text-align:center}.deuda-info,.deuda-info-top{align-items:center}.btn-whatsapp-deuda{width:100%;justify-content:center}.cliente-metricas,.dia-metricas{text-align:center}.trabajos-dia-lista{grid-template-columns:1fr}.dia-item{flex-direction:row;text-align:left}.dia-metricas{text-align:right}}@media (max-width: 480px){.seccion-avanzada{padding:var(--spacing-md)}.cliente-item,.deuda-item{padding:var(--spacing-sm)}.cliente-posicion{width:28px;height:28px;font-size:.75rem}}.demo-page{min-height:100vh;background:linear-gradient(135deg,var(--color-white) 0%,var(--color-gray-50) 100%);color:var(--color-text);font-family:var(--font-body)}.demo-header{background-color:#fffffff2;border-bottom:1px solid var(--color-gray-200);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.demo-header .container{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);max-width:1200px;margin:0 auto}.logo-section{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-image{height:60px;width:auto;object-fit:contain}.logo-text{display:flex;flex-direction:column;gap:2px}.logo{margin:0;font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:var(--color-primary);letter-spacing:-.025em}.tagline{font-size:.75rem;color:var(--color-accent);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.cta-button{background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.cta-button:hover{background-color:var(--color-accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.video-section{padding:var(--spacing-xl) 0}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.video-header{text-align:center;margin-bottom:var(--spacing-xl)}.video-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.02em}.video-description{font-size:1.125rem;color:var(--color-secondary);max-width:600px;margin:0 auto;line-height:1.6}.video-container{width:100%;max-width:1000px;margin:0 auto var(--spacing-xl);aspect-ratio:16/9;background:#000;border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-xl);border:1px solid var(--color-gray-200)}.video-container iframe{width:100%;height:100%;border:none}.demo-actions{text-align:center}.primary-button{background-color:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-md) var(--spacing-xl);font-size:1.1rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--spacing-sm);box-shadow:var(--shadow-md);font-family:var(--font-body);margin-bottom:var(--spacing-md)}.primary-button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button-icon{font-size:1.1rem;transition:transform var(--transition-fast)}.primary-button:hover .button-icon{transform:translate(2px)}.demo-note{font-size:.9rem;color:var(--color-secondary);margin:0;font-weight:400}@media (max-width: 768px){.demo-header .container{flex-direction:column;gap:var(--spacing-md)}.video-title{font-size:2rem}.video-description{font-size:1rem}.primary-button{font-size:1rem;padding:var(--spacing-sm) var(--spacing-lg)}}@media (max-width: 480px){.container{padding:0 var(--spacing-sm)}.video-title{font-size:1.75rem}.video-container{border-radius:var(--border-radius)}.logo-image{height:50px}.logo{font-size:1.5rem}}.app{min-height:100vh;display:flex;flex-direction:column;font-family:var(--font-body);color:var(--color-text);background-color:var(--color-background)}.controles-section{background-color:var(--color-white);padding:var(--spacing-lg) var(--spacing-xl);box-shadow:var(--shadow-md);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);border-bottom:1px solid var(--color-gray-200);position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.search-container{flex:1;max-width:400px;position:relative}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--border-radius);font-size:.875rem;box-sizing:border-box;transition:all var(--transition-fast);font-family:var(--font-body);color:var(--color-text);background-color:var(--color-white);box-shadow:var(--shadow-sm)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a8a1a}.search-input::placeholder{color:var(--color-gray-400)}.add-button{background-color:var(--color-accent);color:var(--color-white);border:none;border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-lg);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;box-shadow:var(--shadow-md);font-family:var(--font-body);display:flex;align-items:center;gap:var(--spacing-sm)}.add-button:hover{background-color:var(--color-accent-dark);box-shadow:var(--shadow-lg);transform:translateY(-1px)}.add-button:active{transform:translateY(0);box-shadow:var(--shadow-md)}.add-button:before{content:"➕";font-size:1rem}.contenido{flex:1;padding:var(--spacing-xl);max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.cargando{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--color-secondary);font-style:italic;font-family:var(--font-body);flex-direction:column;gap:var(--spacing-md)}.cargando:before{content:"";width:40px;height:40px;border:3px solid var(--color-gray-300);border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.error-mensaje{background-color:var(--color-gray-50);color:var(--color-error);padding:var(--spacing-md);border-radius:var(--border-radius-sm);border-left:4px solid var(--color-error);margin:var(--spacing-md) 0;font-size:.875rem;font-weight:500;display:flex;align-items:center;gap:var(--spacing-sm)}.error-mensaje:before{content:"⚠️";font-size:1.125rem}.loading-app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:var(--color-white);gap:var(--spacing-xl);position:relative;overflow:hidden}.loading-app:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 25% 25%,rgba(249,115,22,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(30,58,138,.15) 0%,transparent 50%);pointer-events:none}.loading-spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--color-white);border-radius:50%;animation:spin 1s linear infinite;position:relative;z-index:1}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-app p{font-size:1.25rem;font-weight:600;margin:0;font-family:var(--font-heading);position:relative;z-index:1;text-align:center}.loading-app .loading-subtitle{font-size:.875rem;font-weight:400;opacity:.8;font-family:var(--font-body)}.estado-vacio{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);text-align:center;color:var(--color-secondary);min-height:300px}.estado-vacio-icono{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.5}.estado-vacio h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-sm)}.estado-vacio p{font-size:.875rem;color:var(--color-secondary);margin-bottom:var(--spacing-lg);max-width:400px}.acciones-rapidas{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.btn-accion{background-color:var(--color-white);color:var(--color-secondary);border:2px solid var(--color-gray-300);border-radius:var(--border-radius);padding:var(--spacing-sm) var(--spacing-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-body);display:flex;align-items:center;gap:var(--spacing-xs)}.btn-accion:hover{border-color:var(--color-primary);color:var(--color-primary);background-color:#1e3a8a0d;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-accion.primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}.btn-accion.primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-white)}@media (max-width: 768px){.controles-section{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.search-container{max-width:none;width:100%}.add-button{width:100%;justify-content:center}.contenido{padding:var(--spacing-lg)}.acciones-rapidas{flex-direction:column}.btn-accion{width:100%;justify-content:center}}@media (max-width: 480px){.contenido{padding:var(--spacing-md)}.controles-section{padding:var(--spacing-sm) var(--spacing-md)}.loading-app p{font-size:1.125rem}.loading-spinner{width:50px;height:50px}.estado-vacio{padding:var(--spacing-xl);min-height:250px}.estado-vacio-icono{font-size:3rem}}@media (min-width: 481px) and (max-width: 768px){.contenido{padding:var(--spacing-lg) var(--spacing-xl)}}@media (min-width: 769px) and (max-width: 1024px){.contenido{padding:var(--spacing-xl) var(--spacing-2xl)}}@media (min-width: 1025px){.contenido{padding:var(--spacing-2xl)}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}:root{--color-primary: #1E3A8A;--color-secondary: #374151;--color-accent: #F97316;--color-background: #F3F4F6;--color-text: #111827;--color-primary-light: #3B82F6;--color-primary-dark: #1E40AF;--color-secondary-light: #6B7280;--color-accent-light: #FB923C;--color-accent-dark: #EA580C;--color-success: #10B981;--color-warning: #F59E0B;--color-error: #EF4444;--color-info: #3B82F6;--color-white: #FFFFFF;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--font-heading: "Poppins", sans-serif;--font-body: "Inter", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius: 12px;--border-radius-sm: 6px;--border-radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease-in-out;--transition-normal: .3s ease-in-out}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-weight:400;line-height:1.6;color:var(--color-text);background-color:var(--color-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--color-text);margin-bottom:var(--spacing-md)}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}h4{font-size:1.25rem;font-weight:500}h5{font-size:1.125rem;font-weight:500}h6{font-size:1rem;font-weight:500}p{margin-bottom:var(--spacing-md);color:var(--color-secondary)}button{cursor:pointer;border:none;font-family:var(--font-body);font-weight:500;transition:all var(--transition-fast)}input,textarea,select{font-family:var(--font-body);font-size:.875rem;transition:all var(--transition-fast)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast);border:2px solid transparent;min-height:2.5rem}.btn-primary{background-color:var(--color-primary);color:var(--color-white)}.btn-primary:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-accent{background-color:var(--color-accent);color:var(--color-white)}.btn-accent:hover{background-color:var(--color-accent-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--color-white);color:var(--color-secondary);border-color:var(--color-gray-300)}.btn-secondary:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400)}.btn-outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white)}.card{background-color:var(--color-white);border-radius:var(--border-radius);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:all var(--transition-fast)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:500;color:var(--color-text);margin-bottom:var(--spacing-sm);font-size:.875rem}.form-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-sm);font-size:.875rem;transition:all var(--transition-fast);background-color:var(--color-white)}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1e3a8a1a}.form-input:invalid{border-color:var(--color-error)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.container-sm{max-width:640px}.container-lg{max-width:1400px}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.bg-accent{background-color:var(--color-accent)}.bg-white{background-color:var(--color-white)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.alert{padding:var(--spacing-md);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md);border-left:4px solid}.alert-success{background-color:#ecfdf5;border-color:var(--color-success);color:#065f46}.alert-warning{background-color:#fffbeb;border-color:var(--color-warning);color:#92400e}.alert-error{background-color:#fef2f2;border-color:var(--color-error);color:#991b1b}.alert-info{background-color:#eff6ff;border-color:var(--color-info);color:#1e40af}img,video{max-width:100%;height:auto}:focus{outline:2px solid var(--color-primary);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (max-width: 768px){:root{--spacing-lg: 1rem;--spacing-xl: 1.5rem;--spacing-2xl: 2rem}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}.container{padding:0 var(--spacing-sm)}}.loading{opacity:.6;pointer-events:none}.skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}