/* Muvit · Formularios (contacto y cuestionario). Identidad del sitio v6; se carga después de css/main.css. */
/* ---------- Formularios ---------- */
.form{background:#fff;border-radius:22px;padding:34px;box-shadow:inset 0 0 0 1px var(--line),0 30px 60px -40px rgba(0,0,0,.35)}
.fgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.fgrid .full{grid-column:1/-1}
.fld label,.fld .lb{display:block;font-size:13px;font-weight:600;margin-bottom:7px;color:#3a3633}
.fld label i,.fld .lb i{color:var(--o);font-style:normal}
.fld .hintx{font-weight:400;color:var(--mute);font-size:12px;margin-left:4px}
.inp{width:100%;min-height:50px;padding:12px 15px;border-radius:12px;border:1.5px solid var(--line);background:#FBFAF8;font-size:16px;transition:border-color .2s,box-shadow .2s,background .2s}
.inp:hover{border-color:#D3CDC4}
.inp:focus{outline:0;border-color:var(--o);background:#fff;box-shadow:0 0 0 4px rgba(254,89,0,.14)}
textarea.inp{min-height:130px;resize:vertical;line-height:1.5}
.fld.err .inp{border-color:var(--bad)}
.fld .em{display:none;font-size:12px;color:var(--bad);margin-top:6px}
.fld.err .em{display:block}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;inset:0;cursor:pointer}
.opt>span{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:inset 0 0 0 1.5px var(--line);background:#FBFAF8;transition:.2s;cursor:pointer;line-height:1.3}
.opt input:checked+span{box-shadow:inset 0 0 0 2px var(--o);background:var(--o-soft);color:var(--o-deep);font-weight:600}
.opt input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}
.opt>span:before{content:'';width:16px;height:16px;flex:none;border-radius:5px;box-shadow:inset 0 0 0 1.5px #bdb7ae;background:#fff;transition:.2s}
.opt input[type=radio]+span:before{border-radius:50%}
.opt input:checked+span:before{background:var(--o) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center/11px no-repeat;box-shadow:none}
.opts.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
.opts.cards .opt>span{display:flex;width:100%;height:100%;align-items:flex-start;padding:14px 15px}
.opts.cards .opt>span:before{margin-top:2px}
.opt span small{display:block;font-weight:400;font-size:12.5px;color:var(--mute);margin-top:2px}
.turnstile{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:12px;border:1.5px dashed var(--line);font-size:13px;color:var(--mute);width:fit-content}
.turnstile svg{width:20px;height:20px;color:var(--ok)}
.form-end{display:flex;flex-wrap:wrap;align-items:center;gap:16px 22px;margin-top:22px}
.form-end p{font-size:13px;color:var(--mute)}
.form-end p a{color:var(--o-deep);font-weight:600;border-bottom:1px solid currentColor}
.ok-msg{display:none;margin-top:18px;padding:16px 18px;border-radius:14px;background:#E3F4E8;color:#17713F;font-size:14.5px;line-height:1.5}
.ok-msg.show{display:block;animation:rowIn .5s var(--ease)}
.ok-msg a{font-weight:700;border-bottom:1px solid currentColor}
.opt>span>span{display:block}
.ok-msg.bad{background:#FCE4E4;color:#A82B2B}
@media (max-width:900px){
  .fgrid{grid-template-columns:1fr}
  .form{padding:24px 20px}
}