:root{--preto:#EFE3C8;--escuro:#F6EEDB;--creme:#2E241D;--texto:#5C4A3A;--texto-suave:rgba(92,74,58,.8);--dourado:#8F6C2C;--vinho:#EFE3C8}
body{background:#EFE3C8 url('pergaminho.webp') center top/1200px auto;box-shadow:inset 0 0 95px rgba(92,74,58,.16)}
body::before{content:'';position:fixed;inset:10px;pointer-events:none;border:1px solid rgba(143,108,44,.3);z-index:101}
nav{background:#EFE3C8 url('pergaminho.webp') center 20%/1200px auto;border-bottom:3px double rgba(143,108,44,.4);box-shadow:0 7px 20px rgba(92,74,58,.12);padding:15px 5vw}
.nav-logo{letter-spacing:0;text-transform:none;color:#2E241D}.patient-signature{font:500 2rem/1 'Cormorant Garamond',serif}.patient-signature em{font-size:2.3rem;color:#8F6C2C}.patient-signature span{font:500 .7rem/1.5 Jost,sans-serif;color:#5C4A3A;margin-top:6px;letter-spacing:.16em}
.view{padding-top:105px}#view-home{background:transparent;justify-content:flex-start;padding:155px 28px 50px}
.hero{position:relative;max-width:760px;width:100%;padding:50px 45px;background:rgba(251,246,236,.26);border:4px double rgba(143,108,44,.45);box-shadow:0 14px 38px rgba(92,74,58,.12)}
.hero::after{content:'';position:absolute;inset:10px;border:1px solid rgba(143,108,44,.2);pointer-events:none}.hero h1{font-weight:500;font-size:clamp(3.5rem,6vw,5.6rem);line-height:.98;letter-spacing:-.04em;margin:25px 0}.hero h1 em{color:#8F6C2C}.hero p{max-width:530px;margin:0 auto 32px;font-size:1.05rem;line-height:1.85}.hero-eyebrow{font-size:.75rem;letter-spacing:.14em}.hero-eyebrow svg{display:none}
.btn{min-height:46px;font-size:1rem;border-radius:2px}.btn-gold{background:#421520;color:#FBF6EC;border:1px solid #421520}.btn-gold:hover{background:#562130;color:#FBF6EC}
.planos-accordion{max-width:760px}.planos-accordion>summary{border-radius:2px;background:rgba(251,246,236,.5);border:1px solid rgba(143,108,44,.45);min-height:52px}
.plano-card,.plano-card.destaque,.auth-box,.checkout-box,.confirm-box{background:#F6EEDB url('pergaminho.webp') center/1000px auto;border:4px double rgba(143,108,44,.4);border-radius:3px;box-shadow:0 12px 30px rgba(92,74,58,.15)}
.plano-desc{font-size:1rem}.plano-card{max-width:320px}.plano-preco{font-size:2.5rem}
input,select,textarea{font-size:1rem!important;background:#FBF6EC}button:focus-visible,a:focus-visible{outline:2px solid #8F6C2C;outline-offset:4px}
.welcome-bar,.stat-card,.sessao-card,.admin-stat,.card{background:rgba(251,246,236,.55);border-color:rgba(143,108,44,.35)}
footer{font-size:.85rem;color:#5C4A3A}
@media(max-width:700px){body{background-size:760px auto}body::before{inset:5px}nav{padding:12px 22px}.patient-signature{font-size:1.7rem}.patient-signature em{font-size:2rem}.view{padding-top:100px}#view-home{padding:120px 20px 35px}.hero{padding:38px 22px}.hero h1{font-size:3.7rem}.hero-eyebrow{font-size:.7rem}.hero p{font-size:1rem}.planos-accordion{width:100%}.auth-box,.checkout-box{padding:28px 22px}.planos-grid{gap:18px}.plano-card{max-width:none}}
@media(prefers-reduced-motion:reduce){.view.active{animation:none}.plano-card{transition:none}}
#view-home{position:relative;isolation:isolate}
#view-home::before{content:'';position:absolute;top:90px;left:50%;width:min(95vw,940px);aspect-ratio:1;transform:translateX(-50%);background:url('mandala.webp') center/contain no-repeat;mix-blend-mode:multiply;opacity:.2;pointer-events:none;z-index:-1}
.hero{background:rgba(251,246,236,.6)}
#view-auth{background:url('mandala.webp') center 130px/min(95vw,800px) auto no-repeat;background-blend-mode:multiply}
/* Interior: Pergaminho Selvagem */
#view-paciente{max-width:1160px;padding:130px 32px 80px;position:relative}
#view-paciente .patient-welcome{position:relative;isolation:isolate;overflow:hidden;min-height:220px;background:transparent;border:0;border-bottom:1px solid rgba(143,108,44,.4);padding:30px 230px 42px 0;margin-bottom:0;display:block}
.patient-mandala{position:absolute;right:0;top:0;width:210px;height:210px;opacity:.8;z-index:-1}
.patient-kicker{font:500 .75rem/1.6 Jost,sans-serif;letter-spacing:.2em;color:#8F6C2C}
#view-paciente .welcome-bar h2{font:500 clamp(2.6rem,5vw,4.5rem)/1.08 'Cormorant Garamond',serif;color:#2E241D;margin:15px 0}
#view-paciente #paciente-email-header{font-size:1rem!important;color:#5C4A3A!important;overflow-wrap:anywhere}
#view-paciente .plano-badge{display:inline-block;margin-top:18px;border-radius:0;background:rgba(251,246,236,.5);font-size:.75rem;letter-spacing:.12em}
#view-paciente .stats-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin:0 0 44px;border-bottom:1px solid rgba(143,108,44,.4)}
#view-paciente .stat-card{border:0;border-right:1px solid rgba(143,108,44,.3);border-radius:0;background:transparent;box-shadow:none;padding:26px 18px;text-align:left}
#view-paciente .stat-card:last-child{border-right:0}
#view-paciente .stat-num{font:500 clamp(1.8rem,3vw,2.8rem)/1.2 'Cormorant Garamond',serif;color:#8F6C2C}
#view-paciente .stat-label{font:400 .8rem/1.6 Jost,sans-serif;color:#5C4A3A;margin-top:6px}
#view-paciente .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border:0;overflow:visible;margin-bottom:38px}
#view-paciente .tab{position:relative;min-width:0;min-height:185px;padding:22px;text-align:left;white-space:normal;border:1px solid transparent;margin:0;color:#FBF6EC;background:#421520;letter-spacing:0;text-transform:none;display:flex;flex-direction:column;gap:8px;transition:transform .2s,box-shadow .2s}
#view-paciente .tab:nth-child(2){background:#B0883E;color:#2E241D}
#view-paciente .tab:nth-child(3){background:#765039}
#view-paciente .tab:nth-child(4){background:#5C4A3A}
#view-paciente .tab.active{box-shadow:0 0 0 3px #EFE3C8,0 0 0 4px #8F6C2C,0 14px 28px rgba(46,36,29,.14);transform:translateY(-5px)}
#view-paciente .tab:hover{transform:translateY(-5px)}
.patient-tab-number{font:400 .75rem/1.2 Jost,sans-serif;opacity:.85;border-bottom:1px solid currentColor;padding-bottom:12px;width:100%}
#view-paciente .tab strong{font:500 2rem/1.1 'Cormorant Garamond',serif;margin-top:4px}
.patient-tab-desc{font:400 .85rem/1.5 Jost,sans-serif;padding-right:14px}
.patient-tab-arrow{position:absolute;right:16px;bottom:14px;font-size:1.2rem}
#view-paciente .tab-content{background:rgba(251,246,236,.45);border:4px double rgba(143,108,44,.4);padding:30px;box-shadow:0 12px 35px rgba(92,74,58,.08)}
#view-paciente .section-title{font:500 2rem/1.2 'Cormorant Garamond',serif;color:#2E241D;letter-spacing:0;text-transform:none;margin-bottom:22px}
#view-paciente p,#view-paciente .pagamento-info,#view-paciente .empty-state{font-size:1rem!important;line-height:1.7}
#view-paciente .sessao-card,#view-paciente .pagamento-card,#view-paciente .horario-fixo-card,#view-paciente .hist-linha{background:#F6EEDB url('pergaminho.webp') center/1100px auto;border:1px solid rgba(143,108,44,.4);border-radius:2px;box-shadow:0 5px 15px rgba(92,74,58,.06);padding:24px}
#view-paciente .sessao-data{font:500 1.4rem/1.3 'Cormorant Garamond',serif;color:#2E241D}
#view-paciente .sessao-data span{font:400 .85rem/1.6 Jost,sans-serif;margin-top:8px}
#view-paciente .sessao-status{font-size:.75rem;border-radius:2px;padding:6px 10px}
#view-paciente .pagamento-valor{font:500 clamp(2rem,4vw,3rem)/1.2 'Cormorant Garamond',serif;color:#2E241D}
#view-paciente .metodo-btn{border-radius:2px;background:#FBF6EC;border-width:1px}
#view-paciente .slot-btn,#view-paciente .dia-btn{border-radius:2px;min-height:46px;font-size:1rem}
#view-paciente .btn-primary{background:#421520;color:#FBF6EC}
#view-paciente .btn-outline{color:#5C4A3A}
#view-paciente .section-divider{border-color:rgba(143,108,44,.3);margin:32px 0}
#view-paciente .empty-state{padding:30px;border:1px dashed rgba(143,108,44,.4);color:#5C4A3A}
#view-paciente .aviso-renovar{border-radius:2px;background:#F6EEDB}
@media(max-width:700px){#view-paciente{padding:110px 20px 45px}.patient-mandala{width:130px;height:130px;right:-10px;opacity:.5}#view-paciente .patient-welcome{padding:25px 90px 25px 0;min-height:190px}#view-paciente .welcome-bar h2{font-size:2.6rem}#view-paciente .stats-row{margin-bottom:30px}#view-paciente .stat-card{padding:18px 10px}#view-paciente .stat-label{font-size:.75rem}#view-paciente .tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}#view-paciente .tab{padding:18px;min-height:155px}#view-paciente .tab strong{font-size:1.8rem}#view-paciente .tab-content{padding:20px 15px}#view-paciente .sessao-card{padding:18px;gap:16px}#view-paciente .patient-tab-desc{font-size:.8rem}#view-paciente .plano-badge{font-size:.7rem}#view-paciente .pagamento-card{padding:20px}}
@media(prefers-reduced-motion:reduce){#view-paciente .tab{transition:none}}