/* Formulário de contato: mesmo cartão, verificação e cursor do filme; vale no site e na home. */
.form{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px;padding:clamp(22px,2.6vw,36px);background:rgba(26,22,20,.96);box-shadow:0 0 0 1px rgba(241,224,196,.1),0 40px 110px rgba(0,0,0,.65);border-radius:clamp(20px,2.2vw,32px);color:#F1E0C4;font:400 16px/1.4 var(--sans)}
.fx-h,.fx-p,.send,.field.full{grid-column:1/-1}
.fx-h{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}
.fx-h h3{font:400 clamp(24px,2.2vw,32px)/1.1 var(--serif);letter-spacing:-.05em}
.fx-h .chip{display:inline-block;padding:7px 13px;border-radius:980px;background:rgba(63,134,176,.2);color:#CFE8F4;font:500 14px/1 var(--sans)}
.fx-p{display:flex;align-items:center;gap:14px;margin-top:-6px}
.fx-p .ckb{flex:1;display:block;height:5px;border-radius:5px;background:#2F2A27;overflow:hidden}
.fx-p .ckb u{display:block;height:100%;background:linear-gradient(90deg,#CFE8F4,#3F86B0);transform-origin:0 50%;transform:scaleX(0);transition:transform .4s}
.fx-p .n{font-size:14px;color:rgba(241,224,196,.66);white-space:nowrap}
.field{display:grid;gap:8px;min-width:0;align-content:start;border:0;padding:0;margin:0}
.field label,.field legend{display:flex;align-items:center;gap:9px;padding:0;font:500 15px/1.2 var(--sans)}
.field legend{margin-bottom:8px}
.field em{font-style:normal;font-weight:400;color:rgba(241,224,196,.55);font-size:13.5px}
.field .vk{flex:none;position:relative;display:block;width:20px;height:20px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(241,224,196,.3);--q:0}
.field .vk::before{content:"";position:absolute;inset:0;border-radius:50%;background:#3F86B0;opacity:var(--q);box-shadow:0 0 12px rgba(63,134,176,var(--q));transition:opacity .3s}
.field .vk::after{content:"";position:absolute;left:7px;top:4px;width:4px;height:9px;border:solid #F1F8FC;border-width:0 2px 2px 0;transform:rotate(42deg);opacity:var(--q);transition:opacity .3s}
.field .vk.feito{--q:1}
.form input:not([type=radio]),.form textarea{font:400 16.5px/1.35 var(--sans);color:#F1E0C4;background:#2A2522;border:1px solid transparent;padding:13px 15px;border-radius:12px;width:100%;min-width:0;-webkit-appearance:none}
.form input::placeholder,.form textarea::placeholder{color:rgba(241,224,196,.42)}
.form textarea{min-height:112px;resize:vertical}
.form input:focus,.form textarea:focus{outline:0;border-color:#7FB4D6;box-shadow:0 0 0 1px #7FB4D6}
.err{font-size:13px;font-weight:400;color:#FF8A7C}.err:empty{display:none}
.field.bad input,.field.bad textarea{border-color:#FF8A7C}
.pls{display:flex;flex-wrap:wrap;gap:8px}
.pl{position:relative;cursor:pointer}
.pl input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.pl span{display:block;padding:9px 14px;border-radius:980px;background:#2A2522;font-size:15px;color:rgba(241,224,196,.78);transition:background .2s,color .2s}
.pl:hover span{color:#F1E0C4}
.pl input:checked+span{background:#3F86B0;color:#050404;font-weight:600}
.pl input:focus-visible+span{outline:2px solid #F1E0C4;outline-offset:2px}
.fx-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.send{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:10px 16px}
.send .btn{padding:15px 26px}
.send .ghost{all:unset;cursor:pointer;font:500 16px/1 var(--sans);padding:12px 6px;color:#F1E0C4}
.send .ghost:hover{color:#CFE8F4}.send .ghost:focus-visible{outline:2px solid #F1E0C4}
.msg{font-size:14px;color:rgba(241,224,196,.7);max-width:none;margin:0}
.msg.sent{color:#CFE8F4}
.send .tiny{grid-column:1/-1;font-size:13.5px;color:rgba(241,224,196,.55);margin:0}
.send .tiny a{text-decoration:underline;text-underline-offset:3px}
.ctt{display:grid;gap:6px;margin-top:6px}
.fx-cu{visibility:visible!important;opacity:0;left:0;top:0;transition:transform .55s cubic-bezier(.3,.7,.2,1),opacity .3s}
@media(max-width:640px){.form{grid-template-columns:minmax(0,1fr)}.send{grid-template-columns:minmax(0,1fr)}.send .btn{width:100%}.send .ghost{text-align:center}.fx-cu{display:none}}
.cu svg{max-width:none}
