:root{--color-primary: #d4af37;--color-primary-dark: #b8941f;--color-gold-light: #f0d97f;--color-background: #0a0a0a;--color-surface: #1a1a1a;--color-surface-light: #2a2a2a;--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-muted: #a0a0a0;--color-accent: #8b7355;--color-border: rgba(212, 175, 55, .2);--shadow-soft: 0 4px 20px rgba(0, 0, 0, .3);--shadow-strong: 0 8px 30px rgba(0, 0, 0, .5);--transition: all .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--color-background);color:var(--color-text-primary);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,serif;font-weight:700;letter-spacing:1px}.expert-stats-section{background:var(--color-surface);padding:70px 0 60px}.expert-stats-grid{display:grid;grid-template-columns:1fr 340px;gap:3.5rem;max-width:1200px;margin:0 auto;align-items:flex-start}.expert-text-block h2{font-size:2.6rem;font-weight:800;color:var(--color-text-primary);margin-bottom:2rem;letter-spacing:-1px;line-height:1.2}.expert-text-block p{font-size:1.25rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:2.2rem}.image-stat-block{display:flex;flex-direction:column;align-items:center}.image-box{width:100%;height:250px;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #1e293b26;margin-bottom:1.5rem}.image-background{width:100%;height:100%;background:linear-gradient(rgba(0,0,0,.2),rgba(0,0,0,.3)),;background-size:cover;background-position:center;background-repeat:no-repeat}.stat-text-below{text-align:center;display:flex;flex-direction:column;align-items:center}.stat-text-below .stat-number{font-size:3.2rem;font-weight:900;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.3rem;line-height:1;display:block}.stat-text-below .stat-label{color:#64748b;font-size:1.2rem;font-weight:600;letter-spacing:.5px;display:block}.expert-technicians-section{background:#f6f9fc;padding:70px 0 60px}.expert-text-block{text-align:center;max-width:800px;margin:0 auto}.photo-overlay-section{position:relative;height:500px;overflow:hidden}.photo-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.4)),;background-size:cover;background-position:center;background-repeat:no-repeat}.stat-card-overlay-corner{position:absolute;top:40px;right:40px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:2.5rem 2rem;text-align:center;box-shadow:0 12px 40px #0003;border:1px solid rgba(255,255,255,.3);min-width:200px}.stat-card-overlay-corner .stat-number{font-size:3.5rem;font-weight:900;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1;display:block}.stat-card-overlay-corner .stat-label{color:#64748b;font-size:1.1rem;font-weight:600;letter-spacing:.5px;display:block}.expert-stats-section{background:#f6f9fc;padding:70px 0 60px}.expert-stats-grid{display:grid;grid-template-columns:1fr 340px;gap:3.5rem;max-width:1200px;margin:0 auto;align-items:center}.expert-text-block{text-align:left}.expert-text-block h2{font-size:2.6rem;font-weight:800;color:#1e293b;margin-bottom:2rem;letter-spacing:-1px;line-height:1.2}.expert-text-block p{font-size:1.25rem;color:#64748b;line-height:1.7;margin-bottom:2.2rem}.features-list{margin-bottom:2.5rem}.feature-item{display:flex;align-items:center;gap:.7rem;margin-bottom:1.1rem;font-size:1.1rem;color:#334155}.checkmark{width:28px;height:28px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;flex-shrink:0}.stat-card-plain{background:#fff;box-shadow:0 8px 32px #1e293b21;border-radius:20px;padding:3.5rem 2.5rem 2.5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:280px;max-width:340px;margin:0 auto;position:relative;border:none}.stat-card-plain:before{content:"";position:absolute;top:0;left:0;right:0;height:7px;border-radius:20px 20px 0 0;background:linear-gradient(90deg,#ff6b35,#f7931e)}.stat-label-dark{color:#64748b;font-size:1.3rem;font-weight:600;letter-spacing:1px;text-shadow:none;display:block}.service-cards{padding-top:15px}.service-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3rem;max-width:1200px;margin:0 auto 70px}.service-card-modern{height:340px;border-radius:20px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 8px 32px #1e293b1a;background:#fff;display:flex;flex-direction:column;justify-content:flex-end;transition:box-shadow .3s,transform .3s}.service-card-modern:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 25px 50px #1e293b2e}.service-image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat;z-index:1}.service-overlay{position:relative;z-index:2;background:linear-gradient(180deg,rgba(30,41,59,0) 0%,rgba(30,41,59,.85) 100%);color:#fff;padding:2.2rem 2rem 2rem;border-radius:0 0 20px 20px;min-height:120px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.service-overlay p{color:#ffffffeb;font-size:1.05rem;margin-bottom:1.2rem;line-height:1.5}.service-overlay .btn{font-size:1.1rem;font-weight:700;border-radius:8px;padding:12px 28px;box-shadow:0 2px 8px #ff6b351a;background:#ff6b35;border:2px solid #ff6b35;color:#fff;transition:background .2s,border .2s}.service-overlay .btn:hover{background:#f7931e;border-color:#f7931e}@media (max-width: 900px){.expert-stats-grid{grid-template-columns:1fr;gap:2.5rem;text-align:center}.stat-card-plain{margin-top:2.5rem}.service-cards-grid{grid-template-columns:1fr;gap:1.5rem}.expert-text-block{text-align:center}.image-box{height:200px;margin-bottom:1rem}.stat-text-below .stat-number{font-size:2.8rem}.stat-text-below .stat-label{font-size:1.1rem}.photo-overlay-section{height:400px}.stat-card-overlay-corner{top:20px;right:20px;padding:2rem 1.5rem;min-width:160px}.stat-card-overlay-corner .stat-number{font-size:2.8rem}.stat-card-overlay-corner .stat-label{font-size:1rem}}@media (min-width: 1280px){.service-cards-grid{gap:3.5rem}}.stat-card-section{display:flex;justify-content:center;align-items:center;padding:60px 0 30px;background:none}.stat-card{position:relative;width:370px;height:220px;border-radius:20px;overflow:hidden;box-shadow:0 10px 32px #0000002e;display:flex;align-items:flex-end;margin:0 auto}.stat-card-img{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;filter:brightness(.7) grayscale(.1);z-index:1}.stat-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.01) 0%,rgba(30,41,59,.7) 100%);z-index:2;display:flex;align-items:center;justify-content:center}.stat-card-content{position:relative;z-index:3;text-align:center}.stat-number{font-size:4.2rem;font-weight:900;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1;display:block}.stat-label{color:#fff;font-size:1.3rem;font-weight:600;letter-spacing:1px;text-shadow:0 2px 8px rgba(0,0,0,.18);display:block}.footer-section,.footer-section *,.footer-section h4,.footer-section p,.footer-section strong{color:#fff!important}*{margin:0;padding:0;box-sizing:border-box}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4,h5,h6{color:#1a1a1a;margin-bottom:1rem;font-weight:700;letter-spacing:-.5px}h1{font-size:3.5rem;font-weight:800;line-height:1.1}h2{font-size:2.5rem;font-weight:700;line-height:1.2}h3{font-size:1.8rem;font-weight:600}p{margin-bottom:1rem;color:#4a4a4a;font-size:1.1rem;line-height:1.7}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;border:none;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;min-height:52px;letter-spacing:.5px}.btn-primary{background-color:#c4982a;color:#fff;border:2px solid #C4982A;position:relative;z-index:10;pointer-events:auto}.btn-primary:hover{background-color:#b8862a;border-color:#b8862a;transform:translateY(-2px);box-shadow:0 8px 25px #c4982a4d}.btn-secondary{background:transparent;color:#fff;border:2px solid rgba(255,255,255,.8)}.btn-secondary:hover{background:rgba(255,255,255,.1);border-color:#fff;transform:translateY(-2px)}.btn-learn-more{background-color:#c4982a;color:#fff;padding:12px 24px;font-size:.9rem;border-radius:6px;border:2px solid #C4982A}.btn-learn-more:hover{background-color:#b8862a;border-color:#b8862a;transform:translateY(-2px)}.btn-schedule{background-color:#c4982a;color:#fff;padding:16px 32px;font-size:1rem;border-radius:8px;border:2px solid #C4982A}.btn-schedule:hover{background-color:#b8862a;border-color:#b8862a;transform:translateY(-2px);box-shadow:0 8px 25px #c4982a4d}.classic-navbar-wrapper{position:fixed;top:0;left:0;right:0;background:#1a1a1a;height:80px;z-index:1000;box-shadow:0 2px 10px #0000004d;border-bottom:3px solid #C4982A}.classic-nav{height:100%}.classic-nav-container{max-width:1200px;margin:0 auto;height:100%;display:flex;align-items:center;justify-content:center;padding:0 20px}.classic-nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:40px;align-items:center}.classic-nav-menu li{margin:0;padding:0}.classic-nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:16px;padding:10px 15px;border-radius:6px;transition:all .3s ease;display:block}.classic-nav-link:hover{background-color:#c4982a1a;color:#c4982a;transform:translateY(-1px)}.classic-nav-link.emergency-link{background-color:#c4982a;color:#fff;font-weight:600}.classic-nav-link.emergency-link:hover{background-color:#b8862a;color:#fff;transform:translateY(-2px);box-shadow:0 4px 15px #c4982a66}.call-button{background-color:#c4982a;color:#fff;padding:12px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .3s ease;border:2px solid #C4982A}.call-button:hover{background-color:#b8862a;border-color:#b8862a;transform:translateY(-2px);box-shadow:0 8px 25px #c4982a66}.mobile-menu-toggle{display:none;background:none;border:none;font-size:1.5rem;cursor:pointer;color:#c4982a}.hero{background-color:#1a1a1a;color:#fff;padding:120px 0 80px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(196,152,42,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(196,152,42,.05) 0%,transparent 50%)}.hero-flex{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto;padding:40px 0 30px}.hero-logo.big{flex:0 0 350px;display:flex;align-items:center;justify-content:center;transform:none}.hero-logo.big img{height:450px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 32px rgba(0,0,0,.3))}.hero-content{flex:1 1 0%;min-width:0;text-align:center;max-width:1000px;margin:0}.hero-content h1{color:#fff;font-size:3.6rem;font-weight:800;margin-bottom:1.5rem;text-shadow:0 4px 20px rgba(0,0,0,.3);line-height:1.08;letter-spacing:-1px;max-width:1100px;text-align:center}.hero-content p{color:#ffffffd9;font-size:1.25rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;text-align:center}.hero-buttons{display:flex;justify-content:center;align-items:center;width:100%;margin-top:2rem;text-align:center;position:relative;z-index:10}.professional-services{padding:100px 0;background-color:#fff}.professional-services h2{text-align:center;font-size:2.8rem;font-weight:800;color:#1a1a1a;margin-bottom:1rem;letter-spacing:-1px}.section-subtitle{text-align:center;font-size:1.2rem;color:#4a4a4a;margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto}.services-grid-modern{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:4rem}.service-card-modern{height:350px;border-radius:16px;overflow:hidden;position:relative;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0000001a}.service-card-modern:hover{transform:translateY(-8px);box-shadow:0 25px 50px #0003}.service-image{position:absolute;top:0;left:0;right:0;bottom:0;background-size:cover;background-position:center;background-repeat:no-repeat}.refrigerator-bg,.washer-dryer-bg,.dishwasher-bg{background:linear-gradient(135deg,rgba(0,0,0,.4) 0%,rgba(0,0,0,.6) 100%),;background-size:cover;background-position:center;background-repeat:no-repeat}.service-overlay{position:absolute;bottom:0;left:0;right:0;padding:2rem;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;transform:translateY(20px);transition:transform .3s ease}.service-card-modern:hover .service-overlay{transform:translateY(0)}.service-overlay h3{color:#fff;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.service-overlay p{color:#ffffffe6;font-size:.95rem;margin-bottom:0;line-height:1.5}.expert-technicians{padding:100px 0;background:linear-gradient(135deg,#f1f5f9 0%,#e2e8f0 100%)}.expert-content{display:block}.expert-text h2{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:2rem;letter-spacing:-1px;line-height:1.2}.expert-text p{font-size:1.1rem;color:#64748b;line-height:1.7;margin-bottom:2rem}.features-list{margin-bottom:3rem}.feature-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-size:1rem;color:#374151}.checkmark{width:24px;height:24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.expert-stats{position:relative}.stat-card{background:white;padding:3rem 2rem;border-radius:20px;text-align:center;box-shadow:0 20px 40px #0000001a;border:1px solid rgba(196,152,42,.1);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#ff6b35,#f7931e)}.stat-number{font-size:4rem;font-weight:900;background:linear-gradient(135deg,#ff6b35,#f7931e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1}.stat-label{color:#6b7280;font-size:1.1rem;font-weight:600}.cta{background:linear-gradient(135deg,#0f172a 0%,#1e2a3a 100%);color:#fff;padding:100px 0;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 20%,rgba(255,107,53,.1) 0%,transparent 50%),radial-gradient(circle at 70% 80%,rgba(196,152,42,.08) 0%,transparent 50%)}.cta .container{position:relative;z-index:2}.cta h2{color:#fff;font-size:3rem;font-weight:800;margin-bottom:1.5rem;letter-spacing:-1px}.cta p{color:#fffc;font-size:1.2rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.footer{background:linear-gradient(135deg,#0f172a 0%,#1e2a3a 100%);color:#fff;padding:80px 0 30px;position:relative}.footer:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(196,152,42,.5),transparent)}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;margin-bottom:3rem}.footer-section h3,.footer-section h4{color:#c4982a;margin-bottom:1.5rem;font-weight:700;font-size:1.2rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:.8rem}.footer-section a{color:#fffc;text-decoration:none;transition:all .3s ease;font-size:.95rem}.footer-section a:hover{color:#c4982a;padding-left:5px}.contact-info p{margin-bottom:.8rem;color:#ffffffe6;font-size:.95rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:30px;margin-top:30px}.bottom-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.bottom-content p{color:#ffffffb3;font-size:.9rem;margin:0}.certifications{color:#ffffffb3;font-size:.9rem;display:flex;gap:1rem;align-items:center}.certifications span{padding:4px 12px;background:rgba(196,152,42,.1);border-radius:16px;border:1px solid rgba(196,152,42,.2);font-size:.8rem}.about-hero{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:120px 0 80px;text-align:center}.about-hero h1{color:#fff;font-size:2.5rem}.about-hero p{color:#fff;font-size:1.2rem}.company-story{padding:80px 0;background-color:#fff}.experience{padding:80px 0;background-color:#f8f8f8}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.experience-item{text-align:center;padding:2rem;background:white;border-radius:10px;box-shadow:0 5px 25px #c4982a26;border:1px solid #f0f0f0;transition:all .3s ease}.experience-item:hover{transform:translateY(-5px);box-shadow:0 15px 40px #c4982a40}.experience-item h3{color:#c4982a;font-size:2rem;margin-bottom:.5rem}.services-hero{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:120px 0 80px;text-align:center}.services-hero h1{color:#fff;font-size:2.5rem}.services-hero p{color:#fff;font-size:1.2rem}.main-services{padding:80px 0;background-color:#fff}.service-category{background:#f8f8f8;padding:2rem;border-radius:10px;margin-bottom:2rem;border:1px solid #f0f0f0;transition:all .3s ease}.service-category:hover{box-shadow:0 10px 30px #c4982a26}.service-category h2{color:#c4982a;margin-bottom:1rem}.service-details ul{list-style-type:disc;margin-left:2rem;margin-bottom:1rem}.contact-hero{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:120px 0 80px;text-align:center}.contact-hero h1{color:#fff;font-size:2.5rem}.contact-hero p{color:#fff;font-size:1.2rem}.contact-info{padding:80px 0;background-color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;margin-top:3rem}.contact-item{margin-bottom:2rem}.contact-item h3{color:#c4982a;margin-bottom:.5rem}.contact-form{background:#f8f8f8;padding:2rem;border-radius:10px;border:1px solid #f0f0f0}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#1a1a1a}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:5px;font-size:1rem;transition:border-color .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#c4982a;box-shadow:0 0 0 3px #c4982a1a}.emergency-hero{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:80px 0 60px;text-align:center}.emergency-hero h1{color:#fff;font-size:2.2rem;margin-bottom:1rem}.emergency-hero h2{color:#fff;font-size:1.8rem;margin-bottom:1.5rem}.emergency-hero p{color:#fff;font-size:1.1rem;margin-bottom:2rem}.emergency-number{margin:2rem 0}.btn-emergency-large{background-color:#c4982a!important;color:#fff!important;padding:18px 36px;border-radius:12px;text-decoration:none;font-weight:700;font-size:1.2rem;transition:all .3s ease;border:3px solid #C4982A;display:inline-block;box-shadow:0 4px 15px #c4982a4d;text-shadow:none}.btn-emergency-large:hover{background-color:#b8862a!important;border-color:#b8862a;transform:translateY(-3px);box-shadow:0 8px 25px #c4982a66;color:#fff!important}.emergency-phone{font-size:2rem;color:#c4982a;text-decoration:none;font-weight:700;transition:color .3s ease}.emergency-phone:hover{color:#b8862a}.emergency-situations{padding:80px 0;background-color:#fff}.emergency-types{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.emergency-type{background:#f8f8f8;padding:2rem;border-radius:10px;border-left:4px solid #C4982A;border:1px solid #f0f0f0;transition:all .3s ease}.emergency-type:hover{box-shadow:0 10px 30px #c4982a26}.emergency-type h3{color:#c4982a;margin-bottom:1rem}.emergency-type ul{list-style-type:disc;margin-left:2rem}.emergency-contact{background:linear-gradient(135deg,#1a1a1a 0%,#C4982A 100%);padding:60px 0;color:#fff}.emergency-box{text-align:center;padding:2rem;border-radius:15px;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(196,152,42,.3)}.emergency-box h2{color:#fff;margin-bottom:1rem}.emergency-box p{color:#f0f0f0;margin-bottom:1.5rem}.why-contact-us{padding:80px 0;background-color:#f8f8f8}.reasons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.reason{background:white;padding:2rem;border-radius:10px;text-align:center;border:1px solid #f0f0f0;transition:all .3s ease}.reason:hover{transform:translateY(-5px);box-shadow:0 10px 30px #c4982a26}.reason h3{color:#c4982a;margin-bottom:1rem}.service-hero{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6)),;background-size:cover;background-position:center;background-repeat:no-repeat;color:#fff;padding:120px 0 80px;text-align:center}.service-hero h1{color:#fff;font-size:2.5rem;margin-bottom:1rem}.service-hero p{color:#fff;font-size:1.2rem;margin-bottom:2rem}.common-problems{padding:80px 0;background-color:#fff}.problems-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.problem-item{background:#f8f8f8;padding:2rem;border-radius:10px;border:1px solid #f0f0f0;transition:all .3s ease}.problem-item:hover{transform:translateY(-5px);box-shadow:0 10px 30px #c4982a26}.problem-item h3{color:#c4982a;margin-bottom:1rem}.brands-serviced{padding:80px 0;background-color:#f8f8f8}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:3rem}.brand{background:white;padding:1.5rem;text-align:center;border-radius:8px;font-weight:600;color:#1a1a1a;border:1px solid #f0f0f0;transition:all .3s ease}.brand:hover{background:#C4982A;color:#fff;transform:translateY(-3px)}.repair-process{padding:80px 0;background-color:#fff}.process-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-top:3rem}.step{text-align:center;padding:2rem;background:#f8f8f8;border-radius:10px;border:1px solid #f0f0f0;position:relative}.step h3{color:#c4982a;margin-bottom:1rem}.step:before{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:20px;height:20px;background:#C4982A;border-radius:50%;border:3px solid white}.maintenance-tips{padding:80px 0;background-color:#f8f8f8}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.tip{background:white;padding:2rem;border-radius:10px;border:1px solid #f0f0f0;transition:all .3s ease}.tip:hover{transform:translateY(-5px);box-shadow:0 10px 30px #c4982a26}.tip h3{color:#c4982a;margin-bottom:1rem}@media (max-width: 768px){.mobile-menu-toggle{display:block}.navbar-menu{display:none;width:100%;flex-direction:column;gap:1.5rem;margin-top:2rem;background:rgba(15,23,42,.95);padding:2rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(196,152,42,.2)}.navbar-menu.open{display:flex}.brand-container{gap:.8rem}.brand-text{font-size:1.1rem}.brand-subtitle{font-size:.75rem}.logo-placeholder{width:45px;height:45px;font-size:1.1rem}.hero-content h1{font-size:2.5rem;line-height:1.1}.hero-content p{font-size:1.1rem}.hero-buttons{flex-direction:column;align-items:center;gap:1rem}.hero-buttons .btn{width:100%;max-width:280px}.professional-services h2{font-size:2.2rem}.services-grid-modern{grid-template-columns:1fr;gap:1.5rem}.service-card-modern{height:280px}.expert-content{grid-template-columns:1fr;gap:3rem}.expert-text h2{font-size:2rem}.stat-card{padding:2rem 1.5rem}.stat-number{font-size:3rem}.footer-content{grid-template-columns:1fr;gap:2rem}.bottom-content{flex-direction:column;text-align:center;gap:1.5rem}.certifications{flex-direction:column;gap:.5rem}}@media (max-width: 480px){.container{padding:0 16px}.hero{padding:80px 0}.hero-content h1{font-size:2.1rem;line-height:1.15;max-width:680px;margin-left:auto;margin-right:auto}.hero-content p{font-size:1rem}.btn{padding:14px 24px;font-size:.95rem}.professional-services,.expert-technicians,.cta{padding:60px 0}.professional-services h2,.expert-text h2{font-size:1.8rem}.cta h2{font-size:2rem}.service-card-modern{height:250px}.service-overlay{padding:1.5rem}.service-overlay h3{font-size:1.3rem}.brand-text{font-size:1rem}.brand-subtitle{font-size:.7rem}.logo-placeholder{width:40px;height:40px;font-size:1rem}}.navbar{background:linear-gradient(to bottom,rgba(10,10,10,.98),rgba(26,26,26,.95));-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 2px 30px #00000080;position:sticky;top:0;z-index:1000;padding:0;border-bottom:none}.navbar-container{max-width:1400px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:auto 1fr auto;align-items:center;height:85px;gap:2rem}.navbar-logo{justify-self:start}.navbar-menu{justify-self:center}.logo-text-container{gap:.1rem}.navbar-logo{display:flex;align-items:center;gap:1rem;text-decoration:none;transition:all .3s ease;cursor:pointer}.logo-emblem{width:50px;height:50px;background:linear-gradient(135deg,var(--color-primary),var(--color-gold-light));border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 4px 15px #d4af374d}.logo-icon{font-size:1.5rem;filter:grayscale(100%) brightness(0)}.navbar-logo:hover .logo-emblem{transform:rotate(360deg) scale(1.1);box-shadow:0 6px 25px #d4af3780}.logo-text-container{display:flex;flex-direction:column;gap:0;line-height:1}.logo-text{font-family:Playfair Display,Georgia,serif;font-size:1.5rem;font-weight:900;letter-spacing:3px;background:linear-gradient(135deg,var(--color-primary),var(--color-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-transform:uppercase}.logo-subtitle{font-size:.7rem;letter-spacing:4px;color:var(--color-text-secondary);text-transform:uppercase;font-weight:500;margin-top:2px}.navbar-menu{display:flex;align-items:center;justify-content:center;gap:2.5rem;list-style:none}.nav-link{color:var(--color-text-secondary);font-weight:500;font-size:.95rem;text-decoration:none;text-transform:uppercase;letter-spacing:1.5px;transition:var(--transition);position:relative;padding:.5rem 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-gold-light));transition:width .3s ease}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after{width:100%}.nav-outline{padding:.55rem 1.6rem;border:1.5px solid var(--color-primary);border-radius:999px;color:var(--color-text-primary);background:rgba(0,0,0,.25);box-shadow:0 6px 18px #d4af3740}.nav-outline:after{display:none}.nav-outline:hover{background:linear-gradient(135deg,rgba(212,175,55,.15),rgba(212,175,55,.05));color:#fff;transform:translateY(-1px);box-shadow:0 10px 28px #d4af3759}.btn-agendar{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#000!important;padding:.8rem 2rem!important;border-radius:50px;font-weight:700;box-shadow:0 4px 20px #d4af3766;transition:var(--transition)}.btn-agendar:after{display:none}.btn-agendar:hover{background:linear-gradient(135deg,var(--color-gold-light),var(--color-primary));transform:translateY(-2px);box-shadow:0 6px 30px #d4af3799;color:#000!important}.menu-toggle{display:none;align-items:center;justify-content:center;cursor:pointer;padding:8px;border-radius:8px;transition:all .3s ease;font-size:28px;width:44px;height:44px}.menu-toggle:hover{background:rgba(212,175,55,.1);transform:scale(1.1)}.menu-toggle i{transition:all .4s cubic-bezier(.68,-.55,.265,1.55);display:inline-block}.menu-toggle.active i{transform:rotate(180deg) scale(.85);color:#ffd43b!important;filter:drop-shadow(0 0 8px rgba(255,212,59,.6))}@media (max-width: 968px){.navbar-container{height:70px;padding:0 1.5rem;display:flex;justify-content:space-between;align-items:center}.navbar-logo{flex:1}.menu-toggle{display:flex;flex-shrink:0}.navbar-menu{position:fixed;top:70px;left:0;right:0;background:rgba(26,26,26,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .4s ease,box-shadow .4s ease;box-shadow:none;padding:0;border-bottom:none}.navbar-menu.active{max-height:400px;padding:1.5rem 0;box-shadow:0 10px 40px #00000080}.nav-link{padding:1.2rem 2rem;font-size:1rem;width:100%;border-bottom:none;text-align:left}.nav-link:after{display:none}.nav-link:hover{background:rgba(212,175,55,.1)}.btn-agendar{margin:1rem 2rem .5rem!important;width:calc(100% - 4rem)!important;border-bottom:none!important;text-align:center}}@media (max-width: 768px){.navbar-container{height:65px;padding:0 1rem}.logo-emblem{width:45px;height:45px}.logo-text{font-size:1.2rem}.logo-subtitle{font-size:.65rem}.navbar-menu{top:65px}.nav-link{padding:1rem 1.5rem;font-size:.95rem}.btn-agendar{margin:1rem 1.5rem .5rem!important;width:calc(100% - 3rem)!important}}@media (max-width: 480px){.navbar-container{height:60px;padding:0 1rem}.logo-emblem{width:40px;height:40px}.logo-icon{font-size:1.2rem}.logo-text{font-size:1rem;letter-spacing:2px}.logo-subtitle{font-size:.6rem;letter-spacing:3px}.navbar-menu{top:60px}}.footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:4rem 0 2rem;margin-top:auto}.footer-container{max-width:1400px;margin:0 auto;padding:0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-column h3,.footer-column h4{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.1rem;text-transform:uppercase;letter-spacing:2px}.footer-logo{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.footer-logo-img{height:200px;width:auto;max-width:100%;display:block;object-fit:contain;border-radius:8px;box-shadow:none;filter:none}.footer-logo-emblem{width:45px;height:45px;background:linear-gradient(135deg,var(--color-primary),var(--color-gold-light));border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem}.footer-logo-emblem span{filter:grayscale(100%) brightness(0)}.footer-logo h3{font-family:Playfair Display,Georgia,serif;font-size:1.3rem;font-weight:900;letter-spacing:3px;background:linear-gradient(135deg,var(--color-primary),var(--color-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.footer-logo-subtitle{font-size:.65rem;letter-spacing:4px;color:var(--color-text-secondary);text-transform:uppercase;margin-top:2px}.footer-description{color:var(--color-text-secondary);line-height:1.8;font-size:.95rem}.footer-links,.footer-info{list-style:none;padding:0;margin:0}.footer-links li,.footer-info li{margin-bottom:.8rem}.footer-links a{color:var(--color-text-secondary);text-decoration:none;transition:var(--transition);display:inline-block}.footer-links a:hover{color:var(--color-primary);transform:translate(5px)}.footer-maps-link{color:var(--color-text-secondary);text-decoration:none;transition:var(--transition);display:inline-block;cursor:pointer}.footer-maps-link:hover{color:var(--color-primary);transform:translate(5px)}.footer-info li{color:var(--color-text-secondary);font-size:.95rem}.footer-contactanos{margin-top:2.5rem;padding-top:2rem;border-top:1px solid rgba(212,175,55,.15)}.footer-contactanos h5{color:var(--color-text-primary);font-size:.95rem;text-transform:uppercase;letter-spacing:2px;margin-bottom:1.5rem;font-weight:700}.footer-social-icons{display:flex;gap:1.5rem}.social-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(212,175,55,.1);color:var(--color-primary);text-decoration:none;transition:var(--transition);font-size:1.1rem}.social-icon:hover{background:linear-gradient(135deg,var(--color-primary),var(--color-gold-light));color:#000;transform:translateY(-3px);box-shadow:0 8px 20px #d4af374d}.footer-map-wrapper{border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #00000059}.footer-map-iframe{display:block}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.9rem}.footer-social{display:flex;gap:1.5rem}.footer-social a{font-size:1.5rem;transition:var(--transition);filter:grayscale(100%);opacity:.7}.footer-social a:hover{filter:grayscale(0%);opacity:1;transform:translateY(-3px)}@media (max-width: 968px){.footer-grid{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (max-width: 768px){.footer-logo-img{height:150px}.footer-grid{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1.5rem;text-align:center}.footer-social{justify-content:center}}@media (max-width: 480px){.footer{padding:3rem 0 1.5rem}.footer-container{padding:0 1rem}.footer-logo h3{font-size:1.1rem}.footer-logo-img{height:110px}.footer-description{font-size:.9rem}}.footer-referencia{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--color-border)}.footer-referencia h4{margin-bottom:.8rem}.footer-referencia p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1rem}.footer-referencia-logo{display:flex;justify-content:center;align-items:center;margin-top:1rem}.chedraui-logo{max-width:120px;height:auto;object-fit:contain;filter:brightness(.9);transition:filter .3s ease}.chedraui-logo:hover{filter:brightness(1.1)}@media (max-width: 768px){.footer-referencia{margin-top:1.5rem;padding-top:1rem}.chedraui-logo{max-width:100px}}.home-page{width:100%;overflow-x:hidden}.container{max-width:1400px;margin:0 auto;padding:0 2rem}.hero-section{position:relative;height:90vh;min-height:550px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 100%);overflow:hidden;padding-top:40px}.hero-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 50%,rgba(212,175,55,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(212,175,55,.08) 0%,transparent 50%);pointer-events:none}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:url(https://images.unsplash.com/photo-1585747860715-2ba37e788b70?w=1600) center/cover;opacity:.15;filter:grayscale(30%)}.hero-content{position:relative;z-index:2;text-align:center;max-width:900px;padding:0 2rem;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero-badge{display:block;padding:.75rem 2rem;border:1.5px solid var(--color-primary);color:var(--color-primary);background:rgba(212,175,55,.1);font-size:.9rem;letter-spacing:3px;text-transform:uppercase;margin:.4rem auto 1.5rem;border-radius:50px;font-weight:600;width:fit-content}.hero-logo{width:clamp(160px,32vw,380px);height:auto;margin-bottom:.25rem;filter:drop-shadow(0 6px 24px rgba(212,175,55,.35));animation:fadeInScale 1.2s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.hero-title{font-size:clamp(3rem,8vw,6rem);font-weight:900;letter-spacing:-2px;line-height:1.1;margin-bottom:1.5rem;color:var(--color-text-primary);text-transform:uppercase}.hero-title-gold{background:linear-gradient(135deg,var(--color-primary),var(--color-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.hero-subtitle{font-size:1.25rem;color:var(--color-text-secondary);margin-bottom:3rem;line-height:1.8;max-width:600px;margin-left:auto;margin-right:auto}.hero-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.btn-hero-primary,.btn-hero-secondary{padding:1rem 2.5rem;font-size:1rem;font-weight:600;text-decoration:none;border-radius:50px;transition:var(--transition);text-transform:uppercase;letter-spacing:1px;display:inline-block}.btn-hero-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#000;box-shadow:0 8px 24px #d4af3759}.btn-hero-primary:hover{transform:translateY(-3px);box-shadow:0 12px 36px #d4af3780}.btn-hero-secondary{background:transparent;color:var(--color-text-primary);border:2px solid var(--color-primary);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.btn-hero-secondary:hover{background:var(--color-primary);color:#000;transform:translateY(-3px)}.services-experience{padding:50px 0;background:linear-gradient(135deg,rgba(10,10,10,.75) 0%,rgba(15,15,15,.75) 100%),url(https://opentextbc.ca/accessibilitytoolkit/wp-content/uploads/sites/335/2021/01/pexels-nick-demou-1319459-scaled-1.jpg) center/cover;position:relative;overflow:hidden}.services-experience:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.services-experience:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.services-pricelist-section{padding:120px 0;background:linear-gradient(135deg,rgba(10,10,10,.85) 0%,rgba(15,15,15,.85) 100%),url(https://static.wixstatic.com/media/aaefd5_0cb2ccbd47ae4d04ae24e69b6bbf13b7~mv2.jpg/v1/fill/w_568,h_378,al_c,q_80,usm_0.66_1.00_0.01,enc_avif,quality_auto/aaefd5_0cb2ccbd47ae4d04ae24e69b6bbf13b7~mv2.jpg) center/cover no-repeat;position:relative;overflow:hidden}.services-pricelist-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.services-pricelist-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}.section-header{text-align:center;margin-bottom:2rem;position:relative;z-index:2;padding:2rem}.section-header:before{content:"";display:none}.section-header:after{content:"";display:block;width:100px;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);margin:1.5rem auto 0}.section-title{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:1rem;color:var(--color-primary);font-weight:800;letter-spacing:-1px;text-transform:uppercase}.section-subtitle{font-size:1.25rem;color:var(--color-text-secondary)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}.service-card{background:linear-gradient(135deg,rgba(212,175,55,.05) 0%,rgba(212,175,55,.02) 100%);border:2px solid rgba(212,175,55,.2);border-radius:12px;padding:3rem 2rem;text-align:center;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);transition:var(--transition)}.service-card:hover:before{left:100%}.service-card:hover{transform:translateY(-10px);border-color:var(--color-primary);background:linear-gradient(135deg,rgba(212,175,55,.12) 0%,rgba(212,175,55,.05) 100%);box-shadow:0 20px 50px #d4af3740}.service-icon{font-size:3.5rem;margin-bottom:1.5rem;filter:grayscale(100%);transition:var(--transition)}.service-card:hover .service-icon{filter:grayscale(0%);transform:scale(1.1)}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px}.service-card p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:1.5rem}.service-price{display:inline-block;color:var(--color-primary);font-weight:700;font-size:1.25rem;letter-spacing:1px}.services-cta{text-align:center}.services-pricelist{margin:3rem 0 2rem;padding:2.5rem;border:2px solid rgba(212,175,55,.25);border-radius:14px;background:linear-gradient(135deg,rgba(0,0,0,.55),rgba(15,15,15,.65));box-shadow:0 18px 50px #00000040}.services-pricelist h3{color:var(--color-primary);font-size:1.4rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem;font-weight:800}.services-pricelist ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}.services-pricelist li{display:flex;justify-content:space-between;gap:1.5rem;align-items:flex-start;padding:.9rem 1rem;border-bottom:1px solid rgba(212,175,55,.2);color:var(--color-text-secondary);line-height:1.5}.services-pricelist li:last-child{border-bottom:none}.services-pricelist li span{flex:1}.services-pricelist li strong{color:var(--color-primary);min-width:70px;text-align:right;letter-spacing:.5px}.services-note{margin-top:1.25rem;color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;border-left:3px solid var(--color-primary);padding-left:.8rem}.btn-view-all{display:inline-block;padding:1.2rem 3rem;background:transparent;color:var(--color-text-primary);border:2px solid var(--color-primary);border-radius:50px;text-decoration:none;font-weight:700;text-transform:uppercase;letter-spacing:2px;transition:var(--transition);font-size:.95rem}.btn-view-all:hover{background:var(--color-primary);color:#000;transform:translateY(-2px)}.experience-section{padding:90px 0;background:linear-gradient(135deg,rgba(212,175,55,.08) 0%,rgba(212,175,55,.03) 100%)}.experience-inner{text-align:center;max-width:900px}.experience-section h2{font-size:clamp(2.2rem,5vw,3.2rem);color:var(--color-primary);font-weight:800;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.experience-section p{font-size:1.2rem;color:var(--color-text-secondary);line-height:1.8;margin:0 auto}.why-us-section{padding:100px 0;background:linear-gradient(135deg,rgba(10,10,10,.85) 0%,rgba(15,15,15,.85) 100%),url(https://images.newrepublic.com/9bba0e56c589fb3e06191969202abb446327a86a.jpeg?auto=format&fit=crop&crop=faces&q=65&w=1000&ar=3%3A2&ixlib=react-9.10.0) center/cover no-repeat;position:relative;overflow:hidden}.why-us-section:before{content:"";position:absolute;top:-10%;right:-15%;width:800px;height:800px;background:radial-gradient(circle,rgba(212,175,55,.15) 0%,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(40px)}.why-us-section:after{content:"";position:absolute;bottom:-20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%);border-radius:50%;pointer-events:none;filter:blur(40px)}.why-us-grid{display:grid;grid-template-columns:1fr;gap:5rem;align-items:center;position:relative;z-index:1;background:linear-gradient(to right,rgba(212,175,55,.03) 0%,transparent 50%,rgba(212,175,55,.03) 100%);padding:4rem;border-radius:12px;border:2px solid rgba(212,175,55,.15);border-top:3px solid var(--color-primary);border-bottom:3px solid var(--color-primary)}.why-us-content{max-width:800px}.why-us-title{font-size:clamp(2.5rem,5vw,3.5rem);line-height:1.2;margin-bottom:3rem;color:var(--color-text-primary);font-weight:800;letter-spacing:-1px}.why-us-title:before{content:"💈";display:block;font-size:2rem;margin-bottom:1rem;filter:drop-shadow(0 4px 12px rgba(212,175,55,.3))}.highlight-gold{color:var(--color-primary);display:block;text-shadow:0 4px 20px rgba(212,175,55,.3)}.why-us-intro{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.8;margin-bottom:2rem;max-width:780px}.why-us-features{display:flex;flex-direction:column;gap:2.5rem}.feature-item{display:flex;gap:2rem;align-items:flex-start;padding:2.5rem;background:linear-gradient(135deg,rgba(212,175,55,.08) 0%,rgba(212,175,55,.03) 100%);border-left:4px solid var(--color-primary);border-radius:10px;transition:var(--transition);position:relative;overflow:hidden}.feature-item:before{content:"✂️";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:2.5rem;opacity:.1;z-index:0}.feature-item:hover{background:linear-gradient(135deg,rgba(212,175,55,.15) 0%,rgba(212,175,55,.08) 100%);transform:translate(10px);box-shadow:0 8px 32px #d4af3726}.feature-number{font-size:2.5rem;font-weight:900;color:var(--color-primary);opacity:.9;line-height:1;min-width:50px;background:rgba(212,175,55,.15);width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:8px;border:1px solid var(--color-primary)}.feature-text{position:relative;z-index:1}.feature-text h4{font-size:1.3rem;margin-bottom:.75rem;color:var(--color-primary);font-weight:700;text-transform:uppercase;letter-spacing:1px}.feature-text p{color:var(--color-text-secondary);line-height:1.7;font-size:.95rem}.cta-section{padding:120px 0;background:linear-gradient(135deg,var(--color-primary-dark) 0%,var(--color-primary) 100%);text-align:center;position:relative;overflow:hidden}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:moveGrid 20s linear infinite}@keyframes moveGrid{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.cta-content{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0 2rem}.cta-section h2{font-size:clamp(2.5rem,5vw,4rem);color:#000;margin-bottom:1rem;font-weight:900;text-transform:uppercase}.cta-section p{font-size:1.5rem;color:#000c;margin-bottom:3rem}.btn-cta{display:inline-block;padding:1.25rem 3rem;background:#000;color:var(--color-primary);border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;text-transform:uppercase;letter-spacing:2px;transition:var(--transition);box-shadow:0 10px 40px #0000004d}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 15px 50px #00000080}@media (max-width: 968px){.why-us-grid{grid-template-columns:1fr;gap:3rem}.why-us-stats{grid-template-columns:1fr}.stat-card:first-child{grid-column:1}.hero-buttons{flex-direction:column}.btn-hero-primary,.btn-hero-secondary{width:100%;max-width:300px}}@media (max-width: 768px){.services-grid{grid-template-columns:1fr}.hero-section{min-height:600px}.services-section,.why-us-section,.cta-section{padding:80px 0}.feature-item{flex-direction:column;gap:1rem}.feature-number{min-width:auto}}@media (max-width: 480px){.hero-badge{font-size:.7rem;padding:.4rem 1rem}.hero-subtitle{font-size:1rem}.service-card{padding:2rem 1.5rem}}.react-calendar{width:350px;max-width:100%;background:white;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.reserva-form-container{min-height:100vh;background:linear-gradient(135deg,rgba(10,10,10,.8) 0%,rgba(15,15,15,.85) 100%),url(https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTF511n6MmoheembsMtQZcUtU6FQsYrS_wuWw&s) center/cover fixed;padding:6rem 2rem 4rem}.reserva-form-header{text-align:center;margin-bottom:3rem;max-width:800px;margin-left:auto;margin-right:auto}.reserva-form-header h2{font-size:clamp(2.5rem,5vw,3.5rem);color:var(--color-text-primary);margin-bottom:1rem;font-weight:900}.reserva-form-header p{color:var(--color-text-secondary);font-size:1.25rem;line-height:1.6}.reserva-form-loading{text-align:center;padding:4rem 2rem;font-size:1.2rem;color:var(--color-text-secondary)}.reserva-form{max-width:800px;margin:0 auto;background:var(--color-surface);padding:3rem;border-radius:20px;border:1px solid var(--color-border);box-shadow:0 10px 40px #0000004d;display:flex;flex-direction:column;gap:2.5rem}.form-section{border:none;padding:2rem;background:var(--color-background);border-radius:15px;border-left:4px solid var(--color-primary)}.form-section legend{font-size:1.4rem;font-weight:700;color:var(--color-primary);margin-bottom:1.5rem;padding-left:0;text-transform:uppercase;letter-spacing:1px}.form-group{margin-bottom:1.5rem;display:flex;flex-direction:column}.form-group:last-child{margin-bottom:0}.form-group label{font-weight:600;color:var(--color-text-primary);margin-bottom:.75rem;font-size:1rem;letter-spacing:.5px}.form-group input[type=text],.form-group input[type=email],.form-group input[type=tel],.form-group input[type=date],.form-group select,.form-group textarea{padding:1rem;border:1px solid var(--color-border);border-radius:10px;font-size:1rem;font-family:inherit;background:var(--color-surface);color:var(--color-text-primary);transition:var(--transition)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4af371a}.form-group small{color:var(--color-text-muted);font-size:.85rem;margin-top:.5rem;line-height:1.4}.servicio-info,.barbero-info{padding:1.5rem;background:rgba(212,175,55,.1);border-left:4px solid var(--color-primary);margin-top:1rem;border-radius:12px}.servicio-info p,.barbero-info p{margin:.5rem 0;color:var(--color-text-primary);font-size:1rem}.btn-cargar-slots{padding:1rem 2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#000;border:none;border-radius:50px;cursor:pointer;font-weight:700;transition:var(--transition);margin-top:1rem;text-transform:uppercase;letter-spacing:1px}.btn-cargar-slots:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.btn-cargar-slots:disabled{background:var(--color-surface-light);color:var(--color-text-muted);cursor:not-allowed;opacity:.5}.slots-container{margin-top:2rem}.slots-title{font-weight:700;color:var(--color-primary);margin-bottom:1.5rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:1px}.slots-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem}.slot-button{padding:1rem;background:var(--color-background);border:2px solid var(--color-border);border-radius:12px;cursor:pointer;font-weight:600;color:var(--color-text-primary);transition:var(--transition);font-size:.95rem}.slot-button:hover{border-color:var(--color-primary);background:rgba(212,175,55,.1);transform:translateY(-2px)}.slot-button.selected{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#000;border-color:var(--color-primary);box-shadow:0 4px 15px #d4af374d}.error-text{color:#f44;font-size:1rem;margin-top:1rem;padding:1rem;background:rgba(255,68,68,.1);border-radius:10px;border-left:4px solid #ff4444}.slot-seleccionado{padding:1.5rem;background:rgba(212,175,55,.15);border:2px solid var(--color-primary);border-radius:12px;color:var(--color-text-primary);margin-top:1.5rem}.slot-seleccionado p{margin:0;font-weight:600}.error-message,.success-message{padding:1.5rem;border-radius:15px;text-align:center;font-weight:600;font-size:1rem;margin:1.5rem 0}.error-message{background:rgba(255,68,68,.1);color:#f44;border:2px solid #ff4444}.success-message{background:rgba(212,175,55,.15);color:var(--color-primary);border:2px solid var(--color-primary)}.btn-submit{padding:1.25rem 3rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#000;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:2px;box-shadow:0 4px 20px #d4af3766;width:100%;margin-top:1rem}.btn-submit:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #d4af3799}.btn-submit:disabled{background:var(--color-surface-light);color:var(--color-text-muted);cursor:not-allowed;opacity:.5;box-shadow:none}@media (max-width: 768px){.reserva-form-container{padding:4rem 1rem 3rem}.reserva-form{padding:2rem 1.5rem;gap:2rem}.form-section{padding:1.5rem}.reserva-form-header{margin-bottom:2.5rem}.slots-grid{grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem}.form-group input,.form-group select,.form-group textarea{font-size:16px}.btn-submit{padding:1.1rem 2.5rem;font-size:1rem}}@media (max-width: 480px){.reserva-form-container{padding:3rem 1rem 2rem}.reserva-form{padding:1.5rem 1rem;gap:1.5rem}.form-section{padding:1.25rem}.reserva-form-header{margin-bottom:2rem}.servicio-input-group{flex-direction:column;gap:.75rem}.servicio-select-wrapper,.btn-agregar-servicio,.btn-eliminar-servicio{width:100%}.btn-submit{padding:1rem 2rem;font-size:.95rem;letter-spacing:1.5px}.slots-grid{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}}.servicio-input-group{display:flex;gap:1rem;align-items:flex-start}.servicio-select-wrapper{flex:1;display:flex;flex-direction:column}.servicio-select-wrapper label{font-weight:600;margin-bottom:.75rem;color:var(--color-text-primary);font-size:1rem}.servicio-select-wrapper select{padding:1rem;border:1px solid var(--color-border);border-radius:10px;font-size:1rem;background:var(--color-surface);color:var(--color-text-primary);cursor:pointer;transition:var(--transition);width:100%}.servicio-select-wrapper select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #d4af371a}.servicio-precio{font-weight:900;background:linear-gradient(135deg,var(--color-primary),var(--color-gold-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.5rem;padding:1rem;background:rgba(212,175,55,.1);border-radius:10px;text-align:center;min-width:100px;display:flex;align-items:center;justify-content:center}.btn-agregar-servicio{padding:1rem 2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#000;border:none;border-radius:50px;font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition);margin-top:1rem;text-transform:uppercase;letter-spacing:1px}.btn-agregar-servicio:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d4af3766}.btn-agregar-servicio:active{transform:translateY(0)}.btn-eliminar-servicio{padding:.75rem 1rem;background:#ff4444;color:#fff;border:none;border-radius:10px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:var(--transition);min-width:50px;height:50px}.btn-eliminar-servicio:hover{background:#dd3333;transform:scale(1.05)}.btn-eliminar-servicio:active{transform:scale(.95)}.limite-servicios{padding:1.25rem;background:rgba(212,175,55,.1);border-left:4px solid var(--color-primary);color:var(--color-text-primary);border-radius:12px;font-size:1rem;margin-top:1rem}.servicio-resumen{padding:1rem;background:linear-gradient(135deg,#e8f5e9,#f1f8e9);border-left:4px solid #4CAF50;border-radius:4px;margin-top:1rem}.servicio-resumen p{margin:0;font-size:1.1rem;color:#2e7d32;font-weight:600}.servicio-nota{font-size:.85rem;color:#666;font-style:italic;margin-top:1rem;padding:.5rem;background:#f5f5f5;border-radius:4px}.calendario-container{display:flex;justify-content:center;padding:2rem 0}.calendario-imperial{max-width:100%;width:100%}.calendario-imperial.react-calendar{width:100%;max-width:100%;background:var(--color-surface);border:2px solid var(--color-gold);border-radius:15px;font-family:Playfair Display,serif;padding:1.5rem;box-shadow:0 4px 15px #d4af371a}.calendario-imperial.react-calendar *{box-sizing:border-box}.calendario-imperial.react-calendar button{margin:0;border:none;border-radius:8px;background:transparent;cursor:pointer;padding:.75rem .5rem;font-size:1rem;font-weight:600;transition:all .2s ease}.calendario-imperial.react-calendar button:hover:not([disabled]){background:rgba(212,175,55,.2);transform:scale(1.05)}.calendario-imperial.react-calendar button[disabled]{color:#999;cursor:not-allowed;opacity:.5}.calendario-imperial .react-calendar__navigation{display:flex;justify-content:space-between;margin-bottom:1.5rem}.calendario-imperial .react-calendar__navigation button{color:var(--color-gold);font-weight:700;min-width:auto;padding:.5rem}.calendario-imperial .react-calendar__navigation__label{font-size:1.3rem;color:var(--color-text-primary);font-weight:900;text-transform:uppercase;letter-spacing:1px}.calendario-imperial .react-calendar__month-view__weekdays{text-transform:uppercase;font-weight:700;color:var(--color-gold);font-size:.85rem;margin-bottom:1rem;letter-spacing:.5px}.calendario-imperial .react-calendar__month-view__weekdays__weekday{padding:.5rem;abbr {text-decoration: none;}}.calendario-imperial .react-calendar__month-view__days__day{color:var(--color-text-primary);padding:.75rem .25rem;border-radius:8px;transition:all .2s ease}.calendario-imperial .react-calendar__month-view__days__day--weekend{color:var(--color-gold)}.calendario-imperial .react-calendar__month-view__days__day.react-calendar__date__now{background:rgba(212,175,55,.15);color:#fff;font-weight:700;border:2px solid var(--color-gold)}.calendario-imperial .react-calendar__tile--active,.calendario-imperial .react-calendar__tile--selected{background:transparent;color:var(--color-text-primary);font-weight:700;border-radius:8px;border:2px solid var(--color-gold);box-shadow:none;transform:none}.calendario-imperial .react-calendar__tile--active:hover,.calendario-imperial .react-calendar__tile--selected:hover{background:rgba(212,175,55,.12);border-color:var(--color-gold);box-shadow:0 4px 12px #d4af3740}.calendario-imperial .react-calendar__tile:disabled{background:transparent;color:#999}.calendario-imperial .react-calendar__year-view,.calendario-imperial .react-calendar__decade-view{padding:1rem}.calendario-imperial .react-calendar__year-view__months__month,.calendario-imperial .react-calendar__decade-view__years__year{padding:1.5rem .5rem;border-radius:8px}.calendario-imperial .react-calendar__year-view__months__month--now,.calendario-imperial .react-calendar__decade-view__years__year--now{border:2px solid var(--color-gold)}.barberos-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.12rem;margin-top:.3rem}.barbero-card{background:rgba(30,41,59,.6);border:1px solid var(--color-border);border-radius:5px;padding:.05rem;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:.04rem;overflow:hidden}.barbero-card:hover{border-color:var(--color-gold);background:rgba(30,41,59,.9);transform:translateY(-2px);box-shadow:0 6px 18px #daa5204d}.barbero-card.selected{border-color:var(--color-gold);background:rgba(218,165,32,.15);box-shadow:0 0 15px #daa5204d}.barbero-card-foto{width:80%;aspect-ratio:1/1.5;border-radius:4px;overflow:hidden;border:1px solid var(--color-border);background:linear-gradient(135deg,rgba(218,165,32,.15),rgba(30,41,59,.8));display:flex;align-items:center;justify-content:center;transition:all .3s ease}.barbero-card:hover .barbero-card-foto,.barbero-card.selected .barbero-card-foto{border-color:var(--color-gold);box-shadow:0 0 12px #daa52066}.barbero-card-foto img{width:100%;height:100%;object-fit:cover;object-position:center top}.barbero-initials{font-size:1rem;font-weight:700;color:var(--color-gold);text-transform:uppercase}.barbero-card-nombre{font-size:.85rem;font-weight:600;color:var(--color-text-primary);text-align:center;line-height:1;word-break:break-word;min-height:.85em}.barbero-card.selected .barbero-card-nombre{color:var(--color-gold)}.no-barberos{text-align:center;color:var(--color-text-secondary);font-style:italic;padding:1.5rem;grid-column:1 / -1}@media (max-width: 768px){.barberos-grid{grid-template-columns:repeat(2,1fr);gap:.1rem;margin-top:.2rem}.barbero-card{padding:.05rem;gap:.03rem;border-width:1px}.barbero-card-foto{width:100%;aspect-ratio:1/1.5;border-radius:4px}.barbero-initials{font-size:.75rem}.barbero-card-nombre{font-size:.55rem;line-height:.8}}@media (max-width: 480px){.barberos-grid{grid-template-columns:1fr;gap:.1rem;margin-top:.15rem;margin-left:4rem;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.barbero-card{padding:.15rem;gap:.1rem;border-width:1px;width:60%}.barbero-card-foto{width:75%;aspect-ratio:1/1.5;border-radius:3px}.barbero-initials{font-size:1.15rem}.barbero-card-nombre{font-size:.9rem;line-height:1.1;font-weight:700}}.disclaimer-info{background:linear-gradient(135deg,rgba(245,158,11,.08) 0%,rgba(245,158,11,.04) 100%);border:2px solid rgba(245,158,11,.3);border-radius:15px;padding:2rem;margin-bottom:2.5rem}.disclaimer-section h3{color:var(--color-accent);font-size:1.4rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:10px}.disclaimer-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid rgba(245,158,11,.2)}.disclaimer-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.disclaimer-item h4{color:var(--color-text-primary);font-size:1rem;margin-bottom:.5rem;font-weight:700}.disclaimer-item p{color:var(--color-text-secondary);line-height:1.6;margin:0;font-size:.95rem}.carrito-container{max-width:1400px;margin:0 auto;padding:3rem 1.5rem;min-height:100vh;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)}.carrito-loading{text-align:center;padding:3rem;font-size:1.1rem;color:#94a3b8}.carrito-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(245,158,11,.2)}.carrito-header h2{font-size:2.2rem;color:#f1f5f9;margin:0;flex:1;font-weight:800}.btn-volver{background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);padding:.75rem 1.5rem;border-radius:10px;cursor:pointer;font-size:1rem;transition:all .3s ease;color:#f59e0b;font-weight:600}.btn-volver:hover{background:rgba(245,158,11,.25);border-color:#f59e0b80;transform:translate(-4px)}.carrito-vacio{text-align:center;padding:4rem 2rem;background:rgba(30,41,59,.8);border:1px solid rgba(245,158,11,.15);border-radius:16px;color:#cbd5e1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carrito-vacio p{font-size:1.3rem;margin-bottom:1.5rem;color:#f1f5f9}.carrito-contenido{display:grid;grid-template-columns:2.5fr 1fr;gap:2rem}.carrito-items{background:rgba(30,41,59,.8);border:1px solid rgba(245,158,11,.15);border-radius:16px;padding:2rem;box-shadow:0 20px 50px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carrito-items h3{font-size:1.4rem;color:#f59e0b;margin:0 0 1.5rem;border-bottom:2px solid rgba(245,158,11,.2);padding-bottom:1rem;font-weight:800}.carrito-item{display:grid;grid-template-columns:1fr 120px 60px 100px 50px;align-items:center;gap:1.5rem;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.02);border-radius:12px;margin-bottom:1rem;transition:all .3s ease}.carrito-item:hover{background:rgba(245,158,11,.08);border-color:#f59e0b33}.carrito-item:last-child{border-bottom:none;margin-bottom:0}.item-info{flex:1;min-width:0}.item-info h4{margin:0 0 .5rem;font-size:1rem;color:#f1f5f9;word-wrap:break-word;font-weight:700}.item-precio{margin:.25rem 0 0;color:#f59e0b;font-weight:700;font-size:.95rem}.item-cantidad{display:flex;align-items:center;gap:.25rem;background:rgba(255,255,255,.05);border:1px solid rgba(245,158,11,.2);border-radius:8px;padding:.25rem}.btn-cantidad{background:none;border:none;padding:.5rem .6rem;cursor:pointer;font-size:1rem;color:#f59e0b;font-weight:700;transition:all .2s ease;border-radius:6px}.btn-cantidad:hover{background:rgba(245,158,11,.2)}.input-cantidad{width:45px;text-align:center;border:none;background:transparent;font-weight:700;font-size:1rem;color:#f1f5f9}.input-cantidad:focus{outline:none}.item-subtotal{text-align:right;min-width:80px}.subtotal{margin:0;font-weight:800;color:#f59e0b;font-size:1.1rem}.btn-eliminar{background:rgba(248,113,113,.15);color:#fca5a5;border:1px solid rgba(248,113,113,.3);padding:.6rem .8rem;border-radius:8px;cursor:pointer;font-size:1rem;transition:all .3s ease;font-weight:700}.btn-eliminar:hover{background:rgba(248,113,113,.25);border-color:#f8717180;transform:scale(1.05)}.carrito-resumen{background:rgba(30,41,59,.8);border:1px solid rgba(245,158,11,.15);border-radius:16px;padding:2rem;box-shadow:0 20px 50px #0006;height:fit-content;position:sticky;top:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resumen-total{text-align:center;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid rgba(245,158,11,.2)}.resumen-total h3{margin:0 0 .75rem;color:#cbd5e1;font-size:.95rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.total-amount{margin:0;font-size:2.2rem;color:#f59e0b;font-weight:800}.btn-formulario{width:100%;padding:1rem;background:linear-gradient(135deg,rgba(245,158,11,.9),rgba(245,158,11,.8));color:#000;border:none;border-radius:10px;font-size:1rem;font-weight:800;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.btn-formulario:hover{background:linear-gradient(135deg,rgba(245,158,11,1),rgba(245,158,11,.9));transform:translateY(-2px);box-shadow:0 10px 25px #f59e0b4d}.checkout-formulario{background:rgba(255,255,255,.05);border:1px solid rgba(245,158,11,.15);border-radius:12px;padding:1.5rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.checkout-formulario h3{margin-top:0;color:#f59e0b;font-size:1.1rem;font-weight:800;margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#e5e7eb;font-weight:600;font-size:.95rem}.form-input{width:100%;padding:.9rem 1.2rem;border:1px solid rgba(245,158,11,.2);border-radius:10px;font-size:1rem;box-sizing:border-box;transition:all .3s ease;font-family:inherit;background:rgba(255,255,255,.08);color:#f1f5f9}.form-input:focus{outline:none;border-color:#f59e0b80;box-shadow:0 0 0 3px #f59e0b26;background:rgba(255,255,255,.12)}.form-input::placeholder{color:#e2e8f066}.terminos-container{margin-bottom:1.5rem;padding:1.25rem;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:10px}.terminos-aviso{margin-bottom:1rem}.terminos-aviso h4{margin:0 0 1rem;color:#f59e0b;font-size:1rem;font-weight:700}.terminos-aviso ul{margin:0;padding-left:1.5rem;color:#cbd5e1;font-size:.9rem;line-height:1.6}.terminos-aviso li{margin-bottom:.75rem}.terminos-aviso ul ul{margin:.5rem 0 0;font-size:.85rem}.checkbox-container{display:flex;align-items:flex-start;gap:.75rem;padding:1rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2);border-radius:10px}.checkbox{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0}.checkbox-label{margin:0;cursor:pointer;font-size:.95rem;color:#e5e7eb}.error-message{background:rgba(248,113,113,.15);color:#fca5a5;padding:1rem;border-radius:10px;border:1px solid rgba(248,113,113,.3);margin-bottom:1rem;font-weight:600}.btn-checkout{width:100%;padding:1.1rem;background:linear-gradient(135deg,rgba(34,197,94,.9),rgba(34,197,94,.8));color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:800;cursor:pointer;transition:all .3s ease;margin-bottom:.75rem}.btn-checkout:hover{background:linear-gradient(135deg,rgba(34,197,94,1),rgba(34,197,94,.9));transform:translateY(-2px);box-shadow:0 10px 25px #22c55e4d}.btn-cancelar-formulario{width:100%;padding:.9rem;background:rgba(148,163,184,.2);color:#cbd5e1;border:1px solid rgba(148,163,184,.3);border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:1rem}.btn-cancelar-formulario:hover{background:rgba(148,163,184,.3);border-color:#94a3b880}.btn-continuar-compra{width:100%;padding:1rem;background:rgba(59,130,246,.2);color:#93c5fd;border:1px solid rgba(59,130,246,.3);border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}@media (max-width: 1024px){.carrito-contenido{grid-template-columns:1fr}.carrito-resumen{position:static}}@media (max-width: 768px){.carrito-container{padding:2rem 1rem}.carrito-header{flex-direction:column;align-items:flex-start}.carrito-header h2{font-size:1.8rem}.carrito-item{grid-template-columns:1fr;gap:1rem;padding:1rem}.item-cantidad,.item-subtotal,.btn-eliminar{justify-self:start}.btn-eliminar{width:auto}.total-amount{font-size:1.8rem}.terminos-aviso ul{font-size:.85rem}.checkout-formulario{padding:1rem}.btn-checkout{padding:1rem;font-size:.95rem}.btn-cancelar-formulario{padding:.8rem;font-size:.9rem}}@media (max-width: 640px){.carrito-container{padding:1.5rem .75rem}.carrito-header{gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.carrito-header h2{font-size:1.5rem}.btn-volver{padding:.6rem 1rem;font-size:.9rem}.carrito-items{padding:1rem}.carrito-items h3{font-size:1.2rem;margin-bottom:1rem}.carrito-item{padding:.75rem;margin-bottom:.75rem}.item-info h4{font-size:.9rem}.item-precio{font-size:.85rem}.carrito-resumen{padding:1.25rem;position:fixed;bottom:0;left:0;right:0;width:100%;border-radius:0;border-top:2px solid rgba(245,158,11,.3);border-bottom:none;max-height:90vh;overflow-y:auto;z-index:100;box-shadow:0 -10px 30px #00000080}.resumen-total{margin-bottom:1rem;padding-bottom:1rem}.resumen-total h3{font-size:.85rem}.total-amount{font-size:1.6rem}.btn-formulario{padding:.9rem;font-size:.9rem;margin-bottom:.75rem}.checkout-formulario{padding:1rem;margin-bottom:.75rem}.checkout-formulario h3{font-size:1rem;margin-bottom:.75rem}.form-group{margin-bottom:.75rem}.form-group label{font-size:.9rem;margin-bottom:.4rem}.form-input{padding:.75rem 1rem;font-size:.9rem}.terminos-container{padding:1rem;margin-bottom:1rem}.terminos-aviso{margin-bottom:.75rem}.terminos-aviso h4{font-size:.95rem;margin-bottom:.75rem}.terminos-aviso ul{font-size:.8rem;padding-left:1.25rem}.terminos-aviso li{margin-bottom:.5rem}.checkbox-container{gap:.5rem;padding:.75rem}.checkbox{width:18px;height:18px}.checkbox-label{font-size:.9rem}.btn-checkout{padding:.95rem;font-size:.9rem;margin-bottom:.6rem}.btn-cancelar-formulario{padding:.75rem;font-size:.85rem;margin-bottom:.6rem}.btn-continuar-compra{padding:.9rem;font-size:.9rem}.error-message{padding:.75rem;font-size:.9rem;margin-bottom:.75rem}}@media (max-width: 480px){.carrito-resumen{padding:1rem;gap:.5rem}.carrito-header{flex-direction:column-reverse}.btn-volver{width:100%;text-align:center}.carrito-item{padding:.6rem;gap:.75rem}.item-info h4{font-size:.85rem}.total-amount{font-size:1.4rem}.btn-formulario,.btn-checkout,.btn-cancelar-formulario,.btn-continuar-compra{font-size:.85rem;padding:.8rem}}.btn-carrito-badge{background:#28a745;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:20px;cursor:pointer;font-size:.95rem;font-weight:700;transition:background .3s;margin-top:1rem}.btn-carrito-badge:hover{background:#218838}.btn-agregar-carrito{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .3s;font-weight:700}.btn-agregar-carrito:hover{background:#218838}.catalogo-container{min-height:100vh;background:linear-gradient(135deg,rgba(212,175,55,.1) 0%,rgba(212,175,55,.08) 100%),url(https://barberia-arturo-soria.lovable.app/assets/hero-barbershop-DkBfA7lG.jpg) center/cover;background-attachment:fixed;background-size:cover;padding:6rem 0 4rem}.catalogo-header{text-align:center;margin-bottom:3rem;padding:0 2rem}.catalogo-header h2{font-size:clamp(2rem,5vw,3.5rem);color:var(--color-text-primary);margin-bottom:.5rem;font-weight:900;letter-spacing:-1px;text-shadow:0 4px 12px rgba(0,0,0,.4)}.catalogo-header p{color:var(--color-text-secondary);font-size:1.1rem;text-shadow:0 2px 6px rgba(0,0,0,.3)}.catalogo-loading,.catalogo-error{text-align:center;padding:4rem 2rem;font-size:1.2rem;color:var(--color-text-secondary)}.catalogo-error{color:#ff6b6b;background:rgba(255,68,68,.1);border-radius:12px;margin:2rem;padding:2rem}.catalogo-section{max-width:1800px;margin:0 auto;padding:0 2rem}.filtros-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.buscador-categorias{position:relative;flex:1;min-width:260px}.input-buscador{width:100%;padding:1.2rem 3rem 1.2rem 1.8rem;font-size:1.05rem;background:rgba(26,26,26,.85);border:2px solid var(--color-primary);border-radius:50px;color:var(--color-text-primary);transition:all .4s cubic-bezier(.25,.46,.45,.94);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px #0000004d,inset 0 0 20px #d4af370d}.input-buscador:focus{outline:none;border-color:var(--color-gold-light);box-shadow:0 0 40px #d4af3780,inset 0 0 20px #d4af371a;background:rgba(26,26,26,.95)}.input-buscador::placeholder{color:var(--color-text-secondary)}.btn-limpiar{position:absolute;right:1.5rem;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;transition:all .3s ease;padding:.5rem}.btn-limpiar:hover{color:var(--color-primary);transform:translateY(-50%) scale(1.3)}.filtros-categorias{background:rgba(26,26,26,.7);border:1px solid rgba(212,175,55,.3);border-radius:20px;padding:1.8rem 2.2rem;margin-bottom:3.5rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 8px 32px #0003}.label-categoria{display:block;font-size:.95rem;font-weight:800;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:1.2rem}.botones-categorias{display:flex;flex-wrap:wrap;gap:1rem}.btn-categoria{padding:.7rem 1.5rem;border:2px solid var(--color-border);background:transparent;color:var(--color-text-secondary);border-radius:50px;cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-weight:600;text-transform:capitalize;font-size:.95rem}.btn-categoria:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(212,175,55,.1)}.btn-categoria.activo{background:linear-gradient(135deg,var(--color-primary),var(--color-gold-light));color:#000;border-color:var(--color-primary);font-weight:700;box-shadow:0 4px 15px #d4af374d}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem;margin-bottom:4rem}.producto-card{background:rgba(26,26,26,.92);border:2px solid var(--color-primary);border-radius:24px;overflow:hidden;transition:all .5s cubic-bezier(.25,.46,.45,.94);cursor:pointer;display:flex;flex-direction:column;height:100%;box-shadow:0 8px 24px #0000004d,0 0 20px #d4af371a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.producto-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);z-index:10}.descuento-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#111;font-weight:800;padding:6px 10px;border-radius:10px;box-shadow:0 6px 18px #00000059;letter-spacing:.5px}.precios{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.precio-anterior{color:#b0b0b0;text-decoration:line-through;font-weight:600;font-size:.95em}.precio-oferta{color:#f59e0b;font-weight:800}.producto-card:hover{transform:translateY(-16px);border-color:var(--color-gold-light);box-shadow:0 20px 50px #d4af3740,0 0 30px #d4af3726}.imagen-container{width:100%;height:300px;overflow:hidden;background:linear-gradient(135deg,var(--color-surface-light) 0%,var(--color-surface) 100%);display:flex;align-items:center;justify-content:center;position:relative;border-bottom:2px solid rgba(212,175,55,.15)}.imagen-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(212,175,55,.08) 0%,transparent 100%);pointer-events:none}.imagen-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94);position:relative;z-index:1}.producto-card:hover .imagen-container img{transform:scale(1.1)}.card-content{padding:2rem;display:flex;flex-direction:column;flex:1;gap:1.2rem;background:linear-gradient(135deg,rgba(26,26,26,1) 0%,rgba(30,30,30,1) 100%);position:relative}.card-content:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(212,175,55,.25),transparent)}.card-content h3{font-size:1.5rem;color:var(--color-text-primary);margin:0;font-weight:800;line-height:1.3;letter-spacing:-.5px}.categoria-badge{display:inline-block;background:linear-gradient(135deg,rgba(212,175,55,.3) 0%,rgba(240,217,127,.15) 100%);color:var(--color-primary);padding:.5rem 1.3rem;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;width:fit-content;border:1px solid rgba(212,175,55,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.descripcion{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.promocion-valida{color:#10b981;font-size:.9rem;font-weight:600;margin:.5rem 0 1rem;padding:.5rem .75rem;background:rgba(16,185,129,.1);border-left:3px solid #10b981;border-radius:4px}.card-footer{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(212,175,55,.2);position:relative}.precio{font-size:2rem;font-weight:900;color:var(--color-primary);letter-spacing:-1px}.btn-agregar{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-gold-light) 100%);color:#000;border:none;padding:.9rem 1.8rem;border-radius:50px;font-weight:800;font-size:.85rem;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);text-transform:uppercase;letter-spacing:1.5px;white-space:nowrap;box-shadow:0 6px 20px #d4af3740;position:relative;z-index:5}.btn-agregar:hover{transform:translateY(-4px);box-shadow:0 12px 30px #d4af3766;letter-spacing:2px}.btn-agregar:active{transform:translateY(-2px)}.btn-agregar:disabled{background:linear-gradient(135deg,#666,#555);cursor:not-allowed;opacity:.6;box-shadow:none}.btn-agregar:disabled:hover{transform:none;box-shadow:none;letter-spacing:1.5px}.sin-resultados{grid-column:1 / -1;text-align:center;padding:4rem 2rem;color:var(--color-text-secondary);font-size:1.2rem}.btn-carrito-badge{position:fixed;bottom:2rem;right:2rem;z-index:999;background:linear-gradient(135deg,var(--color-primary),var(--color-gold-light));color:#000;border:none;padding:1.2rem 2.4rem;border-radius:50px;font-weight:800;font-size:1rem;cursor:pointer;transition:all .4s cubic-bezier(.25,.46,.45,.94);box-shadow:0 12px 40px #d4af3759,inset -2px -2px 8px #0003;text-transform:uppercase;letter-spacing:1.2px}.btn-carrito-badge:hover{transform:translateY(-6px);box-shadow:0 20px 50px #d4af3773,inset -2px -2px 8px #0003}.btn-carrito-badge:active{transform:translateY(-2px)}@media (max-width: 1400px){.productos-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}}@media (max-width: 1024px){.productos-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.8rem}.imagen-container{height:260px}.card-content{padding:1.8rem}.card-content h3{font-size:1.4rem}}@media (max-width: 768px){.catalogo-container{padding:4rem 0 3rem}.catalogo-header{margin-bottom:2rem;padding:0 1.5rem}.catalogo-section{padding:0 1rem}.buscador-container{margin-bottom:1.5rem;max-width:100%}.filtros-categorias{padding:1.5rem;margin-bottom:2rem}.botones-categorias{gap:.8rem}.btn-categoria{padding:.6rem 1.2rem;font-size:.9rem}.label-categoria{font-size:.9rem;margin-bottom:1rem}.productos-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.imagen-container{height:220px}.card-content{padding:1.5rem;gap:1rem}.card-content h3{font-size:1.2rem}.descripcion{font-size:.9rem}.card-footer{gap:1rem;padding-top:1rem}.precio{font-size:1.5rem}.btn-agregar{padding:.7rem 1.4rem;font-size:.8rem}.btn-carrito-badge{bottom:1.5rem;right:1.5rem;padding:1rem 1.8rem;font-size:.9rem}}@media (max-width: 480px){.catalogo-container{padding:3rem 0 2rem}.catalogo-header h2{font-size:1.8rem}.catalogo-header p{font-size:.95rem}.buscador-container{margin-bottom:1.2rem}.input-buscador{padding:1rem 2.5rem 1rem 1.5rem;font-size:1rem}.filtros-categorias{padding:1.2rem;margin-bottom:1.5rem}.label-categoria{font-size:.85rem;margin-bottom:.8rem}.botones-categorias{gap:.6rem}.btn-categoria{padding:.5rem 1rem;font-size:.8rem}.productos-grid{grid-template-columns:1fr;gap:1.2rem}.imagen-container{height:180px}.card-content{padding:1.2rem;gap:.8rem}.card-content h3{font-size:1.1rem}.precio{font-size:1.4rem}.btn-agregar{padding:.6rem 1.2rem;font-size:.75rem}.btn-carrito-badge{bottom:1rem;right:1rem;padding:.9rem 1.5rem;font-size:.8rem}}.misreservas-container{min-height:100vh;background-image:url(https://images.fresha.com/locations/location-profile-images/27100/2116949/ca1e16b5-f042-44f0-89e8-af9a5ff784eb-TheBarberLounge-US-California-Folsom-Fresha.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative;padding:4rem 1.25rem 2.5rem;color:#e5e7eb}.misreservas-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(11,15,26,.92),rgba(17,24,39,.88));pointer-events:none;z-index:-1}.misreservas-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;max-width:1300px;margin:0 auto 24px;padding:24px;border-radius:14px;background:linear-gradient(120deg,rgba(10,12,24,.82),rgba(15,23,42,.78));border:1px solid rgba(245,158,11,.18);box-shadow:0 10px 28px #00000059;flex-wrap:wrap}.misreservas-header>div:first-child{flex:1;min-width:200px}.misreservas-header h1{margin:0 0 8px;color:#f8fafc;text-shadow:0 4px 14px rgba(0,0,0,.55);font-size:1.8rem;font-weight:800}.misreservas-header p{margin:0;color:#dce4f2;text-shadow:0 3px 10px rgba(0,0,0,.45);font-size:.95rem}.misreservas-date label{font-weight:600;margin-right:8px}.misreservas-date input[type=date]{padding:8px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:#e5e7eb}.misreservas-date input[type=date]:focus{outline:none;border-color:#f59e0b66;box-shadow:0 0 8px #f59e0b40}.misreservas-error{max-width:1300px;margin:0 auto 16px;padding:12px 14px;border-radius:10px;background:rgba(248,113,113,.1);border:1px solid rgba(248,113,113,.35);color:#fecdd3}.misreservas-split{display:grid;grid-template-columns:1fr 1.2fr;gap:16px;max-width:1300px;margin:0 auto}.misreservas-panel{background:rgba(17,24,39,.82);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:24px;box-shadow:0 14px 40px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;height:fit-content}.misreservas-panel h2{margin:0 0 16px;color:#f8fafc;font-size:1.3rem;font-weight:700;text-transform:capitalize}.misreservas-loading,.misreservas-empty,.misreservas-disponible{padding:14px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);color:#cbd5e1;text-align:center}.no-disponible{border-color:#ef444459;color:#fecdd3;background:rgba(239,68,68,.08)}.misreservas-servicios-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto;scrollbar-width:none;flex:1}.misreservas-servicios-list::-webkit-scrollbar{display:none}.misreservas-servicio-item{padding:16px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(245,158,11,.15);word-wrap:break-word;overflow-wrap:break-word}.servicio-nombre{font-weight:700;color:#f8fafc;font-size:1.05rem;margin-bottom:6px}.servicio-meta{display:flex;gap:10px;color:#cbd5e1;font-size:.95rem}.servicio-descripcion{margin-top:6px;color:#9ca3af}.misreservas-barberos-grid{display:grid;gap:12px;grid-template-columns:repeat(2,1fr);overflow-x:hidden}.misreservas-barbero{border:1px solid rgba(59,130,246,.18);border-radius:14px;background:rgba(255,255,255,.03);padding:14px;overflow:hidden}.misreservas-barbero-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;margin-bottom:10px;gap:8px;width:100%}.barbero-identidad{display:flex;flex-direction:row;align-items:center;gap:10px;flex:1;min-width:0}.avatar{width:65px;height:85px;border-radius:12px;overflow:hidden;border:2px solid rgba(245,158,11,.75);background:linear-gradient(155deg,rgba(245,158,11,.35),rgba(17,24,39,.9));display:grid;place-items:center;box-shadow:0 10px 22px #0006;flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-fallback{color:#f8fafc;font-weight:800;font-size:1.1em;letter-spacing:.6px}.misreservas-barbero-header h3{margin:0;color:#f8fafc;text-align:left;font-size:.9rem;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word;flex:1}.misreservas-barbero-header span{color:#cbd5e1;font-size:.75rem;text-align:left;word-wrap:break-word;display:block}.badge-estado{padding:5px 8px;border-radius:999px;font-weight:700;font-size:.75rem;white-space:nowrap;flex-shrink:0}.badge-estado.on{background:rgba(16,185,129,.15);color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}.badge-estado.off{background:rgba(248,113,113,.12);color:#fecdd3;border:1px solid rgba(248,113,113,.25)}.misreservas-citas{display:flex;flex-direction:column;gap:8px}.misreservas-cita-card{display:flex;gap:8px;padding:10px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);overflow:hidden}.misreservas-cita-hora{min-width:60px;font-weight:800;color:#f59e0b;font-size:.9rem;flex-shrink:0}.misreservas-cita-info{flex:1;min-width:0;overflow:hidden}.misreservas-cliente{margin:0;color:#f8fafc;font-weight:700;font-size:.9rem;word-wrap:break-word;overflow-wrap:break-word}.misreservas-servicio{margin:2px 0;color:#cbd5e1;font-size:.8rem;word-wrap:break-word;overflow-wrap:break-word}.misreservas-estado{display:inline-block;padding:4px 8px;border-radius:8px;font-weight:700;font-size:.85rem;text-transform:capitalize;background:rgba(59,130,246,.12);color:#bfdbfe}.estado-completado{background:rgba(16,185,129,.15);color:#6ee7b7}.estado-cancelado{background:rgba(248,113,113,.18);color:#fecdd3}.estado-en-proceso{background:rgba(245,158,11,.15);color:#fbbf24}.estado-confirmado{background:rgba(34,197,94,.15);color:#4ade80}@media (max-width: 1024px){.misreservas-split{grid-template-columns:.8fr 1.2fr;gap:12px}.misreservas-header{flex-direction:column;align-items:flex-start}.misreservas-panel{padding:14px}.misreservas-panel h2{font-size:1.1rem}.avatar{width:70px;height:90px}.misreservas-barberos-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.misreservas-split{grid-template-columns:.7fr 1.3fr}.misreservas-container{padding:3rem .75rem 2rem}.misreservas-servicios-list{max-height:400px}.misreservas-servicio-item{padding:10px;font-size:.95rem}.avatar{width:65px;height:85px}.barbero-identidad{gap:8px}.misreservas-barbero-header h3{font-size:.95rem}.misreservas-barberos-grid{grid-template-columns:repeat(2,1fr);gap:10px}.misreservas-barbero{padding:10px}}@media (max-width: 480px){.misreservas-split{grid-template-columns:1fr;gap:16px}.misreservas-container{padding:2.5rem .75rem 1.5rem}.misreservas-header{padding:16px;margin-bottom:20px;gap:12px}.misreservas-header h1{font-size:1.4rem;margin-bottom:6px}.misreservas-header p{font-size:.85rem;flex:1 100%}.misreservas-panel{padding:16px}.misreservas-panel h2{font-size:1.1rem;margin-bottom:12px}.misreservas-servicios-list{max-height:350px;gap:10px}.misreservas-servicio-item{padding:12px;font-size:.9rem}.servicio-nombre{font-size:.95rem;margin-bottom:6px}.servicio-meta{font-size:.8rem;gap:8px}.servicio-descripcion{font-size:.8rem;margin-top:6px}.misreservas-barberos-grid{grid-template-columns:1fr;gap:14px}.misreservas-barbero{padding:14px}.misreservas-barbero-header{flex-direction:column;align-items:center;gap:10px;margin-bottom:12px}.barbero-identidad{gap:12px;flex-direction:column;align-items:center;width:100%}.avatar{width:80px;height:100px}.avatar-fallback{font-size:1.3em}.misreservas-barbero-header h3{font-size:1rem;text-align:center;margin:0}.misreservas-barbero-header span{font-size:.85rem;text-align:center}.badge-estado{font-size:.8rem;padding:6px 10px}.misreservas-citas{gap:10px}.misreservas-cita-card{gap:10px;padding:12px;flex-direction:column}.misreservas-cita-hora{min-width:auto;font-size:.95rem}.misreservas-cliente{font-size:.95rem;margin-bottom:4px}.misreservas-servicio{font-size:.85rem;margin-bottom:6px}.misreservas-estado{font-size:.8rem;padding:5px 8px}}.barbero-dashboard-container{width:100%;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(255,212,59,.08),transparent 28%),radial-gradient(circle at 80% 0%,rgba(102,126,234,.12),transparent 32%),linear-gradient(135deg,rgba(13,12,27,.92) 0%,rgba(19,20,43,.9) 100%),url(https://images.unsplash.com/photo-1585747860715-2ba37e788b70?w=1600) center/cover fixed;padding:24px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:#f5f6fb}.barbero-dashboard-loading,.barbero-dashboard-error{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;font-size:18px;color:#f5f6fb;background:linear-gradient(135deg,rgba(13,12,27,.92) 0%,rgba(19,20,43,.9) 100%),url(https://images.unsplash.com/photo-1585747860715-2ba37e788b70?w=1600) center/cover fixed}.barbero-dashboard-error{color:#ff8585}.barbero-dashboard-header{text-align:center;margin-bottom:32px}.barbero-dashboard-header h1{font-size:36px;margin:0 0 8px;font-weight:800;letter-spacing:1px;color:#ffd43b}.barbero-especialidad{font-size:15px;margin:0;opacity:.92;font-style:italic;color:#c9cbe8}.barbero-dashboard-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1400px;margin:0 auto}.barbero-servicios-panel{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px;box-shadow:0 10px 40px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.barbero-servicios-panel h2{color:#ffd43b;margin:0 0 18px;font-size:21px;border-bottom:1px solid rgba(255,212,59,.35);padding-bottom:10px;letter-spacing:.4px}.servicios-list{display:flex;flex-direction:column;gap:12px;max-height:600px;overflow-y:auto}.servicios-list::-webkit-scrollbar{width:6px}.servicios-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.servicios-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.servicio-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-left:4px solid #ffd43b;padding:12px;border-radius:10px;transition:all .25s ease}.servicio-card:hover{background:rgba(255,255,255,.08);transform:translate(6px);box-shadow:0 8px 24px #00000059}.servicio-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.servicio-card h3{margin:0;font-size:16px;color:#f5f6fb;font-weight:700}.servicio-precio{font-size:18px;font-weight:800;color:#0d0c1b;background:linear-gradient(135deg,#ffd43b,#f8c200);padding:4px 12px;border-radius:18px;box-shadow:0 4px 12px #ffd43b59}.servicio-desc{margin:6px 0;font-size:13px;color:#d6d7e6;line-height:1.5}.servicio-meta{display:flex;gap:8px;margin-top:8px}.servicio-duracion{font-size:12px;color:#ffd43b;background:rgba(255,212,59,.12);padding:4px 8px;border-radius:6px;font-weight:600;border:1px solid rgba(255,212,59,.35)}.no-servicios{text-align:center;color:#999;padding:20px;font-style:italic}.barbero-citas-panel{display:flex;flex-direction:column;gap:20px}.proxima-cita-section,.agenda-section{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px;box-shadow:0 10px 40px #00000059;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.proxima-cita-section h2,.agenda-section h2{color:#ffd43b;margin:0 0 14px;font-size:21px;border-bottom:1px solid rgba(255,212,59,.35);padding-bottom:10px}.cita-card{background:linear-gradient(135deg,#201f35 0%,#262845 100%);color:#f5f6fb;padding:16px;border-radius:12px;display:flex;gap:16px;align-items:flex-start;transition:all .3s ease;border:1px solid rgba(255,255,255,.06)}.cita-card.proxima{min-height:100px;box-shadow:0 12px 30px #00000073;border:1px solid rgba(255,212,59,.3)}.cita-card.proxima:hover{transform:translateY(-2px);box-shadow:0 18px 36px #0000008c}.cita-time{font-size:30px;font-weight:800;min-width:80px;text-align:center;color:#ffd43b}.cita-details{flex:1}.cita-servicio{margin:0 0 4px;font-size:16px;font-weight:700;color:#f5f6fb}.cita-cliente{margin:0 0 4px;font-size:14px;opacity:.95;color:#c9cbe8}.cita-duracion{margin:0;font-size:12px;opacity:.88;color:#ffd43b}.cita-card.empty{background:rgba(255,255,255,.03);color:#aeb0c5;justify-content:center;align-items:center;min-height:100px;border:1px dashed rgba(255,255,255,.2)}.cita-card.empty p{margin:0;font-style:italic}.agenda-list{display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto}.agenda-list::-webkit-scrollbar{width:6px}.agenda-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.agenda-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:3px}.cita-agenda-item{position:relative;background:rgba(255,255,255,.04);padding:12px 12px 12px 20px;border-radius:10px;display:flex;gap:12px;align-items:flex-start;border-left:4px solid #7b7fbe;transition:all .25s ease}.cita-agenda-item:before{content:"";position:absolute;left:8px;top:18px;width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#ffd43b,#f8c200);box-shadow:0 0 0 4px #ffd43b1f}.cita-agenda-item:hover{background:rgba(255,255,255,.08);transform:translate(6px);box-shadow:0 6px 20px #00000059}.agenda-time{font-weight:800;font-size:16px;color:#ffd43b;min-width:52px}.agenda-info{flex:1;min-width:0}.agenda-servicio{margin:0 0 2px;font-size:14px;font-weight:700;color:#f5f6fb}.agenda-cliente{margin:0;font-size:12px;color:#c9cbe8}.no-citas{text-align:center;color:#aeb0c5;padding:20px;font-style:italic}@media (max-width: 1024px){.barbero-dashboard-split{grid-template-columns:1fr}.barbero-dashboard-header h1{font-size:28px}}@media (max-width: 640px){.barbero-dashboard-container{padding:12px}.barbero-servicios-panel,.proxima-cita-section,.agenda-section{padding:16px}.barbero-dashboard-header h1{font-size:24px}.cita-card{flex-direction:column;gap:12px}.cita-time{font-size:24px}}.login-page{position:relative;min-height:100vh;background:linear-gradient(135deg,rgba(0,0,0,.55),rgba(0,0,0,.7)),url(https://images.unsplash.com/photo-1503951914875-452162b0f3f1?auto=format&fit=crop&w=1600&q=80) center/cover no-repeat;display:flex;align-items:center;justify-content:center;padding:40px 20px;color:#f5f5f5}.login-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(245,158,11,.18),transparent 35%),radial-gradient(circle at 80% 10%,rgba(16,185,129,.15),transparent 30%);pointer-events:none}.login-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:min(100%,420px)}.login-card{background:rgba(17,24,39,.78);border:1px solid rgba(245,158,11,.3);box-shadow:0 20px 50px #0000008c;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:26px}.single-card{width:min(100%,420px)}.login-card__header{display:flex;gap:14px;align-items:center;margin-bottom:18px}.login-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#0f172a;box-shadow:0 10px 30px #f59e0b59}.login-subtitle{margin:0;color:#cbd5e1;font-size:.95rem}.login-title{margin:2px 0 0;font-size:1.7rem;color:#f59e0b;letter-spacing:.4px}.login-error{margin:0 0 16px;padding:12px 14px;border-radius:10px;border:1px solid rgba(248,113,113,.5);background:rgba(248,113,113,.1);color:#fecdd3;font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:6px}.login-field label{font-weight:600;color:#f5f5f5}.login-field input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#f8fafc;transition:all .2s ease}.login-field input::placeholder{color:#94a3b8}.login-field input:focus{outline:none;border-color:#f59e0b99;box-shadow:0 0 0 4px #f59e0b2e}.login-button{margin-top:6px;width:100%;padding:12px 16px;border:none;border-radius:12px;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#f59e0b,#d97706);cursor:pointer;transition:all .2s ease;box-shadow:0 10px 30px #f59e0b59}.login-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 34px #f59e0b73}.login-button:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.login-page{padding:30px 16px}.login-wrapper{width:100%}}.toast{position:fixed;bottom:20px;right:20px;padding:12px 16px;border-radius:4px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px #00000026;font-size:14px;z-index:9999;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(400px);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background-color:#4caf50;color:#fff}.toast-error{background-color:#f44336;color:#fff}.toast-info{background-color:#2196f3;color:#fff}.toast-icon{font-weight:700;font-size:16px}.toast-message{flex:1}.admin-reservas-container{padding:20px;max-width:1200px;margin:0 auto}.admin-reservas-filtros{background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 16px #0003}.admin-reservas-filtros label{color:#f59e0b;font-weight:600;font-size:.95em;display:block;margin-bottom:6px}.admin-reservas-filtros select,.admin-reservas-filtros input[type=date]{width:100%;padding:10px 12px;background:rgba(30,30,30,.85);border:1px solid rgba(245,158,11,.4);border-radius:10px;color:#fff;font-size:1em;transition:all .3s ease;box-sizing:border-box}.admin-reservas-filtros select:focus,.admin-reservas-filtros input[type=date]:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66}.admin-reservas-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px}.admin-reservas-header h2{font-size:1.8em;margin:0;color:#f59e0b}.btn-nueva-reserva{padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1em;font-weight:700;transition:all .3s ease}.btn-nueva-reserva:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.admin-reservas-form,.admin-reserva-form{background:rgba(255,255,255,.08)!important;border:1px solid rgba(245,158,11,.3)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 8px 24px #0000004d!important;border-radius:16px!important;padding:24px;margin-bottom:25px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.admin-reservas-form label,.admin-reserva-form label{color:#f59e0b;font-weight:600;font-size:.95em;display:block;margin-bottom:6px}.admin-reservas-form input,.admin-reservas-form select,.admin-reserva-form input,.admin-reserva-form select{width:100%;padding:10px 12px;background:rgba(30,30,30,.85);border:1px solid rgba(245,158,11,.4);border-radius:10px;color:#fff;font-size:1em;transition:all .3s ease;box-sizing:border-box}.admin-reservas-form input:focus,.admin-reservas-form select:focus,.admin-reserva-form input:focus,.admin-reserva-form select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66}.admin-reserva-form h3{grid-column:1 / -1;margin:0 0 8px;color:#f8fafc;font-size:1.4em;text-shadow:0 3px 14px rgba(0,0,0,.4)}.form-group input,.form-group select{padding:10px;background-color:#111827e6;border:1px solid rgba(245,158,11,.35);border-radius:10px;font-size:.95em;color:#f5f5f5;transition:all .3s ease;box-shadow:0 8px 24px #00000059}.form-group input:focus,.form-group select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 14px #f59e0b80,0 10px 28px #0006;background:rgba(17,24,39,.98)}.form-group select option{background-color:#111827;color:#e5e7eb}.admin-filtro{background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 16px #0003;display:flex;align-items:center;gap:20px}.filtro-fecha,.filtro-estado{display:flex;align-items:center;gap:10px;flex:1;min-width:180px}.admin-filtro label{font-weight:600;color:#f59e0b;font-size:.95em;white-space:nowrap}.admin-filtro select,.admin-filtro input[type=date]{padding:10px 12px;background:rgba(30,30,30,.85);border:1px solid rgba(245,158,11,.4);border-radius:10px;font-size:.95em;color:#fff;transition:all .3s ease;min-width:150px}.admin-filtro input[type=date]{color:#fff;cursor:pointer}.admin-filtro input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.admin-filtro select:focus,.admin-filtro input[type=date]:focus{border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66;outline:none}.fecha-visible{margin-left:10px;color:#f59e0b;font-weight:600;opacity:.9}.admin-tabla-container{overflow-x:auto;background:rgba(255,255,255,.06);border:1px solid rgba(245,158,11,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 6px 20px #00000040;margin-top:12px}.admin-reservas-tabla{width:100%;border-collapse:collapse;table-layout:fixed}.admin-reservas-tabla th{background:rgba(245,158,11,.2);padding:14px 12px;text-align:left;font-weight:600;color:#f59e0b;border-bottom:2px solid rgba(245,158,11,.4);font-size:.95em}.admin-reservas-tabla td{padding:12px;border-bottom:1px solid rgba(245,158,11,.15);color:#f5f5f5;background:transparent}.admin-reservas-tabla tr:hover td{background:rgba(245,158,11,.08)}.sin-citas-row td{text-align:center;color:#9ca3af;font-style:italic;padding:16px}.admin-reservas-tabla select{padding:6px 10px;background:rgba(30,30,30,.85);border:1px solid rgba(245,158,11,.4);border-radius:8px;color:#fff;font-size:.9em;cursor:pointer;transition:all .3s ease}.admin-reservas-tabla select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.reservas-mobile-list{display:none}.reserva-name-btn{width:100%;text-align:left;padding:12px 14px;border-radius:12px;border:1px solid rgba(245,158,11,.3);background:rgba(255,255,255,.06);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f5f5f5;font-weight:700;box-shadow:0 4px 16px #00000040}.reserva-name-btn:active{transform:scale(.99)}.reservas-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:16px;z-index:10000;overflow-y:auto}.reservas-modal{width:100%;max-width:520px;max-height:90vh;overflow-y:auto;background:rgba(17,24,39,.95);border:1px solid rgba(245,158,11,.35);border-radius:16px;padding:18px;box-shadow:0 20px 60px #00000080;margin:auto}.estado-pendiente{background:rgba(255,193,7,.2);color:#ffc107;padding:5px 12px;border-radius:8px;font-weight:600;font-size:.9em;border:1px solid rgba(255,193,7,.3)}.estado-llegó{background:rgba(33,150,243,.2);color:#60a5fa;padding:5px 12px;border-radius:8px;font-weight:600;font-size:.9em;border:1px solid rgba(33,150,243,.3)}.estado-finalizado{background:rgba(16,185,129,.2);color:#10b981;padding:5px 12px;border-radius:8px;font-weight:600;font-size:.9em;border:1px solid rgba(16,185,129,.3)}.estado-no\ asistió,.estado-cancelada{background:rgba(244,67,54,.2);color:#ff5252;padding:5px 12px;border-radius:8px;font-weight:600;font-size:.9em;border:1px solid rgba(244,67,54,.3)}.btn-editar-reserva,.btn-cancelar-reserva{padding:7px 12px;margin:0 4px;border:none;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .3s ease}.btn-editar-reserva{background:linear-gradient(135deg,#2196F3,#1976D2);color:#fff}.btn-editar-reserva:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.btn-cancelar-reserva{background:linear-gradient(135deg,#f44336,#da190b);color:#fff}.btn-cancelar-reserva:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.admin-reservas-loading{text-align:center;padding:40px;font-size:1.2em;color:#666}@media (max-width: 768px){.admin-reservas-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-filtro{flex-direction:column;align-items:stretch;gap:15px}.filtro-fecha,.filtro-estado{flex-direction:column;align-items:stretch}.admin-filtro select,.admin-filtro input[type=date]{width:100%}.fecha-visible{margin-left:0;margin-top:5px}.admin-reservas-form{grid-template-columns:1fr}.admin-tabla-container{display:none}.reservas-mobile-list{display:grid;gap:12px}}.checkbox-group{grid-column:1 / -1;background:rgba(255,255,255,.06);border:1px solid rgba(16,185,129,.3);border-radius:10px;padding:15px;margin:10px 0}.walk-in-label{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:8px;transition:all .3s ease}.walk-in-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#10b981}.walk-in-checkbox{font-size:1.4em;display:inline-flex;align-items:center;justify-content:center}.walk-in-text{color:#f5f5f5;font-weight:600;font-size:1.02em}.walk-in-label:hover{color:#10b981}.walk-in-note{display:block;font-size:.9em;color:#a0aec0;margin-left:32px;font-style:italic}.walk-in-now{margin-top:8px;margin-left:32px;display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(16,185,129,.16);color:#6ee7b7;font-weight:700;border:1px solid rgba(16,185,129,.35)}.tipo-cita{font-weight:600;text-align:center}.estado-chip-ui{display:inline-block;padding:8px 12px;border-radius:10px;font-weight:700}.estado-chip-ui.llego{background:rgba(16,185,129,.16);color:#6ee7b7;border:1px solid rgba(16,185,129,.35)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;grid-column:1 / -1}.form-group input:disabled,.form-group select:disabled{opacity:.65;cursor:not-allowed}.carrito-productos{padding:24px 20px;background:linear-gradient(135deg,rgba(15,23,42,.95),rgba(30,41,59,.95));border-radius:12px;margin:12px;border:1px solid rgba(245,158,11,.2);box-shadow:0 8px 32px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.carrito-titulo{margin:0 0 18px;color:#f59e0b;font-size:16px;font-weight:600;letter-spacing:.5px}.carrito-busqueda{margin-bottom:18px}.carrito-busqueda input{width:100%;padding:12px 14px;background:rgba(30,41,59,.8);border:1.5px solid rgba(245,158,11,.2);border-radius:8px;color:#f1f5f9;font-size:14px;transition:all .3s ease;box-shadow:0 4px 12px #0000001a;box-sizing:border-box}.carrito-busqueda input:focus{outline:none;border-color:#f59e0b80;box-shadow:0 4px 16px #f59e0b1a}.carrito-disponibles{margin-bottom:18px;max-height:250px;overflow-y:auto;background:rgba(30,41,59,.6);border-radius:10px;padding:12px;border:1px solid rgba(245,158,11,.15);box-shadow:inset 0 2px 8px #0003}.carrito-disponibles-titulo{margin:0 0 10px;font-size:12px;color:#cbd5e1;font-weight:500}.carrito-producto-item{padding:12px;background:rgba(51,65,85,.6);border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border:1.5px solid rgba(245,158,11,.15);font-size:13px;transition:all .2s ease;margin-bottom:8px}.carrito-producto-item:last-child{margin-bottom:0}.carrito-producto-item:hover{background:rgba(71,85,105,.8);border-color:#f59e0b4d}.carrito-producto-item.seleccionado{border:2px solid #f59e0b;box-shadow:0 0 12px #f59e0b33}.carrito-producto-nombre{font-weight:600;color:#f1f5f9;margin-bottom:2px}.carrito-producto-info{font-size:12px;color:#94a3b8}.carrito-producto-stock{margin-right:8px}.carrito-producto-precio{color:#f59e0b}.carrito-producto-check{color:#f59e0b;font-size:20px;font-weight:700}.carrito-seleccionados{margin:0;padding:12px;background:rgba(245,158,11,.08);border-radius:8px;border:1.5px solid rgba(245,158,11,.25);box-shadow:0 4px 12px #f59e0b1a}.carrito-item{display:flex;align-items:center;justify-content:space-between;background:rgba(30,41,59,.8);padding:10px;border-radius:6px;font-size:12px;border:1px solid rgba(245,158,11,.15);transition:all .2s ease;margin-bottom:8px;flex-wrap:wrap;gap:8px}.carrito-item-info{flex:1;min-width:0}.carrito-item-nombre{font-weight:600;color:#f1f5f9;font-size:12px;margin-bottom:4px}.carrito-item-detalles{color:#94a3b8;font-size:11px;margin-top:4px}.carrito-item-acciones{display:flex;gap:4px;align-items:center;margin-left:8px;flex-shrink:0}.btn-confirmar-venta{margin-top:10px;width:100%;padding:12px 14px;background:linear-gradient(135deg,#10b981,#22c55e);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:13px;transition:all .3s ease;box-sizing:border-box;letter-spacing:.3px}.btn-eliminar-testing{padding:10px 16px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #ef44444d;white-space:nowrap}.btn-eliminar-testing:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 4px 12px #ef444466;transform:translateY(-2px)}.btn-eliminar-testing:active{transform:translateY(0)}.reserva-mobile-card{padding:14px;background:rgba(255,255,255,.06);border:1px solid rgba(245,158,11,.3);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #00000040;display:flex;flex-direction:column;gap:12px}.reserva-mobile-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.reserva-mobile-cliente{flex:1}.reserva-mobile-nombre{font-weight:700;color:#f5f5f5;font-size:14px;margin-bottom:4px}.reserva-mobile-detalles{font-size:12px;color:#94a3b8}.reserva-mobile-tipo{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:rgba(59,130,246,.1);border-radius:8px;border:1px solid rgba(59,130,246,.3)}.reserva-mobile-estado{display:flex;align-items:center;gap:10px}.reserva-mobile-estado label{font-size:12px;color:#cbd5e1;font-weight:600;white-space:nowrap}.estado-select-mobile{flex:1;padding:8px 10px;border-radius:6px;border:1px solid rgba(245,158,11,.5);background:#1e293b;color:#fff;font-size:12px;font-weight:600}.estado-select-mobile:disabled{opacity:.6;cursor:not-allowed}.reserva-mobile-carrito{padding:12px;background:rgba(245,158,11,.05);border:1px solid rgba(245,158,11,.2);border-radius:8px;display:flex;flex-direction:column;gap:10px}.reserva-carrito-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;padding:8px 0;color:#fbbf24;font-weight:600;font-size:14px;-webkit-user-select:none;user-select:none}.reserva-carrito-toggle:active{transform:scale(.98)}.reserva-carrito-contenido{display:flex;flex-direction:column;gap:12px;padding:12px 0;border-top:1px solid rgba(245,158,11,.2)}.reserva-vendidos{display:flex;flex-direction:column;gap:10px}.reserva-agregar{display:flex;flex-direction:column;gap:8px}.carrito-productos-busqueda{width:100%;padding:10px 12px;background:rgba(30,41,59,.8);border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#f1f5f9;font-size:14px;box-sizing:border-box}.carrito-productos-busqueda::placeholder{color:#e2e8f080}.carrito-productos-busqueda:focus{outline:none;border-color:#3b82f699;box-shadow:0 0 8px #3b82f64d}.carrito-producto-item{display:flex;align-items:center;gap:10px;padding:10px;background:rgba(30,41,59,.6);border:1px solid rgba(59,130,246,.2);border-radius:6px;cursor:pointer;transition:all .2s ease}.carrito-producto-item:hover{background:rgba(59,130,246,.15);border-color:#3b82f666}.carrito-producto-info{flex:1;min-width:0}.carrito-producto-nombre{font-weight:600;color:#f1f5f9;font-size:13px;margin-bottom:2px}.carrito-producto-stock{font-size:12px;color:#94a3b8;margin-right:8px}.carrito-producto-precio{color:#f59e0b;font-weight:600;font-size:13px}.carrito-producto-check{color:#10b981;font-size:18px;font-weight:700;flex-shrink:0}.carrito-seleccionados{margin:0;padding:12px;background:rgba(245,158,11,.08);border-radius:8px;border:1.5px solid rgba(245,158,11,.25)}.carrito-seleccionados-titulo{margin:0 0 10px;font-size:12px;color:#f59e0b;font-weight:600;letter-spacing:.3px}.carrito-item{display:flex;align-items:center;justify-content:space-between;background:rgba(30,41,59,.8);padding:10px;border-radius:6px;font-size:12px;border:1px solid rgba(245,158,11,.15);gap:8px;margin-bottom:8px;flex-wrap:wrap}.carrito-item:last-child{margin-bottom:0}.carrito-item-nombre{font-weight:600;color:#f1f5f9;font-size:12px;flex:1 100%;margin-bottom:4px}.carrito-item-detalles{color:#94a3b8;font-size:11px;flex:1}.carrito-item-detalles span{color:#f59e0b}.carrito-item-detalles .subtotal{font-weight:600}.carrito-item-acciones{display:flex;gap:4px;align-items:center;flex-shrink:0}.btn-cantidad{width:24px;height:24px;background:rgba(245,158,11,.2);border:1px solid rgba(245,158,11,.3);border-radius:4px;color:#f59e0b;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;padding:0}.btn-cantidad:active{background:rgba(245,158,11,.4)}.input-cantidad{width:40px;text-align:center;padding:4px;background:rgba(51,65,85,.8);border:1px solid rgba(245,158,11,.2);border-radius:4px;color:#f59e0b;font-size:11px;font-weight:600;box-sizing:border-box}.input-cantidad:focus{outline:none;border-color:#f59e0b66}.btn-quitar{width:24px;height:24px;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:4px;color:#ef4444;cursor:pointer;font-size:12px;font-weight:700;transition:all .2s ease;padding:0}.btn-quitar:active{background:rgba(239,68,68,.4)}.carrito-total{margin-top:10px;padding:10px 12px;background:rgba(245,158,11,.1);border-radius:6px;font-size:13px;font-weight:700;text-align:right;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.btn-confirmar-venta{width:100%;padding:12px;background:linear-gradient(135deg,#10b981,#22c55e);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:700;font-size:13px;transition:all .3s ease;box-sizing:border-box}.btn-confirmar-venta:active{transform:scale(.98)}.btn-confirmar-venta:disabled{opacity:.6;cursor:not-allowed}.reserva-mobile-acciones{display:flex;gap:10px}.reserva-mobile-acciones .btn-editar,.reserva-mobile-acciones .btn-eliminar{padding:8px 12px;font-size:12px;border-radius:6px;border:none;cursor:pointer;font-weight:600;transition:all .2s ease}.reserva-mobile-acciones .btn-editar{background:rgba(59,130,246,.3);color:#93c5fd;border:1px solid rgba(59,130,246,.5)}.reserva-mobile-acciones .btn-editar:active{transform:scale(.95);background:rgba(59,130,246,.5)}.reserva-mobile-acciones .btn-eliminar{background:rgba(239,68,68,.3);color:#fca5a5;border:1px solid rgba(239,68,68,.5)}.reserva-mobile-acciones .btn-eliminar:active{transform:scale(.95);background:rgba(239,68,68,.5)}.admin-categorias-modal{max-width:900px;max-height:85vh;overflow-y:auto}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(245,158,11,.3)}.modal-header h2{font-size:1.5em;color:#f59e0b;margin:0}.btn-cerrar-modal{background:rgba(255,255,255,.1);border:1px solid rgba(245,158,11,.3);color:#f5f5f5;width:35px;height:35px;border-radius:50%;font-size:1.2em;cursor:pointer;transition:all .3s ease}.btn-cerrar-modal:hover{background:rgba(245,158,11,.2);border-color:#f59e0b;transform:rotate(90deg)}.categorias-acciones{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.btn-nueva-categoria{padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-nueva-categoria:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.categorias-info{color:#9ca3af;font-size:.9em;margin:0}.loading-categorias{text-align:center;padding:40px;color:#f59e0b;font-size:1.1em}.sin-categorias{text-align:center;padding:40px;color:#9ca3af;font-style:italic}.categoria-form{background:rgba(255,255,255,.05);border:1px solid rgba(245,158,11,.3);border-radius:12px;padding:20px;margin-bottom:25px}.categoria-form .form-group{margin-bottom:15px}.categoria-form label{display:block;color:#f59e0b;font-weight:700;margin-bottom:6px;font-size:.9em}.categoria-form input[type=text],.categoria-form input[type=number],.categoria-form textarea{width:100%;padding:10px;background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f5f5f5;font-size:.95em;transition:all .3s ease}.categoria-form input:focus,.categoria-form textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b4d}.categoria-form textarea{resize:vertical;font-family:inherit}.form-group-inline{display:grid;grid-template-columns:1fr auto;gap:15px;align-items:end;margin-bottom:15px}.form-group-checkbox{display:flex;align-items:center;padding:10px}.form-group-checkbox label{display:flex;align-items:center;gap:8px;color:#f5f5f5;font-weight:400;cursor:pointer;margin:0}.form-group-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#f59e0b}.form-acciones{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.btn-guardar-categoria{padding:10px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-guardar-categoria:hover{transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.btn-cancelar-categoria{padding:10px 24px;background:rgba(255,255,255,.08);color:#f5f5f5;border:1px solid rgba(245,158,11,.3);border-radius:10px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-cancelar-categoria:hover{background:rgba(255,255,255,.12);border-color:#f59e0b}.categorias-lista{overflow-x:auto;border-radius:12px;border:1px solid rgba(245,158,11,.25)}.tabla-categorias{width:100%;border-collapse:collapse}.tabla-categorias thead{background:rgba(245,158,11,.15)}.tabla-categorias th{padding:12px;text-align:left;color:#f59e0b;font-weight:700;font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.tabla-categorias td{padding:12px;color:#f5f5f5;border-top:1px solid rgba(245,158,11,.15)}.tabla-categorias tbody tr{transition:background .2s ease}.tabla-categorias tbody tr:hover{background:rgba(245,158,11,.08)}.tabla-categorias tr.categoria-inactiva{opacity:.5}.estado-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:.85em;font-weight:600}.estado-badge.activo{background:rgba(16,185,129,.2);color:#6ee7b7}.estado-badge.inactivo{background:rgba(239,68,68,.2);color:#fca5a5}.tabla-categorias td button{background:transparent;border:none;cursor:pointer;font-size:1.2em;padding:4px 8px;margin:0 2px;transition:all .2s ease;border-radius:6px}.tabla-categorias td button:hover{background:rgba(245,158,11,.15);transform:scale(1.1)}.btn-editar-cat:hover,.btn-toggle-cat:hover,.btn-eliminar-cat:hover{filter:brightness(1.3)}@media (max-width: 768px){.admin-categorias-modal{max-width:95%;max-height:90vh}.form-group-inline{grid-template-columns:1fr}.tabla-categorias{font-size:.9em}.tabla-categorias th,.tabla-categorias td{padding:8px}}.admin-inventario-container{padding:20px;max-width:1200px;margin:0 auto}.admin-inventario-filtros{background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 16px #0003}.admin-inventario-filtros label{color:#f59e0b;font-weight:600;font-size:.95em;display:block;margin-bottom:6px}.admin-inventario-filtros select,.admin-inventario-filtros input{width:100%;padding:10px 12px;background:rgba(30,30,30,.85);border:1px solid rgba(245,158,11,.4);border-radius:10px;color:#fff;font-size:1em;transition:all .3s ease;box-sizing:border-box}.admin-inventario-filtros select:focus,.admin-inventario-filtros input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66}.admin-inventario-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px}.admin-inventario-header h2{font-size:1.8em;margin:0;color:#f59e0b}.admin-inventario-actions{display:flex;gap:10px;align-items:center}.btn-nuevo-producto,.btn-importar-excel,.btn-descargar-plantilla{padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1em;font-weight:700;transition:all .3s ease}.btn-descargar-plantilla{background:linear-gradient(135deg,#10b981,#059669)}.btn-importar-excel{background:linear-gradient(135deg,#3b82f6,#2563eb)}.btn-nuevo-producto:hover,.btn-importar-excel:hover,.btn-descargar-plantilla:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-descargar-plantilla:hover{box-shadow:0 6px 20px #10b98166}.btn-importar-excel:hover{box-shadow:0 6px 20px #3b82f666}.alerta-stock-bajo{background:rgba(255,193,7,.12);border:1px solid rgba(255,193,7,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:18px;border-radius:14px;margin-bottom:25px;box-shadow:0 4px 16px #00000026}.alerta-stock-bajo h3{margin:0 0 12px;color:#ffc107;font-size:1.2em}.productos-stock-bajo{display:grid;gap:10px;margin-top:12px}.productos-stock-bajo .item-stock-bajo{background:rgba(255,193,7,.08);padding:12px;border-radius:10px;border-left:3px solid #ffc107;color:#fff}.categoria-input-wrapper{display:flex;gap:8px;align-items:stretch}.btn-gestionar-categorias{padding:8px 12px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0b;cursor:pointer;font-size:1.2em;transition:all .3s ease;min-width:45px}.btn-gestionar-categorias:hover{background:rgba(245,158,11,.25);border-color:#f59e0b;transform:rotate(90deg)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px;overflow-y:auto}.modal-contenido{background:rgba(17,24,39,.95);border:1px solid rgba(245,158,11,.35);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:16px;padding:25px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #00000080;margin:auto;animation:modalFadeIn .3s ease}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.modal-body{margin-top:20px}.alerta-stock-bajo ul{margin:0;padding-left:20px;color:#ffd43b}.alerta-stock-bajo li{margin:5px 0}.admin-inventario-form{background:rgba(255,255,255,.08)!important;border:1px solid rgba(245,158,11,.3)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 8px 24px #0000004d!important;border-radius:16px!important;padding:24px;margin-bottom:25px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.admin-inventario-form h3{grid-column:1 / -1;margin:0 0 15px;color:#f59e0b;font-size:1.4em}.stock-actual{grid-column:1 / -1;background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:10px;border-radius:12px;color:#60a5fa;font-weight:700;margin:0 0 10px}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;background:rgba(30,30,30,.85);border:1px solid rgba(245,158,11,.4);border-radius:10px;color:#fff;transition:all .3s ease;font-size:1em;box-sizing:border-box}.modal-contenido h3{margin:0 0 20px;color:#f59e0b;font-size:1.4em;font-weight:700}.form-group.full-width{grid-column:1 / -1}.form-group label{display:block;margin-bottom:6px;color:#f59e0b;font-weight:600;font-size:.9em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;background:rgba(30,30,30,.85);border:1px solid rgba(245,158,11,.4);border-radius:8px;color:#fff;font-size:.95em;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 10px #f59e0b4d;background:rgba(30,30,30,.95)}.form-group textarea{resize:vertical;min-height:60px}.form-group.checkbox{display:flex;align-items:center;margin-top:15px}.form-group.checkbox label{display:flex;align-items:center;margin:0;gap:10px;font-weight:500}.form-group.checkbox input[type=checkbox]{width:auto;margin:0;cursor:pointer}.categoria-input-wrapper{display:flex;gap:8px;align-items:center}.categoria-input-wrapper select{flex:1}.btn-gestionar-categorias{padding:10px 12px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.3);border-radius:8px;color:#f59e0b;cursor:pointer;font-size:1.2em;transition:all .3s ease;min-width:45px;height:42px;display:flex;align-items:center;justify-content:center}.btn-gestionar-categorias:hover{background:rgba(245,158,11,.25);border-color:#f59e0b}.btn-subir{padding:8px 14px;border:none;border-radius:6px;background-color:#2196f3;color:#fff;cursor:pointer;font-weight:600;font-size:.85em;transition:all .3s ease}.btn-subir:hover:not(:disabled){background-color:#1976d2;transform:translateY(-2px)}.upload-preview{font-size:.85em;color:#2e7d32;background:rgba(46,125,50,.2);padding:6px 10px;border-radius:4px;border:1px solid rgba(46,125,50,.3)}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:15px;border-top:1px solid rgba(245,158,11,.2)}.btn-guardar,.btn-cancelar{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95em;transition:all .3s ease}.btn-guardar{background:linear-gradient(135deg,#4CAF50,#45a049);color:#fff}.btn-guardar:hover{transform:translateY(-2px);box-shadow:0 4px 12px #4caf5066}.btn-cancelar{background:rgba(255,255,255,.1);color:#f5f5f5;border:1px solid rgba(245,158,11,.3)}.btn-cancelar:hover{background:rgba(255,255,255,.15);border-color:#f59e0b}@media (max-width: 768px){.form-grid-2col{grid-template-columns:1fr;gap:12px}.modal-contenido{max-width:95vw!important;padding:20px!important}.modal-contenido h3{font-size:1.2em;margin-bottom:15px}.form-group input,.form-group select,.form-group textarea{padding:8px 10px;font-size:.9em}.form-group label{font-size:.85em}.form-actions{flex-direction:column;gap:8px}.btn-guardar,.btn-cancelar{padding:10px 16px;font-size:.9em}}.precio-descuento{color:#f59e0b;font-weight:700;margin-top:6px}.admin-inventario-tabla{overflow-x:auto;background:rgba(255,255,255,.05);border:1px solid rgba(245,158,11,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 6px 20px #00000040}.admin-inventario-tabla table{width:100%;border-collapse:collapse}.admin-inventario-tabla th{background:rgba(245,158,11,.2);padding:14px 12px;text-align:left;font-weight:600;color:#f59e0b;border-bottom:2px solid rgba(245,158,11,.4);font-size:.95em}.admin-inventario-tabla td{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);color:#f5f5f5}.admin-inventario-tabla tr:hover{background:rgba(245,158,11,.08)}.admin-inventario-tabla tr.producto-inactivo{opacity:.6;background:rgba(255,255,255,.03)}.admin-inventario-tabla .stock-bajo{color:#ff9800;font-weight:700}.btn-movimiento,.btn-editar-producto,.btn-eliminar-producto{padding:7px 12px;margin:0 4px;border:none;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .3s ease}.btn-movimiento{background:linear-gradient(135deg,#2196F3,#1976D2);color:#fff}.btn-movimiento:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.btn-editar-producto{background:linear-gradient(135deg,#FF9800,#F57C00);color:#fff}.btn-editar-producto:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff980066}.btn-eliminar-producto{background:linear-gradient(135deg,#f44336,#da190b);color:#fff}.btn-eliminar-producto:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.upload-actions{margin-top:8px;display:flex;align-items:center;gap:10px}.btn-subir{padding:8px 14px;border:none;border-radius:4px;background-color:#2196f3;color:#fff;cursor:pointer;font-weight:600}.btn-subir:disabled{opacity:.7;cursor:not-allowed}.btn-subir:hover:not(:disabled){background-color:#1976d2}.upload-preview{font-size:.9em;color:#2e7d32;background:#e8f5e9;padding:6px 10px;border-radius:4px}.admin-inventario-loading{text-align:center;padding:40px;font-size:1.2em;color:#666}.excel-preview-modal{max-width:900px;max-height:90vh;overflow-y:auto}.excel-preview-modal h3{color:#f59e0b;margin-bottom:20px;font-size:1.5em}.excel-errors{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:15px;margin-bottom:20px}.excel-errors h4{color:#ef4444;margin:0 0 10px;font-size:1.1em}.excel-errors ul{margin:0;padding-left:20px;color:#fca5a5}.excel-errors li{margin:5px 0}.excel-preview-stats{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:15px;margin-bottom:20px}.excel-preview-stats p{margin:5px 0;color:#e5e7eb}.excel-preview-stats strong{color:#f59e0b;font-size:1.2em}.warning-text{color:#fbbf24!important;font-weight:500}.excel-preview-table{margin-bottom:20px;max-height:400px;overflow-y:auto;border:1px solid rgba(245,158,11,.2);border-radius:8px}.excel-preview-table table{width:100%;border-collapse:collapse}.excel-preview-table th{background:rgba(245,158,11,.2);color:#f59e0b;font-weight:600;padding:12px;text-align:left;position:sticky;top:0;z-index:10}.excel-preview-table td{padding:10px 12px;border-bottom:1px solid rgba(245,158,11,.1);color:#e5e7eb}.excel-preview-table tbody tr:hover{background:rgba(245,158,11,.05)}.preview-more{text-align:center;padding:15px;color:#9ca3af;font-style:italic}@media (max-width: 768px){.admin-inventario-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-inventario-actions{flex-direction:column;width:100%}.btn-nuevo-producto,.btn-importar-excel,.btn-descargar-plantilla{width:100%}.excel-preview-modal{max-width:95%;padding:15px}.excel-preview-table{font-size:.85em}.admin-inventario-form{grid-template-columns:1fr}.admin-inventario-tabla{font-size:.85em;overflow:hidden}.admin-inventario-tabla table{width:100%;table-layout:auto}.admin-inventario-tabla td,.admin-inventario-tabla th{padding:10px 6px;font-size:.9em}.admin-inventario-tabla th:nth-child(n+2):not(:last-child),.admin-inventario-tabla td:nth-child(n+2):not(:last-child){display:none}.admin-inventario-tabla th:first-child,.admin-inventario-tabla td:first-child{flex:1;word-wrap:break-word;white-space:normal;line-height:1.3}.admin-inventario-tabla th:last-child,.admin-inventario-tabla td:last-child{text-align:right;white-space:nowrap}.btn-movimiento,.btn-editar-producto,.btn-eliminar-producto{padding:5px 8px;margin:2px;font-size:.85em}}.admin-barberos-container{padding:20px;max-width:1200px;margin:0 auto}.admin-barberos-filtros{background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:20px;margin-bottom:25px;box-shadow:0 4px 16px #0003}.admin-barberos-filtros label{color:#f59e0b;font-weight:600;font-size:.95em;display:block;margin-bottom:6px}.admin-barberos-filtros select,.admin-barberos-filtros input{width:100%;padding:10px 12px;background:rgba(30,30,30,.85);border:1px solid rgba(245,158,11,.4);border-radius:10px;color:#fff;font-size:1em;transition:all .3s ease;box-sizing:border-box}.admin-barberos-filtros select:focus,.admin-barberos-filtros input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66}.admin-barberos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px}.admin-barberos-header-actions{display:flex;gap:10px}.admin-barberos-header h2{font-size:1.8em;margin:0;color:#f59e0b}.admin-barberos-tabs{display:flex;gap:10px;margin-bottom:25px;border-bottom:2px solid rgba(245,158,11,.2)}.admin-barberos-tabs .tab{padding:12px 20px;background:transparent;border:none;color:#fff9;font-size:1em;font-weight:600;cursor:pointer;transition:all .3s ease;border-bottom:3px solid transparent;position:relative;bottom:-2px}.admin-barberos-tabs .tab:hover{color:#ffffffe6}.admin-barberos-tabs .tab.tab-active{color:#f59e0b;border-bottom-color:#f59e0b}.btn-nuevo-barbero{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1em;font-weight:700;transition:all .3s ease}.btn-nuevo-barbero:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.admin-error{padding:15px;background:rgba(255,82,82,.15);color:#ff5252;border-radius:12px;margin-bottom:20px;border:1px solid rgba(255,82,82,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.barberos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:25px}.barbero-card{background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:20px;box-shadow:0 4px 16px #0003;transition:all .3s ease}.barbero-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #f59e0b4d;border-color:#f59e0b80}.barbero-card h3{color:#f59e0b;margin:0 0 12px;font-size:1.3em}.admin-barberos-form{background:rgba(255,255,255,.08)!important;border:1px solid rgba(245,158,11,.3)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 8px 24px #0000004d!important;border-radius:16px!important;padding:24px;margin-bottom:25px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}.admin-barberos-form h3{grid-column:1 / -1;margin:0 0 15px;color:#f59e0b;font-size:1.4em}.form-group label{margin-bottom:6px;font-weight:600;color:#f59e0b;font-size:.95em}.form-group input,.form-group select,.form-group textarea{padding:10px 12px;background:rgba(30,30,30,.85);border:1px solid rgba(245,158,11,.4);border-radius:10px;color:#fff;transition:all .3s ease;font-size:1em;font-family:inherit}.form-group input[type=time],.form-group input[type=date],.form-group input[type=datetime-local]{color:#fff;font-size:1em}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff80;opacity:1}.form-group input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1) brightness(1.2);cursor:pointer}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66}.btn-guardar,.btn-cancelar{padding:10px 20px;border:none;border-radius:12px;cursor:pointer;font-weight:700;font-size:.95em;transition:all .3s ease}.btn-guardar{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-guardar:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-cancelar{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff}.btn-cancelar:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}.admin-barberos-tabla{overflow-x:auto;background:rgba(255,255,255,.06);border:1px solid rgba(245,158,11,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 6px 20px #00000040;margin-bottom:30px}.admin-barberos-tabla table{width:100%;border-collapse:collapse}.admin-barberos-tabla th{background:rgba(245,158,11,.15);padding:12px;text-align:left;font-weight:700;color:#f59e0b;border-bottom:2px solid rgba(245,158,11,.3)}.admin-barberos-tabla td{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);color:#f5f5f5}.admin-barberos-tabla tr:hover{background:rgba(245,158,11,.08)}.admin-barberos-tabla tr.barbero-inactivo{opacity:.6;background:rgba(255,255,255,.03)}.estado-activo{color:#10b981;font-weight:600;padding:5px 12px;background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3);border-radius:8px;font-size:.9em}.estado-inactivo{color:#9ca3af;font-weight:600;padding:5px 12px;background:rgba(156,163,175,.15);border:1px solid rgba(156,163,175,.25);border-radius:8px;font-size:.9em}.barbero-info{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:10px 6px;min-width:160px}.barbero-avatar{width:82px;height:104px;border-radius:16px;background:linear-gradient(155deg,rgba(245,158,11,.35),rgba(17,24,39,.9));border:2px solid rgba(245,158,11,.85);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 10px 22px #0006}.barbero-avatar img{width:100%;height:100%;object-fit:cover;display:block}.barbero-avatar span{color:#f8fafc;font-weight:800;font-size:1.25em;letter-spacing:.6px}.barbero-nombre{color:#f8fafc;font-weight:700;font-size:1.1em;text-align:center;line-height:1.2}.acciones-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));grid-auto-rows:52px;gap:10px;justify-items:stretch;align-items:stretch}.btn-horarios,.btn-bloqueos,.btn-editar-barbero,.btn-eliminar-barbero{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:100%;height:52px;padding:10px 12px;margin:0;border:none;border-radius:10px;cursor:pointer;font-size:1em;font-weight:600;transition:all .3s ease}.btn-horarios{background:linear-gradient(135deg,#2196F3,#1976D2);color:#fff}.btn-horarios:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2196f366}.btn-bloqueos{background:linear-gradient(135deg,#9C27B0,#7B1FA2);color:#fff}.btn-bloqueos:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9c27b066}.btn-editar-barbero{background:linear-gradient(135deg,#FF9800,#F57C00);color:#fff}.btn-editar-barbero:hover{transform:translateY(-2px);box-shadow:0 4px 12px #ff980066}.btn-eliminar-barbero{background:linear-gradient(135deg,#f44336,#da190b);color:#fff}.btn-eliminar-barbero:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f4433666}.servicios-cell{display:flex;flex-wrap:wrap;gap:8px}.servicio-badge{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(245,158,11,.15);border:1px solid rgba(245,158,11,.35);color:#f8fafc;font-size:.85em;font-weight:700}.servicio-badge.empty{opacity:.7;background:rgba(255,255,255,.06);border-color:#ffffff26;color:#cbd5e1}.temp-block{grid-column:1 / -1;padding:12px;border:1px dashed #9c27b0;border-radius:6px;background-color:#faf5ff}.temp-block-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:10px}.temp-note{grid-column:1 / -1;font-size:.9em;color:#6b21a8;background:#f3e8ff;padding:8px 10px;border-radius:4px}.admin-horarios-section{background:rgba(33,150,243,.1);border:1px solid rgba(33,150,243,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;border-radius:14px;margin-bottom:30px;box-shadow:0 4px 16px #00000026}.horarios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.horarios-header h3{margin:0;color:#60a5fa;font-size:1.3em}.btn-nuevo-horario{padding:10px 18px;background:linear-gradient(135deg,#2196F3,#1976D2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95em;transition:all .3s ease}.btn-nuevo-horario:hover{transform:translateY(-2px);box-shadow:0 6px 20px #2196f366}.admin-horario-form{background:rgba(255,255,255,.08);border:1px solid rgba(33,150,243,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px;border-radius:12px;margin-bottom:15px;display:flex;flex-direction:column;gap:15px;box-shadow:0 4px 12px #00000026}.admin-horario-form .form-group:first-child{width:100%}.dias-checkmarks{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px;padding:10px 0}.checkbox-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#f59e0b}.checkbox-item label{cursor:pointer;font-size:.95em;color:#333;margin:0}.horarios-tabla{background:rgba(255,255,255,.05);border:1px solid rgba(245,158,11,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0003}.horarios-tabla table{width:100%;border-collapse:collapse}.horarios-tabla th{background:rgba(25,118,210,.3);color:#60a5fa;padding:12px;text-align:left;font-weight:600;font-size:.95em}.horarios-tabla td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);color:#f5f5f5}.horarios-tabla tr:hover{background:rgba(25,118,210,.08)}.btn-eliminar-horario{padding:6px 12px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .3s ease}.btn-eliminar-horario:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-2px);box-shadow:0 4px 12px #ff525266}.admin-bloqueos-section{background:rgba(156,39,176,.1);border:1px solid rgba(156,39,176,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:20px;border-radius:14px;margin-bottom:20px;box-shadow:0 4px 16px #00000026}.bloqueos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.bloqueos-header h3{margin:0;color:#d8b4fe;font-size:1.3em}.btn-nuevo-bloqueo{padding:10px 18px;background:linear-gradient(135deg,#9C27B0,#7B1FA2);color:#fff;border:none;border-radius:10px;cursor:pointer;font-weight:600;font-size:.95em;transition:all .3s ease}.btn-nuevo-bloqueo:hover{transform:translateY(-2px);box-shadow:0 6px 20px #9c27b066}.admin-bloqueo-form{background:rgba(255,255,255,.08);border:1px solid rgba(156,39,176,.3);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px;border-radius:12px;margin-bottom:15px;box-shadow:0 4px 12px #00000026}.bloqueos-tabla{background:rgba(255,255,255,.05);border:1px solid rgba(245,158,11,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #0003}.bloqueos-tabla table{width:100%;border-collapse:collapse}.bloqueos-tabla th{background:rgba(156,39,176,.3);color:#d8b4fe;padding:12px;text-align:left;font-weight:600;font-size:.95em}.bloqueos-tabla td{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.1);color:#f5f5f5}.bloqueos-tabla tr:hover{background:rgba(156,39,176,.08)}.btn-eliminar-bloqueo{padding:6px 12px;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:500;transition:all .3s ease}.btn-eliminar-bloqueo:hover{background:linear-gradient(135deg,#ff5252,#e53935);transform:translateY(-2px);box-shadow:0 4px 12px #ff525266}.admin-barberos-loading{text-align:center;padding:40px;font-size:1.2em;color:#666}@media (max-width: 768px){.admin-barberos-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-barberos-form{grid-template-columns:1fr}.admin-barberos-tabla,.horarios-tabla,.bloqueos-tabla{font-size:.9em}.admin-barberos-tabla td,.admin-barberos-tabla th,.horarios-tabla td,.horarios-tabla th,.bloqueos-tabla td,.bloqueos-tabla th{padding:8px}.btn-horarios,.btn-bloqueos,.btn-editar-barbero,.btn-eliminar-barbero{padding:4px 6px;margin:2px;font-size:.8em}.horarios-header,.bloqueos-header{flex-direction:column;align-items:flex-start;gap:10px}.admin-horario-form,.admin-bloqueo-form{grid-template-columns:1fr}.hide-mobile{display:none!important}.admin-barberos-tabla table thead{display:none}.admin-barberos-tabla table td{display:block;padding:10px 8px}.admin-barberos-tabla table tr{border-bottom:2px solid rgba(245,158,11,.2);margin-bottom:10px}.admin-barberos-tabla table tr:last-child{margin-bottom:0}.barbero-info{display:flex;align-items:center;gap:12px}.barbero-avatar{min-width:40px}.barbero-nombre{font-weight:600;color:#f59e0b}.acciones-grid{display:flex;flex-direction:column;gap:8px;margin-top:10px}.acciones-grid button{width:100%;padding:8px 12px;font-size:.85em}.form-grid-2col{grid-template-columns:1fr}.modal-contenido{width:95%;max-width:100%}}.servicios-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;padding:15px;background:rgba(255,255,255,.05);border:1px solid rgba(245,158,11,.2);border-radius:12px;grid-column:1 / -1}.servicio-checkbox{display:flex;align-items:center;gap:10px;padding:12px;background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.2);border-radius:8px;cursor:pointer;transition:all .3s ease;color:#f5f5f5;font-size:.95em}.servicio-checkbox:hover{background:rgba(255,255,255,.12);border-color:#f59e0b66;transform:translateY(-2px)}.servicio-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#f59e0b}.servicio-checkbox input[type=checkbox]:checked{background-color:#f59e0b}.servicio-checkbox .service-name{font-weight:600;color:#f59e0b;flex:1}.servicio-checkbox .service-duration{font-size:.85em;color:#a0aec0;white-space:nowrap}.no-servicios{grid-column:1 / -1;text-align:center;color:#a0aec0;padding:20px}.horarios-modal,.bloqueos-modal{max-height:90vh;overflow-y:auto}.horarios-modal h3,.bloqueos-modal h3{color:#f59e0b;margin-top:0;margin-bottom:20px;font-size:1.3em}.horarios-modal h4,.bloqueos-modal h4{font-size:1em}.dias-checkmarks{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-top:10px}.checkbox-item{display:flex;align-items:center;gap:8px}.checkbox-item input[type=checkbox]{accent-color:#f59e0b;width:18px;height:18px;cursor:pointer}.checkbox-item label{cursor:pointer;color:#e5e7eb;font-size:.95em;margin:0}.horarios-modal table,.bloqueos-modal table{width:100%;border-collapse:collapse;font-size:.9em;margin-top:10px}.horarios-modal thead,.bloqueos-modal thead{background:rgba(245,158,11,.1)}.horarios-modal th,.bloqueos-modal th{padding:10px;text-align:left;color:#f59e0b;font-weight:600;border-bottom:1px solid rgba(245,158,11,.3)}.horarios-modal tbody tr,.bloqueos-modal tbody tr{border-bottom:1px solid rgba(245,158,11,.15)}.horarios-modal tbody tr:hover,.bloqueos-modal tbody tr:hover{background:rgba(245,158,11,.08)}.horarios-modal td,.bloqueos-modal td{padding:10px;color:#e5e7eb}.acciones-horario{display:flex;gap:8px;align-items:center;justify-content:center}.btn-editar-horario,.btn-eliminar-horario,.btn-eliminar-bloqueo{background:none;border:none;padding:5px 8px;cursor:pointer;font-size:1.1em;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-editar-horario:hover,.btn-eliminar-horario:hover,.btn-eliminar-bloqueo:hover{transform:scale(1.3);filter:brightness(1.2)}.edit-horario-modal{max-width:500px}.edit-horario-modal h3{color:#f59e0b;margin-top:0;margin-bottom:20px;font-size:1.2em}@media (max-width: 768px){.horarios-modal,.bloqueos-modal{max-width:90vw}.dias-checkmarks{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.horarios-modal table,.bloqueos-modal table{font-size:.85em}.horarios-modal th,.bloqueos-modal th,.horarios-modal td,.bloqueos-modal td{padding:8px}.horarios-modal table th:nth-child(2),.horarios-modal table th:nth-child(3),.horarios-modal table td:nth-child(2),.horarios-modal table td:nth-child(3){display:none}.acciones-horario{gap:12px}.btn-editar-horario,.btn-eliminar-horario{font-size:1.4em;padding:8px 10px}}.admin-servicios-container{padding:20px;max-width:1200px;margin:0 auto}.admin-servicios-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px}.admin-servicios-header h2{font-size:1.8em;margin:0;color:#f59e0b}.btn-nuevo-servicio{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1em;font-weight:700;transition:all .3s ease}.btn-nuevo-servicio:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.admin-servicios-form{background:rgba(255,255,255,.1)!important;border:1px solid rgba(245,158,11,.35)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 8px 28px #00000059!important;border-radius:18px!important;padding:20px;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;overflow-y:auto}.modal-contenido{background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:16px;padding:24px;max-width:600px;max-height:90vh;overflow-y:auto;margin:auto;width:90%}.modal-contenido h3{color:#f59e0b;margin:0 0 15px;font-size:1.4em}.form-grid-2col{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:15px}.full-width{grid-column:1 / -1}.admin-servicios-form h3{grid-column:1 / -1;margin:0 0 10px;color:#f59e0b}.form-group.checkbox{flex-direction:row;align-items:center;margin-top:10px}.form-group.checkbox label{display:flex;align-items:center;margin:0}.form-group.checkbox input{margin-right:10px}.form-group input,.form-group select,.form-group textarea{padding:10px;background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:.95em;font-family:inherit;resize:vertical;color:#f5f5f5;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#4caf50;box-shadow:0 0 5px #4caf504d}.admin-servicios-tabla{overflow-x:auto;background:rgba(255,255,255,.06);border:1px solid rgba(245,158,11,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:16px;box-shadow:0 6px 20px #00000040;margin-bottom:30px}.admin-servicios-tabla table{width:100%;border-collapse:collapse}.admin-servicios-tabla th{background:rgba(245,158,11,.15);padding:12px;text-align:left;font-weight:700;color:#f59e0b;border-bottom:2px solid rgba(245,158,11,.3)}.admin-servicios-tabla td{padding:12px;border-bottom:1px solid rgba(255,255,255,.1);color:#f5f5f5}.admin-servicios-tabla tr:hover{background:rgba(245,158,11,.08)}.admin-servicios-tabla tr.servicio-inactivo{opacity:.6;background:rgba(255,255,255,.03)}.nombre-servicio{font-weight:600;color:#f59e0b}.descripcion-servicio{font-size:.9em;color:#b0b8c8;max-width:300px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.duracion-servicio,.precio-servicio{text-align:center}.duracion-badge{display:inline-block;padding:4px 8px;background-color:#3b82f633;color:#60a5fa;border-radius:4px;font-weight:600;font-size:.9em}.precio-badge{display:inline-block;padding:4px 8px;background-color:#a855f733;color:#d8b4fe;border-radius:4px;font-weight:600;font-size:.9em}.estado-activo{color:#10b981;font-weight:700;padding:4px 8px;background-color:#10b98133;border-radius:4px}.estado-inactivo{color:#9ca3af;font-weight:700;padding:4px 8px;background-color:#6b728033;border-radius:4px}.btn-editar-servicio,.btn-desactivar-servicio,.btn-eliminar-servicio{padding:8px 12px;margin:2px;border:none;border-radius:8px;cursor:pointer;font-size:.85em;font-weight:600;transition:all .2s ease}.btn-editar-servicio{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.btn-editar-servicio:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.btn-desactivar-servicio{background:rgba(245,158,11,.2);color:#f59e0b}.btn-desactivar-servicio:hover{background:rgba(245,158,11,.3);transform:translateY(-2px)}.btn-eliminar-servicio{background:rgba(255,82,82,.2);color:#ff6b6b}.btn-eliminar-servicio:hover{background:rgba(255,82,82,.3);transform:translateY(-2px)}.admin-servicios-loading{text-align:center;padding:40px;font-size:1.2em;color:#666}.servicios-summary{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}.summary-card{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);padding:24px;border-radius:12px;color:#fff;text-align:center;box-shadow:0 8px 16px #0003;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.summary-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.summary-card:nth-child(2){background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.summary-card:nth-child(3){background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.summary-card:nth-child(4){background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%)}.summary-label{font-size:.9em;font-weight:600;opacity:.9;margin-bottom:8px}.summary-value{font-size:2.2em;font-weight:700}@media (max-width: 768px){.admin-servicios-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-servicios-form{grid-template-columns:1fr}.hide-mobile{display:none!important}.admin-servicios-tabla table thead{display:none}.admin-servicios-tabla table td{display:block;padding:10px 8px}.admin-servicios-tabla table tr{border-bottom:2px solid rgba(245,158,11,.2);margin-bottom:10px}.admin-servicios-tabla table tr:last-child{margin-bottom:0}.nombre-servicio{font-weight:600;color:#f59e0b;display:block;margin-bottom:10px}.acciones-grid{display:flex;flex-direction:column;gap:8px;margin-top:10px}.acciones-grid button{width:100%;padding:8px 12px;font-size:.85em}.form-grid-2col{grid-template-columns:1fr}.modal-contenido{width:95%;max-width:100%}.servicios-summary{grid-template-columns:repeat(2,1fr);gap:12px}.summary-card{padding:16px 12px}.summary-label{font-size:.8em}.summary-value{font-size:1.6em}}.admin-auditlog-container{padding:20px;max-width:1400px;margin:0 auto}.admin-auditlog-header{margin-bottom:30px;padding-bottom:15px}.admin-auditlog-header h2{font-size:1.8em;margin:0;color:#f59e0b}.auditlog-filters{display:flex;gap:15px;margin-bottom:30px;padding:15px;background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-wrap:wrap;align-items:flex-end;width:100%;box-sizing:border-box}.filter-group{display:flex;flex-direction:column;min-width:0;width:100%}.filter-group label{margin-bottom:5px;font-weight:700;color:#f59e0b;font-size:.9em}.filter-group select,.filter-group input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:8px 32px 8px 12px;background-color:#ffffff14;border:1px solid rgba(245,158,11,.3);border-radius:10px;font-size:.95em;font-family:inherit;color:#f5f5f5;transition:all .3s ease;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="%23f59e0b"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66;background-color:#ffffff1f}.filter-group select::-ms-expand,.filter-group input::-ms-expand{display:none}.filter-group select option{background-color:#1f2937;color:#f5f5f5}.btn-limpiar-filtros{padding:8px 16px;background-color:#888;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:.95em}.btn-limpiar-filtros:hover{background-color:#666}.auditlog-empty{text-align:center;padding:60px 20px;background:rgba(255,255,255,.06);border:1px solid rgba(245,158,11,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;color:#a0aec0;font-size:1.1em}.auditlog-timeline{position:relative;padding:20px 0}.auditlog-timeline:before{content:"";position:absolute;left:20px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#2196F3,#4CAF50,#FF9800)}.timeline-item{display:flex;margin-bottom:30px;position:relative}.timeline-marker{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;margin-right:20px;flex-shrink:0;z-index:1;box-shadow:0 2px 4px #0000001a}.timeline-content{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(245,158,11,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:15px;border-radius:12px;box-shadow:0 6px 20px #00000040}.timeline-content:hover{background:rgba(255,255,255,.08);box-shadow:0 8px 24px #f59e0b26;border-color:#f59e0b59}.log-header{display:flex;gap:10px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.log-operation{display:inline-block;padding:6px 12px;border-radius:8px;color:#fff;font-weight:700;font-size:.9em}.log-tabla{padding:6px 12px;background:rgba(245,158,11,.25);color:#f59e0b;border:1px solid rgba(245,158,11,.4);border-radius:8px;font-weight:600;font-size:.9em}.log-time{color:#a0aec0;font-size:.85em;margin-left:auto}.log-razon{margin-bottom:10px;padding:10px;background:rgba(255,193,7,.12);border-left:3px solid #ffc107;border-radius:8px;color:#ffd43b;font-size:.95em}.log-razon strong{color:#ffc107}.log-changes{margin-bottom:10px}.log-changes details{margin-bottom:10px;padding:10px;background:rgba(255,255,255,.05);border:1px solid rgba(245,158,11,.2);border-radius:8px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.log-changes summary{cursor:pointer;font-weight:600;color:#f5f5f5;-webkit-user-select:none;user-select:none;margin-bottom:5px}.log-changes summary:hover{color:#f59e0b}.log-data{background-color:#263238;color:#aed581;padding:12px;border-radius:4px;overflow-x:auto;font-size:.85em;line-height:1.4;margin:5px 0 0}.log-user{color:#a0aec0;font-size:.85em;padding-top:10px;border-top:1px solid rgba(255,255,255,.1)}.log-user code{background:rgba(255,255,255,.08);padding:4px 8px;border-radius:6px;font-family:monospace;color:#60a5fa;border:1px solid rgba(96,165,250,.3)}.timeline-line{display:none}.admin-auditlog-loading{text-align:center;padding:40px;font-size:1.2em;color:#f5f5f5}.auditlog-info{margin-top:40px;padding:16px 18px;background:linear-gradient(135deg,rgba(59,130,246,.22),rgba(59,130,246,.12));border:1px solid rgba(96,165,250,.45);border-left:5px solid #60a5fa;border-radius:14px;color:#e5f0ff;font-size:1em;font-weight:600;box-shadow:0 10px 30px #00000040}.auditlog-info p{margin:0;text-shadow:0 1px 2px rgba(0,0,0,.35)}@media (max-width: 768px){.auditlog-filters{flex-direction:column}.filter-group,.btn-limpiar-filtros{width:100%}.log-header{flex-direction:column;align-items:flex-start}.log-time{margin-left:0;margin-top:5px}.timeline-marker{width:35px;height:35px;font-size:.8em}.auditlog-timeline:before{left:15px}.timeline-content{padding:12px}.log-data{font-size:.75em}}.admin-permisos-container{padding:20px;max-width:1200px;margin:0 auto}.admin-permisos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:15px}.admin-permisos-header h2{font-size:1.8em;margin:0;color:#f59e0b}.btn-nuevo-permiso{padding:10px 20px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:12px;cursor:pointer;font-size:1em;font-weight:700;transition:all .3s ease}.btn-nuevo-permiso:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e73}.admin-error{padding:15px;background-color:#ffebee;color:#c62828;border-radius:4px;margin-bottom:20px;border-left:4px solid #c62828}.admin-permisos-form{background:rgba(255,255,255,.1)!important;border:1px solid rgba(245,158,11,.35)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 8px 28px #00000059!important;border-radius:18px!important;padding:20px;margin-bottom:20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px}.admin-permisos-form h3{grid-column:1 / -1;margin:0 0 10px;color:#f59e0b}.form-group{display:flex;flex-direction:column}.form-group label{margin-bottom:5px;font-weight:700;color:#f59e0b;font-size:.95em}.form-group input,.form-group select{padding:10px;background-color:#ffffff14;border:1px solid rgba(245,158,11,.3);border-radius:8px;font-size:.95em;font-family:inherit;color:#f5f5f5;transition:all .3s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66}.permisos-grid{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(245,158,11,.25);padding:12px;border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.permiso-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.25);color:#f2f2f2;font-size:.95em;transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}.permiso-item input{width:18px;height:18px;accent-color:#4CAF50}.permiso-item:hover{background:rgba(255,255,255,.12);border-color:#f59e0b73;box-shadow:0 4px 14px #00000040}.form-actions{grid-column:1 / -1;display:flex;gap:10px;justify-content:flex-end;padding-top:10px}.btn-guardar,.btn-cancelar{padding:10px 20px;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:.95em}.btn-guardar{background-color:#4caf50;color:#fff}.btn-guardar:hover{background-color:#45a049}.btn-cancelar{background-color:#888;color:#fff}.btn-cancelar:hover{background-color:#666}.admin-permisos-tabla{overflow-x:auto;border:1px solid rgba(245,158,11,.35);border-radius:14px;background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 28px #00000059}.admin-permisos-tabla table{width:100%;border-collapse:collapse}.admin-permisos-tabla th{background:rgba(0,0,0,.25);padding:12px;text-align:left;font-weight:700;color:#f5f5f5;border-bottom:1px solid rgba(245,158,11,.25)}.admin-permisos-tabla td{padding:12px;border-bottom:1px solid rgba(255,255,255,.08);color:#e9e9e9}.admin-permisos-tabla tr:hover{background:rgba(255,255,255,.06)}.permisos-list{display:flex;flex-wrap:wrap;gap:6px}.permiso-badge{display:inline-block;padding:4px 8px;background-color:#e3f2fd;color:#1565c0;border-radius:4px;font-weight:600;font-size:.85em}.permiso-empty{color:#777;font-size:.9em}.role-badge{padding:4px 8px;border-radius:4px;font-weight:700;text-transform:capitalize}.role-admin{background-color:#4caf50;color:#fff}.role-staff{background-color:#ffb300;color:#2d2d2d}.role-viewer{background-color:#e0e0e0;color:#333}.btn-editar,.btn-eliminar{background:none;border:none;padding:6px 10px;margin:0 4px;cursor:pointer;font-size:1.1em;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center}.btn-editar:disabled,.btn-eliminar:disabled{opacity:.4;cursor:not-allowed;filter:grayscale(1)}.btn-editar:hover,.btn-eliminar:hover{transform:scale(1.3);filter:brightness(1.2)}.admin-permisos-loading{text-align:center;padding:40px;font-size:1.2em;color:#666}@media (max-width: 768px){.admin-permisos-header{flex-direction:column;align-items:flex-start;gap:15px}.admin-permisos-form,.permisos-grid{grid-template-columns:1fr}.admin-permisos-tabla{font-size:.9em}.admin-permisos-tabla td,.admin-permisos-tabla th{padding:8px}.admin-permisos-tabla table th:nth-child(2),.admin-permisos-tabla table th:nth-child(3),.admin-permisos-tabla table td:nth-child(2),.admin-permisos-tabla table td:nth-child(3){display:none}.admin-permisos-tabla .btn-editar,.admin-permisos-tabla .btn-eliminar{background:none;border:none;padding:8px 10px;font-size:1.3em;cursor:pointer;margin:0 4px;transition:all .3s ease}.admin-permisos-tabla .btn-editar:hover,.admin-permisos-tabla .btn-eliminar:hover{transform:scale(1.3);filter:brightness(1.2)}}.admin-stat-card{background:rgba(255,255,255,.08)!important;border:1px solid rgba(245,158,11,.3)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 8px 24px #0000004d!important;border-radius:20px!important;padding:2rem;transition:all .3s ease}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:40px;width:100%}.admin-stat-icon{font-size:40px;margin-bottom:10px}.admin-stat-title{color:#f59e0b;margin:10px 0}.admin-stat-value{font-size:36px;font-weight:700;color:#fff;margin:0}.admin-drawer-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);z-index:998;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.admin-drawer-overlay.open{display:block}.admin-stat-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #f59e0b40!important}.admin-agenda-card{background:rgba(255,255,255,.08)!important;border:1px solid rgba(245,158,11,.3)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 8px 24px #0000004d!important;border-radius:20px!important;padding:2rem}.admin-section-container{background:rgba(255,255,255,.08)!important;border:1px solid rgba(245,158,11,.3)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 8px 24px #0000004d!important;border-radius:20px!important;padding:2rem;margin-bottom:1.5rem}.admin-card{background:rgba(255,255,255,.06)!important;border:1px solid rgba(245,158,11,.25)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;box-shadow:0 6px 20px #00000040!important;border-radius:16px!important;padding:1.5rem;margin-bottom:1rem;transition:all .3s ease}.admin-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f59e0b33!important}.admin-form-card{background:rgba(255,255,255,.1)!important;border:1px solid rgba(245,158,11,.35)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:0 8px 28px #00000059!important;border-radius:18px!important;padding:2rem;margin-bottom:1.5rem}.admin-table-container{background:rgba(255,255,255,.06)!important;border:1px solid rgba(245,158,11,.25)!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;border-radius:16px!important;overflow:hidden;box-shadow:0 6px 20px #00000040!important}.admin-table-container table,table{width:100%;border-collapse:collapse}.admin-table-container thead tr,table thead tr{background:rgba(245,158,11,.15);border-bottom:2px solid rgba(245,158,11,.4)}.admin-table-container th,table th{padding:16px 12px;text-align:left;color:#f59e0b;font-weight:700;font-size:14px;text-transform:uppercase;letter-spacing:.5px}.admin-table-container td,table td{padding:14px 12px;color:#e5e7eb;font-size:14px;border-bottom:1px solid rgba(245,158,11,.1)}.admin-table-container tbody tr:hover,table tbody tr:hover{background:rgba(245,158,11,.08)}.admin-section-container,.admin-card,.admin-form-card,.admin-reservas-form,.admin-permisos-form,.admin-barberos-form,.admin-inventario-form{color-scheme:dark}.admin-section-container select,.admin-card select,.admin-form-card select,.admin-reservas-form select,.admin-permisos-form select,.admin-barberos-form select,.admin-inventario-form select,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.3);border-radius:10px;color:#f5f5f5;padding:10px 38px 10px 12px;font-size:.95em;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" fill="%23f59e0b"><path d="M7 10l5 5 5-5z"/></svg>');background-repeat:no-repeat;background-position:right 12px center;background-size:18px 18px;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.admin-section-container select:focus,.admin-card select:focus,.admin-form-card select:focus,.admin-reservas-form select:focus,.admin-permisos-form select:focus,.admin-barberos-form select:focus,.admin-inventario-form select:focus,select:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66;background:rgba(255,255,255,.12)}input[type=text],input[type=email],input[type=tel],input[type=number],input[type=date],input[type=time],input[type=password],textarea{background:rgba(255,255,255,.08);border:1px solid rgba(245,158,11,.3);border-radius:10px;color:#f5f5f5;padding:10px 12px;font-size:.95em;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus,input[type=number]:focus,input[type=date]:focus,input[type=time]:focus,input[type=password]:focus,textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 12px #f59e0b66;background:rgba(255,255,255,.12)}button,.btn{border-radius:10px;padding:10px 20px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;border:none}.btn-guardar,.btn-crear{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 4px 12px #10b9814d}.btn-guardar:hover,.btn-crear:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-cancelar{background:rgba(156,163,175,.2);color:#d1d5db;border:1px solid rgba(156,163,175,.3)}.btn-cancelar:hover{background:rgba(156,163,175,.3);border-color:#9ca3af80}label{color:#f59e0b;font-weight:600;font-size:14px;display:block;margin-bottom:8px}.admin-section-container option,.admin-card option,.admin-form-card option,.admin-reservas-form option,.admin-permisos-form option,.admin-barberos-form option,.admin-inventario-form option{background-color:#1f2937;color:#f5f5f5}.admin-section-container select::-ms-expand,.admin-card select::-ms-expand,.admin-form-card select::-ms-expand,.admin-reservas-form select::-ms-expand,.admin-permisos-form select::-ms-expand,.admin-barberos-form select::-ms-expand,.admin-inventario-form select::-ms-expand{display:none}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;gap:1rem}.admin-tabs-container{display:flex;gap:10px;margin-bottom:30px;border-bottom:2px solid #374151;padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.admin-tabs-wrapper{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.admin-nav-toggle{display:none;padding:10px 14px;border-radius:10px;border:1px solid rgba(245,158,11,.4);background:rgba(26,26,26,.9);color:#f5f5f5;font-weight:700;cursor:pointer;box-shadow:0 6px 18px #00000059}.admin-tabs-container::-webkit-scrollbar{height:4px}.admin-tabs-container::-webkit-scrollbar-thumb{background:#f59e0b;border-radius:4px}.admin-tab-button{padding:12px 20px;border:none;cursor:pointer;font-weight:600;border-radius:4px 4px 0 0;white-space:nowrap;flex-shrink:0;transition:all .3s ease}.admin-tab-button.active{background-color:#f59e0b;color:#000}.admin-tab-button:not(.active){background-color:transparent;color:#9ca3af}.admin-tab-button:hover:not(.active){background-color:#f59e0b1a;color:#f59e0b}@media (max-width: 768px){.admin-nav-toggle{display:inline-block;position:relative;z-index:999}.hide-mobile{display:none!important}.agenda-hora-cell,.agenda-cliente-cell,.agenda-estado-cell{padding:10px 8px!important}.agenda-hora-cell{font-size:14px;font-weight:600}.agenda-cliente-cell{max-width:140px}.agenda-cliente-cell div:first-child{font-size:14px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.agenda-estado-cell span{font-size:11px!important;padding:4px 8px!important}.admin-stats-grid{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;justify-content:flex-start}.admin-stat-card{flex:0 0 calc(50% - 5px);padding:.8rem;display:flex;flex-direction:row;align-items:center;gap:12px;min-width:unset;border-radius:12px!important}.admin-stat-icon{font-size:28px;margin-bottom:0;flex-shrink:0}.admin-stat-content{display:flex;flex-direction:column;gap:2px}.admin-stat-title{font-size:11px;margin:0;font-weight:600;line-height:1.2}.admin-stat-value{font-size:20px;font-weight:700;line-height:1}.admin-tabs-container{position:fixed;top:0;left:0;bottom:0;width:260px;transform:translate(-100%);transition:transform .3s ease;background:rgba(15,15,15,.98);border:none;border-right:1px solid rgba(245,158,11,.3);padding:80px 0 20px;margin:0;z-index:999;overflow-y:auto;box-shadow:4px 0 20px #00000080}.admin-tabs-container.open{transform:translate(0)}.admin-tabs-container.closed{transform:translate(-100%)}.admin-tab-button{width:100%;padding:16px 24px;text-align:left;border-radius:0;display:flex;align-items:center;gap:12px;font-size:15px;border-left:3px solid transparent}.admin-tab-button.active{background-color:#f59e0b26;border-left-color:#f59e0b}.admin-tab-button:before{content:attr(data-icon);font-size:20px}.admin-tabs-container{border-bottom:none;padding-bottom:0;margin-bottom:0;display:none}.admin-tabs-container.open{display:flex;flex-wrap:wrap;background:rgba(26,26,26,.9);border:1px solid rgba(245,158,11,.25);border-radius:12px;padding:10px;gap:8px}.admin-tabs-container.closed{display:none}.admin-header{flex-direction:column;align-items:flex-start;margin-bottom:20px}.admin-header h1{font-size:24px!important}.admin-header button{width:100%}.admin-tabs-container{flex-wrap:nowrap;overflow-x:auto;gap:6px}.admin-tab-button{padding:10px 16px;font-size:14px}.admin-stat-card,.admin-agenda-card{padding:1.5rem}}@media (max-width: 480px){.admin-header h1{font-size:20px!important}.admin-stat-card{flex:0 0 100%;padding:.7rem}.admin-stat-icon{font-size:24px}.admin-stat-value{font-size:18px}.admin-stat-title{font-size:10px}.admin-tabs-container{width:240px}.admin-tab-button{padding:14px 20px;font-size:14px}justify-content: center; z-index: 1000;{}}.admin-modal{background:rgba(255,255,255,.1);border:1px solid rgba(245,158,11,.35);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 40px #00000073;border-radius:18px;padding:1.25rem;max-width:560px;width:92vw;color:#f5f5f5}