:root{--bg: #f6f1ea;--ink: #2b1b12;--gold: #cba96a;--copper: #a85c34;--green: #7c8b7a;--danger: #c4452d;--card: #ffffff;--muted: #8b7b6d;--line: #e9dfd3;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-8: 32px;--tap: 44px;--radius: 12px;--radius-lg: 16px;--maxw: 480px}*{box-sizing:border-box}html{height:100%;-webkit-text-size-adjust:100%}body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}button,input,a{touch-action:manipulation}:focus-visible{outline:2px solid var(--copper);outline-offset:2px;border-radius:var(--sp-1)}.app{max-width:var(--maxw);margin:0 auto;min-height:100%;display:flex;flex-direction:column;background:var(--bg)}.app-main{flex:1;padding-bottom:calc(var(--sp-8) + var(--tap) + env(safe-area-inset-bottom))}.screen{padding:var(--sp-5) var(--sp-4) var(--sp-2)}.screen h1{margin:var(--sp-1) 0 var(--sp-4);font-size:22px;font-weight:400;letter-spacing:1px;text-align:center}.screen p{margin:0 0 var(--sp-3)}.hero{margin-bottom:var(--sp-4);padding:var(--sp-6) var(--sp-5);border-radius:var(--radius-lg);background:linear-gradient(135deg,#2b1b12,#5c3317);color:var(--bg);text-align:center}.hero h1{margin:0;color:var(--bg)}.hero .sub{margin:var(--sp-2) 0 0;font-size:13px;font-style:italic;letter-spacing:.3px;color:var(--gold)}.card{margin-bottom:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius-lg);background:var(--card);box-shadow:0 2px 8px #2b1b1212}.card h2{margin:0 0 var(--sp-2);font-size:16px;font-weight:700}.points-card{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);text-align:center}.points-card .label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--gold)}.points-value{font-size:44px;font-weight:700;line-height:1;color:var(--copper)}.muted{color:var(--muted);font-size:14px}.hint{color:var(--muted);font-size:12px}.error{color:var(--danger);font-size:14px}.btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:var(--tap);margin-top:var(--sp-3);padding:var(--sp-3) var(--sp-5);border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--gold),var(--copper));color:#fff;font:inherit;font-weight:700;letter-spacing:.5px;text-align:center;text-decoration:none;cursor:pointer}.link{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 var(--sp-2);color:var(--copper);font-size:13px}.list{list-style:none;padding:0;margin:0}.row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3);min-height:var(--tap);margin-bottom:var(--sp-3);padding:var(--sp-4);border-radius:var(--radius);background:var(--card);box-shadow:0 2px 8px #2b1b120f}.row .price{font-weight:700;color:var(--copper);white-space:nowrap}.row .muted{margin:var(--sp-1) 0 0}.tag{display:inline-block;margin-top:var(--sp-2);padding:var(--sp-1) var(--sp-3);border:1px solid var(--line);border-radius:999px;font-size:11px;color:var(--muted)}.form{display:flex;flex-direction:column;gap:var(--sp-4)}.form label{display:flex;flex-direction:column;gap:var(--sp-2);font-size:13px}.form input{min-height:var(--tap);padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;font:inherit}.form input[type=date]{-webkit-appearance:none;-moz-appearance:none;appearance:none;text-align:left}.form input[type=date]::-webkit-date-and-time-value{text-align:left;margin:0}.form input[type=date]::-webkit-datetime-edit{text-align:left}.form button{min-height:var(--tap);padding:var(--sp-3) var(--sp-4);border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--gold),var(--copper));color:#fff;font:inherit;font-weight:700;cursor:pointer}.segmented{display:flex;gap:var(--sp-2);margin:var(--sp-2) 0 var(--sp-4);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.segmented::-webkit-scrollbar{display:none}.segmented__item{flex:0 0 auto;min-height:36px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}.segmented__item.is-active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.sec{display:flex;flex-direction:column}.sec__h{margin:var(--sp-4) 0 var(--sp-2);font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted)}.sec__h:first-child{margin-top:0}.row--col{flex-direction:column;align-items:stretch;gap:var(--sp-2)}.row__main{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-3)}.row.is-off{opacity:.55}.btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-2)}.btn-sm{min-height:36px;padding:var(--sp-1) var(--sp-4);border:none;border-radius:var(--radius);background:linear-gradient(135deg,var(--gold),var(--copper));color:#fff;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.btn-sm:disabled{opacity:.6}.btn-sm--ghost{background:none;border:1px solid var(--line);color:var(--ink)}.btn-sm--danger{background:none;border:1px solid var(--danger);color:var(--danger)}.pill-points{flex:0 0 auto;align-self:flex-start;padding:var(--sp-1) var(--sp-3);border-radius:999px;background:#f1e8df;color:var(--copper);font-size:12px;font-weight:700;white-space:nowrap}.wa-link{display:inline-block;margin-top:var(--sp-2);color:var(--green);font-size:13px;font-weight:700}.inline-form{display:flex;flex-wrap:wrap;gap:var(--sp-2);width:100%;padding-top:var(--sp-2);border-top:1px solid var(--line)}.inline-form--col{flex-direction:column}.inline-form input,.inline-form select{min-height:var(--tap);padding:var(--sp-2) var(--sp-3);border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;font:inherit;font-size:14px}.inline-form label{display:flex;flex-direction:column;gap:var(--sp-1);font-size:12px;color:var(--muted)}.inline-form .check{flex-direction:row;align-items:center;gap:var(--sp-2);font-size:14px;color:var(--ink)}.inline-form .check input{min-height:0;width:18px;height:18px}.fld{display:flex;flex-direction:column;gap:var(--sp-2);font-size:13px;color:var(--muted)}.fld select,.fld input{min-height:var(--tap);padding:var(--sp-3) var(--sp-4);border:1.5px solid var(--line);border-radius:var(--radius);background:#fff;font:inherit;color:var(--ink)}.cal{margin-top:var(--sp-2)}.cal__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}.cal__title{font-size:14px;font-weight:700;text-transform:capitalize}.cal__nav{width:36px;height:36px;border:1px solid var(--line);border-radius:999px;background:#fff;font-size:18px;line-height:1;color:var(--ink);cursor:pointer}.cal__nav:disabled{opacity:.35}.cal__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--sp-1)}.cal__grid--wd{margin-bottom:var(--sp-1)}.cal__wd{text-align:center;font-size:11px;color:var(--muted)}.cal__day{aspect-ratio:1 / 1;min-height:40px;border:1px solid transparent;border-radius:var(--radius);background:#f1e8df;font:inherit;font-size:14px;color:var(--ink);cursor:pointer}.cal__day:disabled{opacity:.3;cursor:default}.cal__day.is-sel{background:var(--ink);color:var(--bg);font-weight:700}.slots{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-2);margin-top:var(--sp-2)}.slot{min-height:40px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}.slot.is-sel{background:var(--copper);border-color:var(--copper);color:#fff;font-weight:700}.codeblock,.steps code,p code{padding:var(--sp-1) var(--sp-2);border-radius:var(--sp-2);background:#f1e8df;font-family:ui-monospace,Menlo,monospace;font-size:12px}.codeblock{display:block;margin:var(--sp-3) 0;padding:var(--sp-3);white-space:pre-wrap}.steps{padding-left:var(--sp-5);font-size:14px;line-height:1.7}.steps li{margin-bottom:var(--sp-2)}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:var(--tap);padding:var(--sp-2) var(--sp-4);background:#fff;border-bottom:1px solid var(--line)}.topbar__brand{flex:1;min-width:0;overflow:hidden;font-size:13px;letter-spacing:1px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.topbar__signout{min-height:var(--tap);padding:0 var(--sp-2);border:0;background:none;color:var(--copper);font-family:inherit;font-size:14px;cursor:pointer}.tabbar{position:fixed;bottom:0;left:0;right:0;max-width:var(--maxw);margin:0 auto;display:flex;background:#fff;border-top:1px solid var(--line);padding:var(--sp-2) 0 calc(var(--sp-2) + env(safe-area-inset-bottom))}.tabbar a{flex:1;display:flex;align-items:center;justify-content:center;min-height:var(--tap);padding:var(--sp-1) var(--sp-2);color:var(--muted);font-size:12px;text-align:center;text-decoration:none}.tabbar a.active{color:var(--copper);font-weight:700}.cover{position:relative;isolation:isolate;overflow:hidden;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sp-6);padding:var(--sp-8) var(--sp-5) calc(var(--sp-8) + env(safe-area-inset-bottom));background:linear-gradient(160deg,#2b1b12,#4a2c1c);color:var(--bg);text-align:center}.cover:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:#2b1b12 url(/capa.jpg) 50% 8% / cover no-repeat;transform:scale(1.12);filter:brightness(1.12) contrast(1.04);animation:coverFloat 32s ease-in-out infinite alternate;will-change:transform}.cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(120% 55% at 50% 64%,#1a100a80,#1a100a00 72%),linear-gradient(160deg,#1a100a6b,#1a100a3d 45%,#1a100aa8)}.cover>*{position:relative;z-index:2}.cover__title,.cover__tagline,.cover__note{text-shadow:0 1px 10px rgba(0,0,0,.55)}@keyframes coverFloat{0%{transform:scale(1.12) translate3d(-1.8%,-1.2%,0)}to{transform:scale(1.18) translate3d(1.8%,1.6%,0)}}@media (prefers-reduced-motion: reduce){.cover:before{animation:none;transform:scale(1.08)}}.cover__brand{display:flex;flex-direction:column;align-items:center;gap:var(--sp-3)}.cover__logo{width:96px;height:96px;border-radius:22px}.cover__title{margin:0;font-size:30px;font-weight:400;letter-spacing:1px;color:var(--bg)}.cover__tagline{margin:0;font-style:italic;color:var(--gold)}.cover__panel{width:100%;max-width:320px;display:flex;flex-direction:column;gap:var(--sp-3)}.cover__h2{margin:0 0 var(--sp-1);font-size:18px;font-weight:400;letter-spacing:.5px}.cover .form label{text-align:left}.cover button.cover__back{min-height:var(--tap);padding:0;border:none;background:none;color:var(--gold);font:inherit;font-size:13px;cursor:pointer}.cover__muted{color:#f6f1eab3;font-size:13px}.cover__note{max-width:320px;margin:0;color:#f6f1ea8c;font-size:12px;line-height:1.5}.btn--ghost{background:none;border:1.5px solid rgba(246,241,234,.5);color:var(--bg)}
