.caf-form {
display: grid;
gap: 14px;
grid-template-columns: repeat(12, minmax(0, 1fr));
width: 100% !important;
inline-size: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
overflow-x: hidden;
}
.caf-form,
.caf-form *,
.caf-step-fields,
.caf-step-fields * {
box-sizing: border-box;
}
.caf-field label {
display: block;
font-weight: 600;
margin-bottom: 6px;
}
.caf-required {
color: #b42318;
font-weight: 700;
margin-right: 4px;
}
.caf-required.is-hidden {
display: none;
}
.caf-required.is-visible {
display: inline;
}
.caf-section {
grid-column: 1 / -1;
margin-top: 8px;
}
.caf-section-title {
margin: 0;
padding: 8px 0;
font-size: 1.05rem;
border-bottom: 1px solid #e5e7eb;
}
.caf-steps-progress {
grid-column: 1 / -1;
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 4px;
}
.caf-step-pill {
display: inline-flex;
align-items: center;
border: 1px solid #9ca3af;
border-radius: 6px;
padding: 6px 10px;
font-size: 0.85rem;
color: #fff;
background: #6b7280;
transition: background-color 0.2s ease, border-color 0.2s ease;
}
.caf-step-pill.is-complete {
border-color: #7f1d1d;
background: #7f1d1d;
color: #fff;
}
.caf-step-pill.is-active {
border-color: #8b1e2d;
background: #8b1e2d;
color: #fff;
}
.caf-step-pill:hover {
border-color: #6b7280;
background: #6b7280;
color: #fff;
}
.caf-steps {
grid-column: 1 / -1;
min-width: 0;
max-width: 100%;
overflow-x: hidden;
}
.caf-step {
display: none;
min-width: 0;
max-width: 100%;
overflow-x: hidden;
}
.caf-step.is-active {
display: block;
}
.caf-step-title {
margin: 0 0 8px;
font-size: 1.05rem;
}
.caf-step-description {
margin: 0;
color: #4b5563;
}
.caf-confirmation-summary {
margin-top: 12px;
border: 1px solid #e5e7eb;
border-radius: 6px;
padding: 12px;
background: #f9fafb;
min-width: 0;
max-width: 100%;
}
.caf-confirmation-section + .caf-confirmation-section {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid #e5e7eb;
}
.caf-confirmation-section-title {
margin: 0 0 8px;
font-size: 0.98rem;
}
.caf-confirmation-section {
min-width: 0;
max-width: 100%;
}
.caf-confirmation-row {
display: grid;
grid-template-columns: minmax(180px, 1fr) 2fr;
gap: 10px;
padding: 4px 0;
}
.caf-confirmation-label {
color: #374151;
font-weight: 600;
}
.caf-confirmation-value {
color: #111827;
}
.caf-confirmation-empty {
margin: 0;
color: #6b7280;
}
.caf-step-fields {
display: grid;
gap: 14px;
grid-template-columns: repeat(12, minmax(0, 1fr));
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
overflow-x: hidden;
}
.caf-field {
grid-column: span 6;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
overflow: hidden;
}
.caf-col-2 {
grid-column: span 12;
}
.caf-field[data-field="requerente_codigo_postal"],
.caf-field[data-field="requerente_localidade"],
.caf-field[data-field="requerente_telefone"],
.caf-field[data-field="requerente_email"] {
grid-column: span 6;
}
.caf-field input,
.caf-field textarea,
.caf-field select {
display: block;
width: 100%;
max-width: 100%;
min-width: 0;
box-sizing: border-box;
padding: 10px 12px;
border: 1px solid #d0d0d0;
border-radius: 4px;
background: #fff;
}
.caf-field select {
appearance: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.caf-field.has-error input,
.caf-field.has-error textarea,
.caf-field.has-error select {
border-color: #b42318;
}
.caf-field textarea {
min-height: 100px;
resize: vertical;
}
.caf-field-checkbox input {
width: auto;
margin-right: 8px;
}
.caf-submit {
grid-column: span 12;
border: 0;
border-radius: 4px;
padding: 12px 16px;
background: #8b1e2d;
color: #fff;
cursor: pointer;
}
.caf-step-actions {
grid-column: 1 / -1;
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
gap: 8px;
min-width: 0;
max-width: 100%;
}
.caf-prev,
.caf-next {
border: 1px solid #8b1e2d;
border-radius: 4px;
padding: 12px 16px;
background: #8b1e2d;
color: #fff;
cursor: pointer;
}
.caf-step-actions .caf-prev,
.caf-step-actions .caf-next,
.caf-step-actions .caf-submit {
width: auto;
max-width: none;
flex: 0 0 auto;
grid-column: auto;
}
.caf-prev:hover,
.caf-next:hover,
.caf-submit:hover {
background: #6b7280;
border-color: #6b7280;
color: #fff;
} .caf-step-actions,
.caf-form-actions {
display: flex;
justify-content: flex-end;
gap: 10px;
width: 100%;
} .caf-step-actions button,
.caf-form-actions button,
.caf-submit,
.caf-next,
.caf-prev {
width: auto !important;
max-width: none !important;
flex: 0 0 auto !important;
display: inline-block !important;
} button.caf-submit,
button.caf-next,
button.caf-prev {
width: auto !important;
} .elementor-widget-container .caf-submit,
.elementor-widget-container .caf-next,
.elementor-widget-container .caf-prev {
width: auto !important;
}
.caf-prev[disabled] {
opacity: 0.55;
cursor: not-allowed;
}
.caf-submit[disabled] {
opacity: 0.75;
cursor: not-allowed;
}
.caf-message {
grid-column: span 12;
margin: 6px 0 0;
font-size: 0.95rem;
display: none !important;
}
.caf-message.is-success {
color: #1a7f37;
}
.caf-message.is-error {
color: #b42318;
}
.caf-field-error {
margin: 6px 0 0;
color: #b42318;
font-size: 0.85rem;
min-height: 1em;
}
.caf-honeypot {
position: absolute !important;
left: -999em !important;
width: 1px !important;
height: 1px !important;
overflow: hidden !important;
}
.caf-is-hidden {
display: none !important;
}
.caf-is-hidden-by-step {
display: none !important;
}
.caf-step-actions button.caf-is-hidden-by-step,
button.caf-submit.caf-is-hidden-by-step,
button.caf-next.caf-is-hidden-by-step,
button.caf-prev.caf-is-hidden-by-step,
.elementor-widget-container .caf-submit.caf-is-hidden-by-step,
.elementor-widget-container .caf-next.caf-is-hidden-by-step,
.elementor-widget-container .caf-prev.caf-is-hidden-by-step {
display: none !important;
}
.caf-feedback-modal {
position: fixed;
inset: 0;
z-index: 99999;
display: grid;
place-items: center;
}
.caf-feedback-modal__overlay {
position: absolute;
inset: 0;
background: rgba(17, 24, 39, 0.55);
}
.caf-feedback-modal__dialog {
position: relative;
width: min(92vw, 440px);
background: #fff;
border-radius: 10px;
padding: 20px;
box-shadow: 0 20px 45px rgba(0, 0, 0, 0.25);
border-top: 5px solid #7f1d1d;
}
.caf-feedback-modal.is-success .caf-feedback-modal__dialog {
border-top-color: #15803d;
}
.caf-feedback-modal.is-error .caf-feedback-modal__dialog {
border-top-color: #b42318;
}
.caf-feedback-modal__title {
margin: 0 0 8px;
font-size: 1.1rem;
}
.caf-feedback-modal__message {
margin: 0 0 16px;
color: #374151;
}
.caf-feedback-modal__close {
border: 0;
border-radius: 6px;
padding: 10px 14px;
background: #8b1e2d;
color: #fff;
cursor: pointer;
}
.caf-feedback-modal__close:hover {
background: #6b7280;
}
@media (max-width: 767px) {
.caf-field {
grid-column: span 12;
}
.caf-confirmation-row {
grid-template-columns: 1fr;
gap: 2px;
}
.caf-step-actions {
justify-content: flex-end;
}
}