:root{--primary: #B82A0F;--primary-light: #E96E56;--secondary: #775651;--botones: #E96E56;--accent: #042F05;--error: #BA1A1A;--bg: #FFF8F6;--card: #FFFFFF;--text: #231917;--text-muted: #857370;--border: #F5DDD8;--white3: #EAFFFFFF}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;width:100%}.shell{max-width:1100px;margin:0 auto;padding:0 20px;width:100%}h1{font-size:clamp(2rem,8vw,3rem);line-height:1.1;margin-bottom:1.5rem;font-weight:800;letter-spacing:-.02em;color:var(--text)}h2{font-size:clamp(1.5rem,5vw,2.25rem);margin-bottom:1rem;font-weight:700;letter-spacing:-.01em;color:var(--primary)}h3{font-size:1.25rem;font-weight:600}.eyebrow{display:flex;align-items:center;gap:8px;color:var(--primary-light);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem}.nav{height:80px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:#fff8f6d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:100;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:700;font-size:1.25rem}.brand-logo{width:40px;height:40px;border-radius:8px;flex-shrink:0;object-fit:contain}.brand small{font-weight:400;font-size:.6em;opacity:.6;display:block;margin-top:-4px}.nav-actions{display:flex;align-items:center;gap:8px}.user-pill{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--white3);border:1px solid var(--border);border-radius:20px;font-size:.8rem;color:var(--primary);text-decoration:none;font-weight:600;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:12px;font-weight:700;cursor:pointer;transition:all .2s;border:none;text-decoration:none;font-size:.95rem;box-shadow:0 2px 4px #0000000d;max-width:100%}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:#8e1f0b;transform:translateY(-1px);box-shadow:0 4px 12px #b82a0f33}.button-secondary{background:var(--secondary);color:#fff}.button-secondary:hover{opacity:.95}.button-ghost{background:var(--white3);color:var(--text);border:1px solid var(--border)}.button-ghost:hover{background:var(--border)}.button-dark{background:var(--text);color:#fff}.button.full{width:100%}.button:disabled{opacity:.5;cursor:not-allowed}.button-small{padding:6px 12px;font-size:.75rem;border-radius:8px}.icon-button{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--white3);cursor:pointer;transition:.2s;color:var(--text)}.icon-button:hover{border-color:var(--primary);color:var(--primary);background:#fff}.icon-button.error{color:var(--error);border-color:#fee2e2}.icon-button.error:hover{background:#fee2e2}.btn-floating-left{position:fixed;bottom:45px;left:16px;z-index:90}.btn-floating-right{position:fixed;bottom:45px;right:16px;z-index:90}.bubble{height:42px;padding:0 16px;border-radius:21px;opacity:.9;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 12px #00000026;font-size:.85rem}.whatsapp-float{position:fixed;bottom:100px;right:16px;width:50px;height:50px;background-color:#25d366;color:#fff;border-radius:50px;display:flex;align-items:center;justify-content:center;z-index:90;box-shadow:2px 2px 10px #0003;text-decoration:none}.hero{padding:40px 20px 80px;display:grid;grid-template-columns:1fr;gap:32px;align-items:center;text-align:center}.hero-text{font-size:1.15rem;color:var(--text-muted);margin-bottom:2rem}.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}@media(min-width:900px){.hero{grid-template-columns:1.2fr 1fr;text-align:left;padding:80px 20px 120px}.hero-btns{justify-content:flex-start}}.promos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-top:24px}.promo-card{position:relative;border-color:var(--primary-light);background:#fffdfc}.promo-tag{position:absolute;top:-10px;right:20px;background:var(--primary);color:#fff;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:800}.promo-badge{background:var(--border);padding:4px 10px;border-radius:8px;font-size:.8rem;font-weight:700;color:var(--primary)}.promo-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.dashboard-grid{display:grid;grid-template-columns:1fr;gap:24px;margin-top:32px;width:100%}@media(min-width:850px){.dashboard-grid{grid-template-columns:1fr 1.5fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:clamp(16px,4vw,24px);width:100%}.card.full-width{grid-column:1 / -1}.balance-row{display:flex;gap:12px;margin-bottom:20px;flex-wrap:wrap}.balance-item{flex:1;min-width:140px;background:var(--bg);padding:16px;border-radius:16px}.profile-form{display:flex;flex-direction:column;gap:20px}.form-row{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.form-row{grid-template-columns:1fr 1fr}}label{display:flex;flex-direction:column;gap:8px;font-size:.85rem;font-weight:700;color:var(--secondary)}input,select{padding:14px;border-radius:12px;border:2px solid var(--border);font-size:1rem;width:100%;background:#fff;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus{outline:none;border-color:var(--primary)}.password-wrapper{position:relative;width:100%}.password-wrapper input{padding-right:48px}.eye-button{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:16px;display:flex;align-items:center;justify-content:center}.modal-content{width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column}.modal-body{overflow-y:auto;padding:20px 0;font-size:.95rem;line-height:1.6}.status-toast{position:fixed;bottom:100px;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:12px 20px;border-radius:12px;z-index:2000;width:calc(100% - 40px);max-width:400px;display:flex;justify-content:space-between;align-items:center}.service-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.booking-band{padding:60px 0;background:var(--secondary);color:#fff}.booking{display:grid;grid-template-columns:1fr;gap:40px}@media(min-width:900px){.booking{grid-template-columns:1fr 1fr;gap:80px}}.booking-form{background:#fff;padding:clamp(24px,5vw,40px);border-radius:30px;box-shadow:0 20px 40px #0003}.slot-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:8px}.terms-checkbox{padding:10px 0}.link-button{background:none;border:none;color:var(--primary);text-decoration:underline;cursor:pointer;font:inherit;padding:0}@media(max-width:600px){.nav{height:70px}.btn-floating-left,.btn-floating-right{bottom:20px}.whatsapp-float{bottom:75px;width:44px;height:44px}}