body{font-family:Poppins,sans-serif;-moz-osx-font-smoothing:grayscale}.full-page-loader{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;position:fixed;top:0;left:0;background-color:#fffc;z-index:9999}.full-page-loader:after{content:"";display:block;width:50px;height:50px;border:6px solid #f3f3f3;border-top:6px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--bg-card: #ffffff;--bg-header: rgba(255, 255, 255, .95);--bg-header-scrolled: rgba(255, 255, 255, .98);--bg-sidebar: #ffffff;--bg-modal: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--text-primary: #333333;--text-secondary: #555555;--text-tertiary: #777777;--text-muted: #999999;--text-inverse: #ffffff;--border-primary: #e0e0e0;--border-secondary: #cccccc;--border-focus: #007bff;--shadow-light: rgba(0, 0, 0, .1);--shadow-medium: rgba(0, 0, 0, .15);--shadow-heavy: rgba(0, 0, 0, .2);--accent-primary: #007bff;--accent-secondary: #3366ff;--accent-success: #28a745;--accent-success-light: rgba(40, 167, 69, .1);--accent-success-lighter: rgba(40, 167, 69, .15);--accent-success-table-row: rgba(40, 167, 69, .25);--accent-success-table-row-hover: rgba(40, 167, 69, .35);--accent-warning: #ffc107;--accent-warning-light: rgba(255, 193, 7, .1);--accent-danger: #dc3545;--accent-info: #17a2b8;--gradient-primary: linear-gradient(135deg, #007bff, #0056b3);--gradient-secondary: linear-gradient(135deg, #3366ff, #1e3d72);--gradient-card: linear-gradient(135deg, #ffffff, #f8f9fa);--transition-fast: .2s ease;--transition-medium: .3s ease;--transition-slow: .4s ease}.dark-theme{--bg-primary: #1a1a1a;--bg-secondary: #2d2d2d;--bg-tertiary: #3a3a3a;--bg-card: #2d2d2d;--bg-header: rgba(26, 26, 26, .95);--bg-header-scrolled: rgba(26, 26, 26, .98);--bg-sidebar: #2d2d2d;--bg-modal: #2d2d2d;--bg-overlay: rgba(0, 0, 0, .7);--text-primary: #ffffff;--text-secondary: #e0e0e0;--text-tertiary: #b0b0b0;--text-muted: #888888;--text-inverse: #1a1a1a;--border-primary: #404040;--border-secondary: #555555;--border-focus: #4dabf7;--shadow-light: rgba(0, 0, 0, .3);--shadow-medium: rgba(0, 0, 0, .4);--shadow-heavy: rgba(0, 0, 0, .5);--accent-primary: #4dabf7;--accent-secondary: #5c7cfa;--accent-success: #51cf66;--accent-success-light: rgba(81, 207, 102, .15);--accent-success-lighter: rgba(25, 113, 40, .25);--accent-success-table-row: rgba(0, 119, 20, .5);--accent-success-table-row-hover: rgba(0, 183, 30, .7);--accent-warning: #ffd43b;--accent-warning-light: rgba(255, 212, 59, .15);--accent-danger: #ff6b6b;--accent-info: #74c0fc;--gradient-primary: linear-gradient(135deg, #4dabf7, #339af0);--gradient-secondary: linear-gradient(135deg, #5c7cfa, #4263eb);--gradient-card: linear-gradient(135deg, #2d2d2d, #3a3a3a)}body{background-color:var(--bg-primary);color:var(--text-primary);transition:background-color var(--transition-medium),color var(--transition-medium)}.landing-header{background:var(--bg-header);border-bottom:1px solid var(--border-primary);box-shadow:0 2px 10px var(--shadow-light)}.landing-header.scrolled{background:var(--bg-header-scrolled);box-shadow:0 2px 20px var(--shadow-light)}.landing-container{background-color:var(--bg-primary);color:var(--text-primary)}.landing-hero-section{background:var(--bg-primary)}.landing-benefits-section,.landing-loyalty-section{background:var(--bg-secondary)}.landing-reviews-section,.landing-events-section{background:var(--bg-primary)}.landing-final-cta{background:#36f!important;color:#fff!important}.landing-section-container{background-color:transparent}.step-card,.benefit-card,.testimonial-card,.loyalty-card{background:var(--bg-card);border:1px solid var(--border-primary);box-shadow:0 4px 8px var(--shadow-light);color:var(--text-primary)}.step-card:hover,.benefit-card:hover,.testimonial-card:hover,.loyalty-card:hover{box-shadow:0 8px 16px var(--shadow-medium);transform:translateY(-2px)}.step-card h3,.benefit-card h3,.testimonial-card h3,.loyalty-card h3{color:var(--text-primary)}.step-card p,.benefit-card p,.testimonial-card p,.loyalty-card p{color:var(--text-secondary)}.landing-section-title{color:var(--text-primary)}.landing-section-subtitle{color:var(--text-secondary)}.hero-title{color:var(--text-primary)}.hero-subtitle{color:var(--text-secondary)}.landing-logo{color:var(--accent-secondary)}.landing-main-nav a{color:var(--text-primary)}.landing-main-nav a:hover{color:var(--accent-secondary)}.landing-main-nav a:after{background:var(--accent-secondary)}.landing-get-started-btn{background:var(--accent-secondary);color:var(--text-inverse)}.landing-get-started-btn:hover{background:var(--accent-primary)}.landing-login-btn{color:var(--text-primary);border:1px solid var(--border-primary)}.landing-login-btn:hover{background:var(--bg-secondary);border-color:var(--accent-secondary)}.hero-title{background:var(--accent-secondary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dark-theme .hero-title{background:none;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:var(--text-primary)}.landing-download-btn{background:var(--gradient-primary);color:var(--text-inverse);box-shadow:0 4px 8px var(--shadow-light)}.landing-download-btn:hover{box-shadow:0 8px 16px var(--shadow-medium);transform:translateY(-2px)}.landing-webapp{background:var(--accent-secondary);color:var(--text-inverse)}.landing-webapp:hover{background:var(--accent-primary);box-shadow:0 8px 25px #3366ff4d}.testimonial-content p,.author-info h4{color:var(--text-primary)}.author-info span{color:var(--text-secondary)}.tab-btn{color:var(--text-secondary);border-bottom:2px solid transparent}.tab-btn.active{color:var(--accent-secondary);border-bottom-color:var(--accent-secondary)}.tab-btn:hover{color:var(--text-primary)}.landing-footer{background:var(--bg-secondary);border-top:1px solid var(--border-primary)}.footer-brand{color:var(--text-primary)}.footer-tagline{color:var(--text-secondary)}.footer-section-title{color:var(--text-primary)}.footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--accent-secondary)}.social-icon{color:var(--text-secondary)}.social-icon:hover{color:var(--accent-secondary)}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-primary)}.sidebar-overlay{background:var(--bg-overlay)}.modal-content{background:var(--bg-modal);border:1px solid var(--border-primary);box-shadow:0 10px 30px var(--shadow-heavy)}.modal-header{border-bottom:1px solid var(--border-primary)}.modal-footer{border-top:1px solid var(--border-primary)}.form-control,.input-field{background-color:var(--bg-primary);border:1px solid var(--border-primary);color:var(--text-primary)}.form-control:focus,.input-field:focus{border-color:var(--border-focus);box-shadow:0 0 0 .2rem #4dabf740}.dashboard-container{background-color:var(--bg-primary)}.dashboard-card{background:var(--bg-card);border:1px solid var(--border-primary);box-shadow:0 4px 8px var(--shadow-light)}.dashboard-card:hover{box-shadow:0 8px 16px var(--shadow-medium)}.home-title{color:var(--text-primary)}.home-subtitle{color:var(--text-secondary)}.letreros-link{color:var(--accent-primary)}.letreros-link:hover{color:var(--accent-secondary)}.letreros-link-logout{color:var(--accent-danger)}.letreros-link-logout:hover{color:#ff5252}.pwa-installed-message{color:var(--text-primary)}*{transition:background-color var(--transition-medium),color var(--transition-medium),border-color var(--transition-medium),box-shadow var(--transition-medium)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-primary);color:var(--text-inverse)}::-moz-selection{background:var(--accent-primary);color:var(--text-inverse)}