/* Casa Allure · /agendar/: só a consulta de data. Base em pagina.css; o cartão do formulário repete o da página inicial (styles.css). */
:root{--muted:#5F5548;--ink:#221E1A;--bronze-txt:#7C5530;--line-d:rgba(34,30,26,.14)}

/* fundo: a fachada ao entardecer, bem escurecida */
.ag{position:relative;isolation:isolate;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);grid-template-rows:auto 1fr;column-gap:clamp(30px,6vw,100px);padding:clamp(120px,11vw,150px) var(--gut) clamp(56px,6vw,90px);background:var(--ferro2)}
.ag__fundo{position:absolute;z-index:-1;inset:0;overflow:hidden}
.ag__fundo img{width:100%;height:100%;object-fit:cover;opacity:.34}
.ag__fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(22,19,15,.72) 0%,rgba(22,19,15,.5) 40%,rgba(22,19,15,.92) 100%)}
.ag__fundo .nota{position:absolute;z-index:1;left:var(--gut);bottom:16px}

.ag__intro{grid-column:1;grid-row:1;align-self:end}
.ag__intro h1{font-size:clamp(40px,5vw,72px);line-height:1.03;margin:.3em 0 .4em}
.ag__intro p:not(.eyebrow){max-width:460px;color:rgba(244,239,231,.86)}
.ag__mais{grid-column:1;grid-row:2;align-self:start}
.ag__facts{list-style:none;margin-top:28px;border-top:1px solid var(--line)}
.ag__facts li{padding:14px 0;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:rgba(244,239,231,.82)}
.ag__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.ag__btns .btn{min-height:48px;padding:0 20px;font-size:12px}
.ag .quiz{grid-column:2;grid-row:1 / span 2;align-self:center}

/* entrada */
@keyframes agin{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.ag__intro>*,.ag .quiz,.ag__mais{animation:agin .9s var(--ease) both}
.ag__intro>:nth-child(2){animation-delay:.08s}
.ag__intro>:nth-child(3){animation-delay:.16s}
.ag .quiz{animation-delay:.22s}
.ag__mais{animation-delay:.3s}

/* cartão do formulário: igual ao da página inicial */
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.quiz{background:var(--linho);color:var(--ferro);border-radius:6px;padding:clamp(26px,3.6vw,48px);box-shadow:0 30px 70px rgba(0,0,0,.35);position:relative;scroll-margin-top:16px}
.quiz__bar{height:2px;background:var(--line-d);margin-bottom:14px}
.quiz__bar span{display:block;height:100%;width:50%;background:var(--bronze);transition:width .6s var(--ease)}
.quiz__step-n{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}
.quiz__step{border:0;display:none;min-width:0}
.quiz__step.is-on{display:block;animation:stepin .6s var(--ease)}
@keyframes stepin{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.quiz legend{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(30px,3vw,42px);margin-bottom:18px;line-height:1.08}
.opts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px}
.opts label{position:relative}
.opts input{position:absolute;opacity:0}
.opts span{display:flex;align-items:center;justify-content:center;text-align:center;min-height:54px;padding:8px 10px;border:1px solid var(--line-d);border-radius:4px;font-size:13px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:all .3s var(--ease)}
.opts input:checked+span{background:var(--ferro);color:var(--linho);border-color:var(--ferro)}
.opts input:focus-visible+span{outline:2px solid var(--bronze);outline-offset:2px}
.opts span:hover{border-color:var(--ferro)}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.fld{display:block;margin-bottom:14px}
.fld span,.lbl{display:block;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-bottom:7px;font-weight:500}
.fld span i{font-style:normal;text-transform:none;letter-spacing:0}
.fld input,.fld select{width:100%;height:52px;border:1px solid var(--line-d);border-radius:4px;background:#fff;padding:0 14px;font:400 16px var(--sans);color:var(--ink);appearance:none;-webkit-appearance:none}
.fld select{background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 20px) 22px,calc(100% - 15px) 22px;background-size:5px 5px;background-repeat:no-repeat}
.fld input:focus,.fld select:focus{outline:2px solid var(--bronze-txt);outline-offset:1px;border-color:var(--bronze-txt)}
.chk{display:flex;align-items:center;gap:10px;min-height:44px;margin:2px 0 14px;font-size:14px;cursor:pointer}
.chk input{width:18px;height:18px;accent-color:var(--ferro)}
.quiz__err{color:#94321F;font-size:14px;margin:-6px 0 14px}
.quiz__lgpd{font-size:12.5px;color:var(--muted);margin:6px 0 18px}
.quiz__nav{display:flex;gap:10px;flex-wrap:wrap}
.quiz .btn{min-height:54px;white-space:nowrap}
.btn--dark{background:var(--ferro);color:var(--linho)}
.btn--dark:hover{background:var(--bronze)}
.btn--line{border:1px solid var(--line-d);color:var(--ferro)}
.btn--line:hover{border-color:var(--ferro)}
.quiz :focus-visible{outline-color:var(--bronze-txt)}
.quiz__done h3{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(34px,3.4vw,48px);margin:.3em 0}
.quiz__done p{color:#4a4239;margin-bottom:22px}
.quiz__done .eyebrow{color:var(--bronze-txt)}
.hp{display:none}
[hidden]{display:none!important}

@media (max-width:860px){
  .ag{grid-template-columns:1fr;grid-template-rows:none;min-height:0;padding:96px var(--gut) 64px}
  .ag__intro,.ag .quiz,.ag__mais{grid-column:1;grid-row:auto}
  .ag__intro{margin-bottom:26px}
  .ag__intro h1{font-size:clamp(36px,10vw,48px)}
  .ag__mais{margin-top:8px}
  .ag__fundo::after{background:linear-gradient(180deg,rgba(22,19,15,.62) 0%,rgba(22,19,15,.8) 30%,rgba(22,19,15,.94) 100%)}
}
@media (max-width:640px){
  .opts{grid-template-columns:repeat(2,1fr)}
  .opts--3{grid-template-columns:repeat(3,1fr)}
  .opts--3 span{font-size:11.5px;letter-spacing:.06em}
  .row2{grid-template-columns:1fr}
  .quiz .btn{padding:0 20px;font-size:12px;letter-spacing:.12em}
  .quiz__nav .btn{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){.ag__intro>*,.ag .quiz,.ag__mais,.quiz__step.is-on{animation:none}.quiz__bar span{transition:none}}