:root{
  --bg:#f3eee8;
  --bg-soft:#fbf7f2;
  --card:#fffdfb;
  --ink:#2d2925;
  --muted:#7d746c;
  --line:#ebe2d9;
  --gold:#b67b08;
  --gold-dark:#8d5f05;
  --gold-soft:#f4e7c5;
  --green:#2f8d55;
  --shadow:0 18px 55px rgba(78,61,43,.10);
  --shadow-soft:0 10px 30px rgba(78,61,43,.07);
  --radius-xl:30px;
  --radius-lg:22px;
  --radius-md:16px;
  --font-body:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:"Playfair Display",Georgia,serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 9% 6%,rgba(255,255,255,.95),transparent 27%),
  radial-gradient(circle at 92% 18%,rgba(233,219,202,.8),transparent 31%),
  var(--bg);color:var(--ink);font-family:var(--font-body);min-height:100vh;overflow-x:hidden}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
.hidden{display:none!important}
.ambient{position:fixed;border-radius:50%;filter:blur(80px);opacity:.45;pointer-events:none;z-index:-1}
.ambient-one{width:360px;height:360px;background:#fff;left:-150px;top:180px}
.ambient-two{width:420px;height:420px;background:#e6d3bb;right:-210px;bottom:80px}
.site-shell{width:min(1420px,calc(100% - 44px));margin:34px auto 60px;display:grid;grid-template-columns:minmax(390px,540px) minmax(500px,720px);gap:34px;align-items:start;justify-content:center}
.mobile-app,.booking-column{position:relative}
.mobile-app{background:rgba(255,253,251,.93);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.85);border-radius:42px;box-shadow:0 35px 90px rgba(72,54,35,.17);padding:24px 25px 92px;min-height:940px;overflow:hidden}
.mobile-app:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(129,94,54,.05);pointer-events:none}
.app-header{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;margin-bottom:34px}
.icon-button,.filter-button{border:0;background:transparent;width:44px;height:44px;display:grid;place-items:center;border-radius:14px;color:#423a33;transition:.2s ease}
.icon-button:hover,.filter-button:hover{background:#f5eee7}
.icon-button svg,.filter-button svg,.search-box svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.brand{justify-self:center;text-decoration:none;display:flex;align-items:center;gap:10px;color:#8f6310;font-family:var(--font-display);font-size:21px;letter-spacing:.2px}
.brand strong{font-weight:700}
.brand-seal{width:38px;height:38px;border:1px solid #c89b46;border-radius:50%;display:grid;place-items:center;font-size:22px;background:#fffaf0;box-shadow:inset 0 0 0 4px #fff}
.welcome{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2px 7px 24px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800;color:var(--gold);display:block;margin-bottom:7px}
.welcome h1{font-family:var(--font-display);font-size:31px;line-height:1.16;margin:0 0 8px;max-width:380px}.welcome h1 span{font-family:var(--font-body);font-size:23px}
.welcome p{margin:0;color:var(--muted);font-size:14px;line-height:1.55}
.profile-avatar{flex:0 0 48px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#d6a879,#6e4a36);color:#fff;font-weight:700;border:3px solid #fff;box-shadow:0 8px 20px rgba(78,51,34,.24)}
.search-row{display:grid;grid-template-columns:1fr 48px;gap:10px;margin-bottom:17px}
.search-box{height:48px;border:1px solid var(--line);border-radius:16px;background:#fff;display:flex;align-items:center;padding:0 15px;gap:10px;color:#978e85;box-shadow:0 5px 18px rgba(80,60,40,.04)}
.search-box input{border:0;outline:0;width:100%;background:transparent;color:var(--ink);font-size:14px}
.search-box input::placeholder{color:#aaa19a}
.filter-button{height:48px;border:1px solid var(--line);background:#fff;box-shadow:0 5px 18px rgba(80,60,40,.04)}
.category-pills{display:flex;gap:8px;overflow:auto;padding:1px 0 8px;scrollbar-width:none}.category-pills::-webkit-scrollbar{display:none}
.pill{white-space:nowrap;border:1px solid var(--line);background:#fff;color:#655e57;border-radius:999px;padding:9px 14px;font-size:12px;font-weight:700;transition:.2s ease}.pill:hover{border-color:#d7c5a5}.pill.active{background:linear-gradient(135deg,#c28a17,#a86e00);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(180,122,8,.25)}
.section-heading,.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.section-heading{margin:22px 2px 13px}.section-heading h2,.flow-card h2,.confirmation-card h2{font-family:var(--font-display);margin:0;font-size:25px;line-height:1.2}.section-heading .eyebrow,.card-title-row .eyebrow{margin-bottom:4px}
.text-button,.edit-link{border:0;background:transparent;color:var(--gold);font-weight:800;font-size:12px;padding:8px}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.service-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;text-align:left;padding:0;box-shadow:0 7px 22px rgba(66,49,33,.05);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative}.service-card:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(66,49,33,.11);border-color:#ddc79e}.service-card.selected{border-color:#c08a20;box-shadow:0 0 0 2px rgba(192,138,32,.14),0 16px 34px rgba(102,72,19,.13)}
.service-card img{width:100%;height:140px;object-fit:cover;display:block;background:#eee}
.service-card-content{padding:12px 13px 14px}.service-card h3{font-size:14px;line-height:1.25;margin:0 0 8px}.service-meta{display:flex;align-items:center;gap:6px;color:#746d66;font-size:11px;margin-bottom:6px}.service-price{color:var(--gold-dark);font-weight:800;font-size:13px}.service-select-mark{position:absolute;right:10px;top:10px;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.9);color:#8a7f75;font-size:13px}.service-card.selected .service-select-mark{background:var(--gold);color:#fff;border-color:var(--gold)}
.skeleton-card{height:225px;border-radius:18px;background:linear-gradient(90deg,#f6f0ea 25%,#fff 37%,#f6f0ea 63%);background-size:400% 100%;animation:shimmer 1.5s infinite}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.referral-card{margin-top:16px;border-radius:18px;background:linear-gradient(135deg,#fbf2df,#f4e6c8);padding:16px;display:grid;grid-template-columns:48px 1fr 22px;align-items:center;gap:13px;color:#5a4525}.referral-card p{margin:3px 0 0;font-size:12px;color:#77664e}.gift-icon{width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#c4870b,#9e6500);display:grid;place-items:center;color:white;font-size:26px;box-shadow:0 8px 18px rgba(164,105,4,.25)}
.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:74px;background:rgba(255,253,251,.97);border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-around;padding:8px 18px 12px}.bottom-nav a{text-decoration:none;color:#9a9189;font-size:11px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:4px}.bottom-nav a span{font-size:21px}.bottom-nav a.active{color:var(--gold)}
.booking-column{display:flex;flex-direction:column;gap:16px}
.steps-card,.flow-card,.confirmation-card{background:rgba(255,253,251,.93);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(16px)}
.steps-card{border-radius:22px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:12px;z-index:10}.steps-card i{height:1px;flex:1;background:#dfd5cb;margin:0 6px}.step{border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;color:#a2988f;min-width:54px}.step span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#f5f0eb;border:1px solid #e8ded5;font-weight:800;font-size:12px;transition:.2s}.step small{font-size:10px;font-weight:700;white-space:nowrap}.step.active{color:var(--gold-dark)}.step.active span,.step.done span{background:linear-gradient(135deg,#c28a17,#a86e00);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(177,118,5,.24)}.step.done span:before{content:"✓"}.step.done span{font-size:0}
.flow-card{border-radius:var(--radius-xl);padding:25px 27px;transition:opacity .2s ease,filter .2s ease}.flow-card.locked{opacity:.56;filter:saturate(.75);pointer-events:none}.soft-badge,.lock-label,.duration-hint,.countdown-badge{border-radius:999px;font-size:10px;font-weight:800;padding:7px 10px}.soft-badge{background:#f3eee8;color:#746b62}.lock-label{background:#f5f1ed;color:#9a9189}.duration-hint{background:#f8ecd0;color:#8d6007}.countdown-badge{background:#fff2dc;color:#9d6500;font-size:13px;font-variant-numeric:tabular-nums}
.selected-service-empty{min-height:108px;border:1px dashed #d9cab8;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8d8379;margin-top:18px;padding:18px}.selected-service-empty p{margin:7px 0 0;font-size:13px}.empty-icon{font-size:24px;color:#c08a20}
.selected-service-card{margin-top:17px;border:1px solid #eadbc2;border-radius:19px;padding:14px;display:grid;grid-template-columns:82px 1fr auto;gap:14px;align-items:center;background:linear-gradient(135deg,#fffdf9,#fbf5e9)}.selected-service-card img{width:82px;height:72px;border-radius:14px;object-fit:cover}.selected-service-card h3{margin:0 0 4px;font-size:16px}.selected-service-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.selected-service-price{text-align:right;color:var(--gold-dark);font-weight:800;font-size:13px}
.professional-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.professional-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:16px;text-align:center;position:relative;transition:.2s}.professional-card:hover,.professional-card.selected{border-color:#bf8a20;box-shadow:0 0 0 2px rgba(191,138,32,.11)}.professional-avatar{width:78px;height:78px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;background:linear-gradient(145deg,#d4aa82,#694633);color:#fff;font-family:var(--font-display);font-size:34px;border:4px solid #fff;box-shadow:0 8px 24px rgba(76,52,37,.2)}.professional-card h3{margin:0;font-size:15px}.professional-card p{margin:4px 0;color:var(--muted);font-size:11px}.rating{color:#a86e00;font-weight:800;font-size:11px}.select-circle{position:absolute;right:11px;top:11px;width:24px;height:24px;border-radius:50%;border:1px solid #d9cec2;display:grid;place-items:center;color:white;font-size:11px}.professional-card.selected .select-circle{background:var(--gold);border-color:var(--gold)}
.month-control{border:0;background:#f6f1eb;border-radius:999px;padding:7px 11px;color:#766d64;font-size:11px;font-weight:700}
.date-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px;margin-top:17px}.date-button{border:1px solid var(--line);background:#fff;border-radius:15px;padding:11px 6px;text-align:center;color:#716960;transition:.2s}.date-button span{display:block;font-size:10px;font-weight:800;text-transform:uppercase;margin-bottom:4px}.date-button strong{display:block;font-size:17px}.date-button small{display:block;font-size:9px;margin-top:3px}.date-button:hover,.date-button.selected{background:linear-gradient(145deg,#c48b17,#a76c00);border-color:transparent;color:white;box-shadow:0 8px 18px rgba(176,117,5,.22)}
.time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:17px}.time-button{border:1px solid var(--line);background:#fff;border-radius:13px;padding:11px 6px;font-weight:700;color:#625b54;transition:.2s}.time-button:hover,.time-button.selected{background:linear-gradient(145deg,#c48b17,#a76c00);border-color:transparent;color:#fff;box-shadow:0 8px 18px rgba(176,117,5,.22)}
.client-form{margin-top:18px;display:grid;gap:13px}.client-form label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#5e5750}.client-form label small{font-weight:500;color:#9b9187}.client-form input,.client-form textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 14px;outline:none;color:var(--ink);transition:.2s}.client-form input:focus,.client-form textarea:focus{border-color:#c19032;box-shadow:0 0 0 3px rgba(193,144,50,.12)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-error{min-height:18px;margin:0;color:#b43c32;font-size:12px}
.primary-button,.secondary-button{border-radius:999px;min-height:48px;padding:12px 20px;font-weight:800;border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.2s}.primary-button{background:linear-gradient(135deg,#c58b15,#a66b00);color:#fff;box-shadow:0 12px 25px rgba(167,108,0,.22)}.primary-button:hover{transform:translateY(-1px);box-shadow:0 16px 30px rgba(167,108,0,.28)}.secondary-button{background:#fff;color:#825c0f;border:1px solid #d5b56d}.secondary-button:hover{background:#fff8e9}.client-form .primary-button{justify-self:start;margin-top:2px}.primary-button[disabled]{opacity:.55;cursor:not-allowed;transform:none}
.booking-summary{margin-top:18px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.summary-row{display:grid;grid-template-columns:1fr auto;gap:16px;padding:11px 14px;border-bottom:1px solid #f0e8e0;font-size:12px}.summary-row:last-child{border-bottom:0}.summary-row span{color:var(--muted)}.summary-row strong{text-align:right}.summary-row.highlight{background:#fff7e7}.summary-row.highlight strong{color:var(--gold-dark)}.policy-box{margin:14px 0 17px;background:#f7f5f1;border-radius:15px;padding:14px;color:#6b645d}.policy-box strong{font-size:12px}.policy-box p{font-size:11px;line-height:1.55;margin:5px 0 0}
.pix-intro{font-size:13px;line-height:1.6;color:var(--muted);margin:15px 0 18px}.pix-layout{display:grid;grid-template-columns:190px 1fr;gap:20px;align-items:center}.qr-frame{width:190px;height:190px;border:1px solid var(--line);border-radius:22px;background:#fff;display:grid;place-items:center;padding:14px}.qr-frame img{width:100%;height:100%;object-fit:contain}.fake-qr{width:150px;height:150px;background:
  linear-gradient(90deg,#28231f 12px,transparent 12px) 0 0/24px 24px,
  linear-gradient(#28231f 12px,transparent 12px) 0 0/24px 24px,
  linear-gradient(90deg,transparent 12px,#28231f 12px) 12px 12px/24px 24px,
  linear-gradient(transparent 12px,#28231f 12px) 12px 12px/24px 24px;
  border:10px solid white;box-shadow:0 0 0 1px #ddd;image-rendering:pixelated}.pix-details>span{display:block;color:var(--muted);font-size:11px}.pix-details>strong{display:block;font-family:var(--font-display);font-size:30px;margin:2px 0 16px;color:var(--gold-dark)}.pix-details label{display:block;font-size:11px;font-weight:800;margin-bottom:7px}.copy-box{display:grid;grid-template-columns:1fr auto;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.copy-box input{border:0;min-width:0;padding:11px;font-size:10px;outline:0;color:#6b625b}.copy-box button{border:0;background:#f2e6cc;color:#76510a;font-weight:800;padding:0 13px}.pix-details>p{font-size:10px;color:#8a8178;margin:8px 0 0}.payment-status-box{margin-top:18px;border-radius:16px;padding:13px 15px;background:#f5f2ed;display:flex;align-items:center;gap:12px}.payment-status-box strong{font-size:12px}.payment-status-box p{font-size:10px;margin:3px 0 0;color:var(--muted)}.pulse-dot{width:12px;height:12px;border-radius:50%;background:#d89b1f;box-shadow:0 0 0 0 rgba(216,155,31,.5);animation:pulse 1.6s infinite}@keyframes pulse{70%{box-shadow:0 0 0 10px rgba(216,155,31,0)}100%{box-shadow:0 0 0 0 rgba(216,155,31,0)}}.demo-only{margin-top:14px;width:100%}
.confirmation-card{border-radius:34px;padding:34px 30px;text-align:center}.success-icon{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;margin:0 auto 15px;background:linear-gradient(145deg,#4bad6e,#2d844e);color:#fff;font-size:30px;box-shadow:0 12px 28px rgba(46,139,82,.24)}.confirmation-card>p{max-width:480px;margin:9px auto 20px;color:var(--muted);font-size:13px;line-height:1.6}.confirmation-summary{max-width:520px;margin:0 auto 20px;border:1px solid var(--line);border-radius:18px;overflow:hidden;text-align:left}.confirmation-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.confirmation-card .text-button{margin-top:14px}.professional-note{text-align:center;color:#8a8178;font-size:10px;line-height:1.5;padding:0 28px}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,20px);background:#2e2925;color:white;padding:11px 16px;border-radius:999px;font-size:12px;box-shadow:0 14px 35px rgba(0,0,0,.22);opacity:0;pointer-events:none;transition:.25s;z-index:50}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1100px){.site-shell{grid-template-columns:minmax(360px,500px) minmax(430px,620px);gap:22px;width:min(100% - 28px,1100px)}.mobile-app{padding-left:20px;padding-right:20px}.flow-card{padding:22px}.steps-card{overflow-x:auto}.step small{display:none}.steps-card i{min-width:14px}.date-strip{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:860px){body{background:var(--bg-soft)}.ambient{display:none}.site-shell{display:block;width:100%;margin:0}.mobile-app{border-radius:0;box-shadow:none;border:0;padding:20px 17px 82px;min-height:auto}.booking-column{padding:18px 14px 45px;gap:13px}.steps-card{top:0;border-radius:18px;margin-bottom:2px}.flow-card,.confirmation-card{border-radius:23px;padding:21px 18px}.bottom-nav{position:fixed;z-index:20;box-shadow:0 -8px 25px rgba(60,45,31,.08)}.service-card img{height:130px}.booking-column{background:var(--bg)}.professional-note{padding-bottom:64px}}
@media(max-width:560px){.welcome h1{font-size:27px}.profile-avatar{display:none}.service-grid{gap:10px}.service-card img{height:112px}.service-card-content{padding:10px}.service-card h3{font-size:13px}.selected-service-card{grid-template-columns:65px 1fr}.selected-service-card img{width:65px;height:65px}.selected-service-price{grid-column:2;text-align:left}.professional-list{grid-template-columns:1fr 1fr}.date-strip{grid-template-columns:repeat(4,minmax(0,1fr));overflow:auto}.time-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-row{grid-template-columns:1fr}.pix-layout{grid-template-columns:1fr}.qr-frame{margin:auto}.pix-details{text-align:center}.copy-box{text-align:left}.confirmation-actions{flex-direction:column}.confirmation-actions>*{width:100%}.steps-card{padding:11px 8px}.step{min-width:38px}.step span{width:28px;height:28px}.section-heading h2,.flow-card h2,.confirmation-card h2{font-size:22px}}
@media(max-width:380px){.service-grid{grid-template-columns:1fr}.service-card{display:grid;grid-template-columns:125px 1fr}.service-card img{height:100%;min-height:130px}.service-select-mark{left:92px;right:auto}.category-pills{margin-right:-17px}.time-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}