/* Ajustes do design dentro do Elementor (o CSS do design em si está em follow-base.css, gerado pelo build). */

/* o reset ":where(.e-con.kz-c)>.elementor-element{max-width:100%}" e o padding do .e-con anulariam o .wrap */
.elementor-element.wrap{max-width:1248px;width:100%;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}
@media (max-width:960px){.elementor-element.wrap{padding-left:20px;padding-right:20px}}

/* seta do botão (o svg do design) */
.fw-seta .elementor-button-content-wrapper,.fw-form .elementor-button-content-wrapper{display:inline-flex;align-items:center;gap:10px}
.fw-seta .elementor-button-content-wrapper::after,.fw-form .elementor-button-content-wrapper::after{content:"";flex:none;width:18px;height:18px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center/contain no-repeat}
.fw-seta.kzb--line .elementor-button-content-wrapper::after{width:16px;height:16px}

/* .btn-2 do design: contorno, sem o verde do .btn */
.kzb.kzb--line .elementor-button,.kzb.kzb--line .elementor-button:hover,.kzb.kzb--line .elementor-button:active{background:transparent;transform:none}

/* formulário do Pro com a cara do .form do design */
.fw-form .elementor-field-group>label{font:700 13px/normal var(--sans);color:var(--ink);padding:0}
.fw-form .elementor-field-group .elementor-field-textual,.fw-form .elementor-field-group select{height:50px;min-height:50px;border:1px solid var(--border2);border-radius:12px;padding:0 14px;font:500 16px var(--sans);background:#fff;color:var(--ink)}
.fw-form .elementor-field-group .elementor-field-textual:focus,.fw-form .elementor-field-group select:focus{outline:none;border:2px solid var(--ink);padding:0 13px;box-shadow:0 0 0 4px rgba(21,182,107,.25)}
.fw-form .elementor-field-group .elementor-field-textual:user-invalid{border:2px solid #D64545}
.fw-form .elementor-message-danger,.fw-form .elementor-error .elementor-message{font-size:11.5px;font-weight:600;color:#A12F2F}
.fw-form .elementor-field-type-submit{margin-top:4px}
.fw-form .elementor-field-group .elementor-button{min-height:56px;padding:0 26px;border-radius:999px;background:var(--green);color:var(--ink);font:700 16px/1 var(--sans);transition:background .15s,transform .15s}
.fw-form .elementor-button:hover{background:var(--green-hover);color:var(--ink)}
.fw-form .elementor-button:active{background:var(--green-press);transform:translateY(1px)}
.fw-form .elementor-button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.fw-form .elementor-message-success{display:none}

/* h3 do design: o reset .kz-t>.elementor-heading-title{font:inherit} ganharia de ".step-hd h3" */
.step-hd .elementor-heading-title{font-family:var(--disp);font-size:21px;font-weight:700;letter-spacing:-.02em;line-height:normal}
.firma-txt .elementor-heading-title{font-size:17px;font-weight:700;line-height:normal}

/* filhos diretos de flex no design ficam dentro do widget no Elementor: o que o flex fazia sozinho vai aqui */
/* filho de container flex vira bloco (como no HTML do design), a menos que a classe dele diga outra coisa */
:where(.e-con>.elementor-widget-text-editor>*,.e-con>.elementor-widget-text-editor>.elementor-widget-container>*){display:block}
.firma>.elementor-widget-text-editor:first-child{width:220px;flex-shrink:0}
@media (max-width:960px){.firma>.elementor-widget-text-editor:first-child{width:auto}}
.see .elementor-widget-text-editor>p,.see .elementor-widget-text-editor .elementor-widget-container>p{font-size:19px;line-height:1.5;font-weight:600}
@media (max-width:960px){.see .elementor-widget-text-editor>p,.see .elementor-widget-text-editor .elementor-widget-container>p{font-size:16.5px}}

/* no design o "*{box-sizing:border-box}" não pega pseudo-elemento; o Elementor pega: o "+" do FAQ teria 2px a menos */
.faq summary::after{box-sizing:content-box}