@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Great+Vibes&display=swap";:root{font-family:DM Sans,sans-serif;color:#f7eef3;background:#151116;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}#app{min-height:100vh}.shell{max-width:1120px;margin:auto;padding:18px 18px 90px}.top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:4px 0 24px}.brand{font-family:Great Vibes,cursive;font-size:36px;color:#efb8cb;line-height:1.1}.subtitle{font-size:12px;color:#b7a8b2;letter-spacing:.13em;text-transform:uppercase}.nav{display:flex;gap:7px;overflow-x:auto;padding:0 0 14px;margin-bottom:18px}.nav button,.pill{white-space:nowrap;background:#2a222b;color:#e8d6e0;border:1px solid #473540;border-radius:22px;padding:10px 15px}.nav button.active{background:#e9afc5;color:#23151d;border-color:#e9afc5;font-weight:700}.panel{background:#221c23;border:1px solid #40313c;border-radius:18px;padding:20px;margin-bottom:16px}.hero{background:linear-gradient(125deg,#36232e,#211b22);border:1px solid #5b3b4d;border-radius:20px;padding:25px;margin-bottom:20px}h1,h2,h3{margin:0 0 14px}h1{font-size:27px}h2{font-size:20px}h3{font-size:16px}.muted{color:#b8a9b2}.gold{color:#d9b88a}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px;margin:16px 0}.stat{background:#29212a;border:1px solid #4a3441;padding:17px;border-radius:16px}.stat b{display:block;font-size:23px;color:#f1b9ce;margin-top:9px}.btn{background:#e9afc5;color:#23151d;border:0;border-radius:12px;padding:12px 18px;font-weight:700}.btn.alt{background:#392c37;color:#f5dbe7;border:1px solid #67475b}.btn.small{padding:8px 11px;font-size:13px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:13px}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#e4d2dc}.field input,.field select,.field textarea{width:100%;background:#181319;border:1px solid #58404e;border-radius:10px;padding:12px;color:#fff;min-height:43px}.field textarea{min-height:75px}.span{grid-column:1/-1}.item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #3d303b}.item:last-child{border-bottom:0}.item strong{display:block}.item small{display:block;color:#b7a6b0;margin-top:5px}.actions{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.error{background:#5b2637;color:#ffe1e8;padding:12px;border-radius:10px;margin:12px 0}.success{background:#284737;color:#dcf6e5;padding:12px;border-radius:10px;margin:12px 0}.login{max-width:440px;margin:8vh auto;padding:20px}.login .brand{font-size:54px;text-align:center}.login .subtitle{text-align:center;margin-bottom:32px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px}.day{min-height:80px;background:#2b222b;border:1px solid #473642;border-radius:10px;padding:7px;text-align:left;color:#f4dce7;overflow:hidden}.day.selected{border:2px solid #f2b6ce}.day.today{background:#43303d}.day em{display:block;font-style:normal;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#eab8c9}.weekday{text-align:center;color:#b9aab3;font-size:11px;padding:8px 0}.day.empty{background:transparent;border:0}.month{display:flex;gap:8px;align-items:center}.emptytext{color:#a99aa4;padding:18px 0}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:650px}th,td{text-align:left;padding:11px;border-bottom:1px solid #443541;font-size:13px}th{color:#f0bad0}a{color:#f1b4cb}@media(max-width:600px){.shell{padding:14px 12px 90px}.brand{font-size:30px}.day{min-height:65px;padding:5px}.day em{font-size:9px}.panel{padding:15px}.hero{padding:20px}.stat b{font-size:19px}}:root{background:#080c11;color:#f8edf1}.shell{max-width:850px}.top{margin-bottom:12px}.brand{color:#d8ae6b}.nav{background:#0b1016;border-radius:16px}.nav button{background:#101a22}.nav button.active{background:#f6a5b8}.panel{background:#0d1821;border-color:#28313a}.btn{background:#f7a7b9}.btn.alt{background:#17222b;border-color:#34404a}.stat{background:#14212b;border-color:#2b3540}.day{background:#111d27;border-color:#293640}.day.today{background:#293541}.day.domingo{background:#472a3b;color:#ffb2ca}.day.festivo{background:#53402a;color:#f8d598}.day.selected{outline:2px solid #f6a5b8}.calendar-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:12px}.calendar-legend span:first-child{color:#ffb2ca}.calendar-legend span:last-child{color:#f8d598}.photo-home{height:min(65vh,580px);min-height:380px;position:relative;overflow:hidden;border-radius:24px;background:#120d11;margin-bottom:14px}.photo-home>img{width:100%;height:100%;object-fit:cover;object-position:center top}.photo-home:after{content:"";position:absolute;inset:48% 0 0;background:linear-gradient(transparent,#110d12)}.photo-caption{position:absolute;z-index:1;bottom:18px;left:16px;right:16px;text-align:center;text-shadow:0 2px 8px #000}.photo-caption .brand{font-size:48px}.photo-caption .gold{font-family:Georgia,serif;font-size:23px}.photo-caption p{font-family:Georgia,serif;font-style:italic;font-size:19px}.home-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.home-tiles button{min-height:90px;border-radius:16px;border:1px solid #6b485a;background:#241d26;color:#f5e8ee;font-weight:600}.home-tiles span{display:block;font-size:30px;color:#f8b3c7;margin-bottom:5px}.welcome-screen{height:100dvh;max-width:470px;margin:auto;position:relative;background:#f7c5d0;overflow:hidden}.welcome-image{width:100%;height:100%;object-fit:fill}.welcome-trigger{position:absolute;bottom:6%;left:12%;width:76%;height:9%;opacity:0;border:0}.login-overlay{position:absolute;inset:0;display:grid;place-items:center;background:#110e13dd;padding:18px}.login-overlay[hidden],#inline-client-box[hidden]{display:none!important}.login-overlay .panel{width:100%;max-width:420px}.login-overlay h2{margin-top:18px}.field select{min-width:0}@media(max-width:600px){.shell{padding:10px 12px 90px}.top{padding:5px}.nav{margin-bottom:10px}.photo-home{height:52vh;min-height:360px}.photo-caption .brand{font-size:42px}.day{min-height:62px}}.welcome-image{object-fit:contain;background:#f3b6bd}.welcome-trigger{bottom:5.7%;height:9%;left:15%;width:70%;z-index:2}.photo-home{height:min(58vh,560px);min-height:320px}.photo-home>img{object-fit:cover;object-position:center 22%}.photo-home:after{inset:55% 0 0;background:linear-gradient(transparent,#080c11f0)}.photo-caption .brand{color:#e4ba75}@media(max-width:600px){.photo-home{height:52vh;min-height:320px}}.client-results{max-height:210px;overflow:auto;border:1px solid #674c5a;border-radius:12px;margin:6px 0;background:#14161d}.client-result{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;padding:12px;border:0;border-bottom:1px solid #38303a;background:transparent;color:#fff;text-align:left;font-size:15px}.client-result:active,.client-result:focus{background:#3c2a39}.client-result small{color:#f4b2c3}.client-selected{color:#e5c188;font-weight:600;padding:5px 0}.client-selected:empty{display:none}.photo-home>img{object-fit:cover;object-position:center 15%}.photo-home:after{display:none}.welcome-image{object-fit:fill}.nav{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;overflow:visible;padding:8px;margin-bottom:18px}.nav button{min-width:0;padding:11px 5px;text-align:center;font-size:13px}.payment-panel .form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.payment-panel .form .field{min-width:0}.payment-panel .form .field.span,.payment-panel .form .btn{grid-column:1/-1}.payment-panel h2{overflow-wrap:anywhere}.payment-panel .muted{margin:10px 0 14px}@media(max-width:700px){.nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:7px;margin:0 0 17px}.nav button{padding:11px 3px;font-size:13px;border-radius:12px}.payment-panel{padding:16px}.payment-panel h2{font-size:21px;margin-bottom:8px}.payment-panel .form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-panel .field{font-size:12px}.payment-panel .field input{padding:11px 8px;min-width:0}.payment-panel .form .btn{padding:13px 12px}}@media(max-width:360px){.nav button{font-size:12px}}.payment-summary{display:grid;gap:8px;padding:12px 14px;border:1px solid #493a49;border-radius:14px;background:#111922;margin:10px 0}.payment-summary>div{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:14px}.payment-summary strong{color:#f7adc3;white-space:nowrap}.payment-error{color:#ff9a9a;margin:4px 0;font-size:13px}.payment-panel select[name=metodo]{width:100%;min-height:48px;border:1px solid #674c5a;border-radius:12px;background:#1a151b;color:#fff;padding:12px;font:inherit}.client-debt-warning{grid-column:1/-1;margin:10px 0;padding:14px;border:1px solid #e7a2b3;border-radius:14px;background:#2b1c27;color:#ffe0e8;line-height:1.5}.client-debt-warning p{margin:8px 0}.client-debt-warning label{display:flex;align-items:center;gap:10px;font-size:.92rem}.client-debt-warning input{width:20px;height:20px;flex:none}.client-debt-warning[hidden]{display:none!important}.phone-input{display:flex;align-items:center;gap:10px;background:#1c161d;border:1px solid #68465a;border-radius:14px;padding-left:14px}.phone-input span{white-space:nowrap;color:#f3a5c0;font-weight:700}.phone-input input{flex:1;min-width:0;border:0!important;background:transparent!important}.payment-panel .field[hidden]{display:none!important}.payment-summary strong{white-space:nowrap}
