:root{--navy:#081826;--navy2:#12364f;--orange:#ff6a35;--ink:#102230;--muted:#71818d;--line:#e4eaee;--bg:#eef2f4;--green:#11876a}*{box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:radial-gradient(circle at 15% 15%,#dbe6eb 0,transparent 28%),var(--bg);color:var(--ink);min-height:100vh}button,input,select,textarea{font:inherit}.booking-shell{width:min(1240px,calc(100% - 36px));margin:28px auto;min-height:calc(100vh - 56px);display:grid;grid-template-columns:.86fr 1.14fr;border-radius:30px;overflow:hidden;box-shadow:0 32px 90px rgba(13,35,50,.17);border:1px solid #fff}.intro{background:linear-gradient(145deg,#133b55,#071725);color:#fff;padding:38px 42px;display:flex;flex-direction:column;justify-content:space-between;min-height:730px;position:relative;overflow:hidden}.intro:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-240px;top:-180px;background:radial-gradient(circle,#ff6a3530,transparent 68%)}.intro:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,#07172588)}.intro>*{position:relative;z-index:1}.top{display:flex;align-items:center;gap:14px}.top img{width:108px;filter:brightness(0) invert(1)}.top span{font-size:8px;font-weight:800;letter-spacing:.19em;border-left:1px solid #ffffff30;padding-left:14px;color:#9eb4c3}.eyebrow{font-size:8px;font-weight:800;color:#ff9a74;letter-spacing:.18em}.intro h1{font-family:Manrope,Inter,sans-serif;font-size:52px;line-height:.98;letter-spacing:-.045em;margin:10px 0 16px;max-width:470px}.intro>div>p{color:#a9bfcd;line-height:1.65;max-width:440px;font-size:12px}.venue-info{display:grid;gap:7px}.venue-info p{font-size:10px;color:#9fb5c4;margin:0;display:flex;align-items:center}.venue-info i{width:25px;color:#ff9b75}.form-card{background:#fff;padding:40px 48px;position:relative}.progress{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:48px}.progress>div{display:flex;align-items:center;gap:8px;color:#a6b0b8;font-size:9px;font-weight:800;border-bottom:2px solid #eef1f3;padding-bottom:11px;letter-spacing:.01em}.progress b{width:25px;height:25px;border-radius:50%;background:#eef2f4;display:grid;place-items:center;font-size:9px}.progress>div.active{color:var(--ink);border-color:var(--orange)}.progress>div.active b{background:var(--orange);color:#fff}.step{display:none;animation:stepIn .24s ease}.step.active{display:block}@keyframes stepIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.step small{font-size:8px;font-weight:800;color:var(--orange);letter-spacing:.17em}.step h2{font-family:Manrope,Inter,sans-serif;font-size:28px;letter-spacing:-.03em;margin:7px 0 25px}.step label{display:block;font-size:10px;font-weight:800;margin:15px 0;color:#3b4d59}.step input,.step select,.step textarea{width:100%;display:block;margin-top:7px;border:1px solid var(--line);border-radius:12px;padding:14px 15px;background:#fafcfd;outline:none;color:var(--ink)}.step input:focus,.step select:focus,.step textarea:focus{border-color:#ff9871;box-shadow:0 0 0 4px #fe6b3512;background:#fff}.primary,.ghost{border:0;border-radius:11px;padding:13px 17px;font-weight:800;cursor:pointer;font-size:10px}.primary{background:linear-gradient(135deg,var(--orange),#ff8458);color:#fff;box-shadow:0 9px 22px #ff6a3528}.step>.primary{width:100%;margin-top:22px}.ghost{background:#eef2f4;color:var(--ink)}.nav{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.nav .primary{min-width:170px}.tables{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.table{border:1px solid var(--line);background:#fafcfd;border-radius:14px;padding:16px;text-align:left;cursor:pointer;color:var(--ink);transition:.17s}.table:hover:not(:disabled){transform:translateY(-2px);border-color:#cfd9df;box-shadow:0 8px 20px #1022300c}.table i{color:#88a0af;margin-bottom:12px}.table b,.table span{display:block}.table b{font-size:10px}.table span{font-size:8px;color:var(--muted);margin-top:4px}.table.selected{border-color:var(--orange);box-shadow:0 0 0 3px #fe6b3512;background:#fff8f5}.table.selected i{color:var(--orange)}.table.busy{opacity:.28;cursor:not-allowed}.two{display:grid;grid-template-columns:1fr 120px;gap:12px}.summary{background:linear-gradient(135deg,#f5f8fa,#fafcfd);border:1px solid var(--line);border-radius:13px;padding:14px;margin-top:17px;position:relative}.summary:before{content:"RESUMO DA RESERVA";display:block;font-size:7px;letter-spacing:.14em;font-weight:800;color:#94a2ab;margin-bottom:7px}.summary b,.summary span{display:block}.summary b{font-size:10px}.summary span{font-size:9px;color:var(--muted);margin-top:4px}.success{display:none;text-align:center;padding:70px 20px}.success.show{display:block}.success i{font-size:52px;color:var(--green)}.success h2{font-family:Manrope,Inter,sans-serif;font-size:27px}.success p{color:var(--muted);line-height:1.6;font-size:11px}.success button{border:0;background:#eef2f4;border-radius:11px;padding:11px 16px;font-weight:800;font-size:9px;cursor:pointer}.form-card:after{content:"Reserva protegida pelo Juntto · confirmação em tempo real";position:absolute;left:48px;bottom:22px;font-size:7px;letter-spacing:.04em;color:#a3afb7}
@media(max-width:850px){.booking-shell{width:100%;margin:0;display:block;border-radius:0;min-height:100vh;border:0}.intro{min-height:auto;padding:22px 20px}.intro>div:nth-child(2),.venue-info{display:none}.form-card{padding:25px 20px 58px;min-height:calc(100vh - 80px)}.progress{margin-bottom:34px}.progress span{display:none}.tables{grid-template-columns:repeat(2,1fr)}.two{grid-template-columns:1fr}.step input,.step select,.step textarea{font-size:16px}.intro .top{justify-content:space-between}.intro .top img{width:95px}.form-card:after{left:20px}.step h2{font-size:24px}}