/*
Theme Name: Docz 
Theme URI: https://docz.online/
Author: Xpertise Digital Ltda
Author URI: https://xpertisedigital.com.br/
Description: Tema WordPress para a interface Docz desenvolvido por Xpertise Digital Ltda
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: docz-online
*/
.dstk{
  background-color: #FFFF00;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html,
body,
.forml {
    overflow-anchor: none;
}

input,
textarea,
select {
    font-size: 16px;
}

body {
    background-color: #f3f4f6;
    color: #1f2937;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    font-family: Inter, sans-serif;
}

button {
    box-shadow: none;
    padding: 0;
    background: none;
    font-family: inherit;
}

.docz-hp-field {
    position: absolute !important;
    left: -9999px !important;
    top: auto !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

#modalContainer > #alertBox {
    position: fixed;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.top-navbar {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    padding: 5px 10%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.brand-area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 5%;
    width: 60%;
}

#logo-docz {
    height: 60px;
    width: auto;
}

.brand-logo {
    font-size: 32px;
    font-weight: 800;
    color: #1e40af;
    display: flex;
    align-items: center;
}

.brand-logo span {
    color: #10b981;
}

.brand-subtitle {
    font-size: 18px;
    font-weight: 600;
    color: #1f2937;
    margin-top: 2px;
}

.brand-desc {
    font-size: 12px;
    color: #6b7280;
}

.top-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-right: 10px;
}

.top-action-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(217, 217, 217, 0.35);
    border: none;
    cursor: pointer;
    color: #aeb1b9;
    font-size: 6px;
    font-weight: 500;
    gap: 3px;
    padding: 5px;
    border-radius: 5px;
    width: 50px;
    justify-content: space-between;
    
}

.top-action-btn:hover {
    background: rgba(250, 250, 250, 0.85);
}

.top-action-btn svg {
    width: 20px;
    height: 20px;
    color: #008fb3;
}

.top-action-btn#whpp svg {
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.top-action-btn#share svg {
    width: 17px;
    height: 17px;
    margin-top: 3px;
}

.workspace {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 30px 10%;
    gap: 12px;
    flex: 1;
}

.setup-pane {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.stepper-card {
    background-color: #ffffff;
    border-radius: 12px 0 0 0;
    padding: 16px 24px;
    border: 1px solid #e5e7eb;
}

.stepper-info {
    font-size: 13px;
    font-weight: 600;
    color: #007a99;
    margin-bottom: 12px;
}

.stepper-info span {
    color: #4b5563;
    font-weight: 400;
}

.form-card {
    background-color: #ffffff;
    border-radius: 0 0 0 12px;
    border: 1px solid #e5e7eb;
    padding: 22px 15px 22px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    max-height: 520px;
}
.forml {
    margin-right: -15px;
    overflow: hidden;
    padding: 15px 40px 15px 30px;
    height:400px;
}

.tabs-header {
    display: flex;
    background-color: #e1e2e3;
    padding: 4px 4px 8px 4px;
    border-radius: 8px;
    gap: 4px;
}

.tab-etp1, .tab-etp2, .tab-etp3 {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px;
    border: none;
    border-radius: 6px 6px 0 0;
    font-size: 13px;
    font-weight: 600;
    color: #4b5563;
    background: none;
}

.tab-etp1 svg, .tab-etp2 svg, .tab-etp3 svg {
    width: 16px;
    height: 16px;
}

.tab-etp1.active, .tab-etp2.active, .tab-etp3.active {
    background-color: #1f6feb;
    color: #ffffff;
}

.under {
    background: #fff;
    margin: 0 4px 0;    
}
.progress {
    background: #84b0f4;
    height: 5px;
    margin: -8px 0;
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.full-width {
    grid-column: span 2;
}

.three-columns {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 2fr 1.5fr 1.5fr;
    gap: 16px;
}

.form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.label-container {
    display: flex;
    align-items: center;
    gap: 4px;
}

label {
    font-size: 12px;
    font-weight: 600;
    color: #1f2937;
}

.required-star {
    color: #dc2626;
}

.info-icon {
    display: inline-flex;
    color: #3b82f6;
    cursor: pointer;
}

.info-icon svg {
    width: 14px;
    height: 14px;
}

input,
select {
    width: 100%;
    padding: 10px 14px;
    border: 1px solid #d1d5db !important;
    border-radius: 3px;
    font-size: 13px;
    color: #1f2937;
    background-color: #ffffff;
    outline: none;
    transition: border-color 0.15s ease;
}

textarea#contact-message {
    width: 80%;
    padding: 10px 14px !important;
    border: 1px solid #d1d5db !important;
    border-radius: 3px;
    font-size: 13px;
    color: #1f2937;
    background-color: #ffffff;
    outline: none;
    transition: border-color 0.15s ease;
}

input:focus,
select:focus {
    border-color: #007a99;
}

input::placeholder {
    color: #9ca3af;
}

input.input-invalid {
    color: red important;
    border: 1px solid red important;
    outline: 1px solid red important;
}

.action-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    gap: 16px;
    flex-wrap: wrap;
}

.trust-badge-inline {
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 8px;
    padding: 10px 14px;
    flex: 1;
    min-width: 240px;
}

.trust-badge-inline svg {
    width: 20px;
    height: 20px;
    color: #007a99;
    flex-shrink: 0;
}

.trust-badge-text h5 {
    font-size: 11px;
    font-weight: 700;
    color: #1e3a8a;
}

.trust-badge-text p {
    font-size: 10px;
    color: #000;
}

.submit-btn {
    background-color: #007a99;
    color: #ffffff;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 20px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.15s ease;
    white-space: nowrap;
}

.submit-btn:hover {
    background-color: #1d4ed8;
}

.submit-btn svg {
    width: 14px;
    height: 14px;
}

.preview-pane {
    background-color: #ffffff;
    border-radius: 0 12px 12px 0;
    border: 0 solid #e5e7eb;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
    max-height: 635px;
}

.preview-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 12px;
    flex-wrap: wrap;
    gap: 12px;
}

.preview-title {
    font-size: 14px;
    font-weight: 700;
    color: #1f2937;
}

.preview-controls {
    display: flex;
    align-items: center;
    gap: 12px;
}

#contract p {
    font-size:12px;
    line-height: 1.5;
}

#contract p strong {
    font-size:12px;
}

.zoom-group {
    display: flex;
    align-items: center;
    background-color: #f3f4f6;
    border-radius: 6px;
    padding: 2px;
}

.zoom-btn {
    background: none;
    border: none;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #4b5563;
    cursor: pointer;
}

.zoom-level {
    font-size: 12px;
    font-weight: 600;
    color: #1f2937;
    padding: 0 8px;
    min-width: 48px;
    text-align: center;
}

.document-view-sheet {
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 6px;
    padding: 15px 20px;
    overflow-y: auto;
    max-height: 520px;
    max-width: 510px;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
    margin: 0 auto;
    margin-top: 20px;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

.doc-header-line {
    width: 100%;
    height: 0;
    background-color: #007a99;
    margin-bottom: 16px;
}

.document-title {
    font-size: 12px;
    font-weight: 700;
    text-align: center;
    color: #111827;
    margin-bottom: 24px;
    line-height: 1.4;
}

.document-body-p {
    font-size: 10px;
    line-height: 1.9;
    color: #374151;
    text-align: justify;
    margin-bottom: 15px;
}

#contract p {
    font-size:12px;
    line-height: 1.7;
    color: #1f2937;
    font-family: Inter, sans-serif;
    margin-bottom: 15px;    
}

#contractp p strong {
    font-size:12px;
}
.doc-highlight {
    color: #007a99;
    font-weight: 600;
    text-decoration: none;
}

.doc-section-title {
    font-size: 10px;
    font-weight: 700;
    color: #111827;
    margin-top: 20px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.marketing-ribbon {
    border-top: 1px solid #e5e7eb;
    border-bottom: 1px solid #e5e7eb;
    padding: 10px 10%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.feature-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.feature-icon-wrapper {
    background-color: #eff6ff;
    border-radius: 50%;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #007a99;
    flex-shrink: 0;
}

.feature-icon-wrapper svg {
    width: 18px;
    height: 18px;
}

.feature-text h4 {
    font-size: 12px;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 2px;
}

.feature-text p {
    font-size: 11px;
    color: #6b7280;
    line-height: 1.3;
}

.site-footer {
    background-color: #0f172a;
    color: #94a3b8;
    padding: 5px 10% 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    flex-wrap: wrap;
    gap: 16px;
}

.footer-left {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-wrap: wrap;
    margin-left: 5px;
}

.footer-logo {
    font-size: 20px;
    font-weight: 800;
    color: #3b82f6;
    padding-top: 10px;
}

#logo-footer {
    height: 35px;
    width: auto;
}

.footer-rights {
    display: flex;
    gap: 10px;
    font-size: 10px;
    align-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 16px 10px 0;
    align-items: flex-end;
}

.footer-rights svg {
    width: 14px;
    height: 14px;
    color: #10b981;
}

.footer-links {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 10px;
    padding: 16px 10px 0;
}

.footer-links a {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.1s ease;
}

.footer-links a:hover {
    color: #ffffff;
}

.ssl-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: #1e293b;
    padding: 4px 8px;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 600;
    font-size: 11px;
}

.modal {
    display: none;
}

@media (max-width: 1024px) {
    .workspace {
        grid-template-columns: 1fr;
    }

    .marketing-ribbon {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 840px) {
    .forml {
        margin-right: -15px;
        overflow-y: auto;
        padding: 10px 40px 15px 5px;
        height: 350px;
    }    
    .gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
        line-height: 2;
        min-height: 32px;
        min-width: 100px;
    }
    .top-navbar {
        padding: 12px 20px;
        justify-content: center;
        text-align: center;
    }

    .brand-area {
        align-items: center;
        width: 100%;
    }

    #logo-docz {
        height: 30px;
        width: auto;
    }
    #logo-footer {
        height: 30px;
        width: auto;
    }    
    .top-actions {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
        margin-right: 10px;
    }
    
    .brand-subtitle {
        font-size: 13px;
        font-weight: 600;
        color: #1f2937;
        margin-top: 12px;
    }

    .stepper-card {
        background-color: #ffffff;
        border-radius: 8px 8px 0 0;
        padding: 10px 10px 20px;
        border: 0 solid #e5e7eb;
    }

    .tab-etp1, .tab-etp2, .tab-etp3 {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 4px;
        padding: 5px;
        border: none;
        border-radius: 4px 4px 0 0;
        font-size: 11px;
        font-weight: 600;
        color: #4b5563;
        background: none;
    }

    .workspace {
        padding: 16px 20px;
        width: 88vw;
        max-width: none;
        margin-inline: auto;
        box-sizing: border-box;
    }

    .setup-pane {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .form-card {
        background-color: #ffffff;
        border-radius: 0 0 8px 8px;
        border: 0 solid #e5e7eb;
        padding: 22px 15px 22px 30px;
        display: flex;
        flex-direction: column;
        gap: 20px;
        max-height: 660px;
        width: 88vw;
        max-width: none;
        margin-inline: auto;
        box-sizing: border-box;
    }

    .gform_wrapper.gravity-theme .gfield input.medium, .gform_wrapper.gravity-theme .gfield select.medium {
        width: 90% !important;
    }
    
    .top-action-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgba(217, 217, 217, 0.35);
        border: none;
        cursor: pointer;
        color: #aeb1b9;
        font-size: 6px;
        font-weight: 500;
        gap: 3px;
        padding: 3px;
        border-radius: 5px;
        width: 35px;
        justify-content: space-between;
    }

    .top-navbar-form {
        background-color: #ffffff;
        border-bottom: 1px solid #e5e7eb;
        padding: 5px 2%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        gap: 16px;
        flex-direction: column;
        width: 100%;
    }

    .brand-area-form {
        display: block;
        align-content: center;
        width: 100%;
        text-align: center;
    }

    .top-navbar {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "logo actions"
            "title title";
        align-items: center;
        gap: 10px;
        padding: 12px 20px;
    }

    .brand-area {
        display: contents;
    }

    .navbar-brand.logo-image {
        grid-area: logo;
    }

    #logo-docz {
        height: 44px;
        width: auto;
    }

    .top-actions {
        grid-area: actions;
        justify-self: end;
        display: flex;
        flex-wrap: nowrap;
        gap: 4px;
        margin-right: 0;
    }

    .top-action-btn {
        width: 38px;
        font-size: 6px;
        padding: 4px;
    }

    .doc-title {
        grid-area: title;
        text-align: center;
        width: 100%;
    }

    .brand-subtitle {
        font-size: 14px;
        line-height: 1.25;
    }

    .brand-desc {
        font-size: 11px;
        line-height: 1.3;
    }

    .workspace {
        padding: 16px 10px;
        margin-left: 3.3vw;
    }

    .preview-pane {
        background-color: #ffffff;
        border-radius: 8px 8px 8px 8px;
        border: 0 solid #e5e7eb;
        padding: 18px;
        display: flex;
        flex-direction: column;
        gap: 16px;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
        width: 88vw;
        max-width: none;
        margin-inline: auto;
        box-sizing: border-box;
    }

    .form-grid {
        grid-template-columns: 1fr;
    }

    .document-view-sheet {
        background-color: #ffffff;
        border: 1px solid #e5e7eb;
        border-radius: 6px;
        padding: 10px 20px;
        overflow-y: auto;
        max-height: 520px;
        width: 80vw;
        max-width: none;
        margin-inline: auto;
        box-sizing: border-box;
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.02);
    }

    .full-width,
    .three-columns {
        grid-column: span 1;
    }

    .three-columns {
        grid-template-columns: 1fr;
    }

    .marketing-ribbon {
        grid-template-columns: 1fr;
        padding: 60px;
    }
    
    .marketing-ribbon {
        border-top: 1px solid #e5e7eb;
        border-bottom: 1px solid #e5e7eb;
        padding: 10px 30px;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 4px;
        grid-auto-flow: column;
    }
    
    .action-container {
        flex-direction: column;
        align-items: stretch;
    }

    .trust-badge-inline {
        display: flex;
        align-items: center;
        gap: 10px;
        background-color: #eff6ff;
        border: 1px solid #bfdbfe;
        border-radius: 8px;
        padding: 10px 10px;
        flex: 1;
        min-width: 240px;
        max-width: 300px;
    }

    .submit-btn {
        justify-content: center;
        max-width: 300px;
    }

    .site-footer {
        padding: 0 15px 15px 0;
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .footer-left {
        flex-direction: row;
        gap: 4px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }

    .footer-rights {
        display: flex;
        gap: 10px;
        font-size: 10px;
        align-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 10px 5px 0;
        align-items: center;
    }
    .footer-links {
        display:none;
    }

    .preview-pane {
        overflow: hidden;
    }

    .preview-title {
        cursor: pointer;
        user-select: none;
        font-size: 12px;
        font-weight: 600;
        color: #1f2937;
    }
    .zoom-level {
        font-size: 10px;
        font-weight: 600;
        color: #1f2937;
        padding: 0;
        min-width: 30px;
        text-align: center;
    }
    .document-view-sheet {
        max-height: 0;
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
        border-width: 0;
        opacity: 0;
        transition:
        max-height 0.35s ease,
        padding 0.35s ease,
        opacity 0.25s ease,
        border-width 0.35s ease;
    }

    .preview-pane.is-open .document-view-sheet {
        max-height: 70vh;
        overflow-y: auto;
        padding: 32px;
        border-width: 1px;
        opacity: 1;
    }

    .preview-controls {
        display: none;
    }

    .preview-pane.is-open .preview-controls {
        display: flex;
    }

    .preview-title {
        cursor: pointer;
        user-select: none;
    }

    .preview-controls {
        display: none;
    }

    .preview-pane.is-open .preview-controls {
        display: flex;
    }

    .document-view-sheet {
        max-height: 0;
        overflow: hidden;
        padding-top: 0;
        padding-bottom: 0;
        border-width: 0;
        opacity: 0;
        transition:
        max-height 0.35s ease,
        padding 0.35s ease,
        opacity 0.25s ease,
        border-width 0.35s ease;
    }

    .preview-pane.is-open .document-view-sheet {
        max-height: 70vh;
        overflow-y: auto;
        padding: 10px 15px;
        border-width: 1px;
        opacity: 1;
    }

    .preview-toolbar {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-bottom: 1px solid #f3f4f6;
        padding-bottom: 12px;
        flex-wrap: wrap;
        gap: 3px;
    }    
    .preview-btn {
        background: #329fd1;
        border-radius: 6px;
        padding: 12px 8px;
        height: 40px;
    }
    .preview-btn h3 {
        color:#fff;
    }
    
    .zoom-group {
        display: flex;
        align-items: center;
        background-color: #f3f4f6;
        border-radius: 6px;
        padding: 2px;
        height: 40px;
    }    
}


@media (max-width: 640px) {
    .marketing-ribbon {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 16px 30px !important;
        gap: 14px !important;
        overflow: hidden;
        box-sizing: border-box;
    }

    .feature-item {
        display: flex;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        align-items: flex-start;
        gap: 12px;
    }

    .feature-icon-wrapper {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
    }

    .feature-text {
        flex: 1 1 auto;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .feature-text h4,
    .feature-text p {
        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
        line-height: 1.35;
    }
    
    textarea#contact-message {
        width: 100%;
        padding: 10px 14px;
        border: 1px solid #d1d5db !important;
        border-radius: 3px;
        font-size: 13px;
        color: #1f2937;
        background-color: #ffffff;
        outline: none;
        transition: border-color 0.15s ease;
    }    
    
}




/* -----------------------------------
   Gravity Forms
------------------------------------*/
.gform_wrapper.gravity-theme .gfield textarea.medium {
    height: 100px !important;
}

.gform_wrapper.gravity-theme .gfield_label {
    display: inline-block;
    font-size: 13px !important;
    font-weight: 700;
    margin-bottom: 8px;
    padding: 0;
}

div#gpasc-auto-load-notice.gpasc-auto-load-notice.warning {
    display:flex;
    margin-top:20px;
    margin-bottom:30px;
}

div#gpasc-auto-load-notice.gpasc-auto-load-notice.warning p {
    font-size:13px;
}

#gpasc-auto-load-notice a {
    display: block;
    text-align:center;
    font-weight: 600;
}

div#gpasc-auto-load-notice.gpasc-auto-load-notice.warning a {
    margin-left: 0;
    margin-top: 15px;
    color: #000;
    padding: 5px 10px;
    border-radius: 4px;
    background: rgba(217,217,217,0.8);
    font-size:13px;
    text-decoration: none;
}
div#gpasc-auto-load-notice.gpasc-auto-load-notice.warning a:hover {
    color: #333;
    background: rgba(217,217,217,0.95);    
    text-decoration: none;
}
div#gpasc-auto-load-notice.gpasc-auto-load-notice.warning a:visited {
    color: #333;
    text-decoration: none;
}
p.gform_required_legend {
    display: none;
}

@media (min-width: 640px) {
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
    width: 80% !important;
}    
#alert_end {
    display: none;
    font-family: 'Inter', sans-serif;
    float: left;
    position: relative;
    font-size: 14px;
    color: #47d147;
    margin: 0 0 -35px 120px;
    width: 315px;
    height: 35px;
    background-color: #fff;
    border-bottom: 2px solid #99ff99;
    padding: 8px;
    z-index: 1;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#alert_end:after {
    content: '';
    width: 15%;
    height: 2%;
    z-index: 999;
    border-bottom: solid 2px #99ff99;
    -webkit-transform: translateY(20px)
    translateX(5px)
    rotate(-26deg);
    position: absolute;
    left: 50px;
    top: 23px;
}
mmi, mmi2 {
    color: #37abce;
}
.gfield_label i.fa.fa-question-circle::before {
    margin-right: -10px;
    margin-top: 0 !important;
    color: #1f2937 !important;
}
}

@media (max-width: 640px) {
#alert_end {
    display: none;
    font-family: 'Inter', sans-serif;
    float: left;
    position: relative;
    font-size: 14px;
    color: #47d147;
    margin: 0 0 -35px 120px;
    width: 315px;
    height: 35px;
    background-color: #fff;
    border-bottom: 2px solid #99ff99;
    padding: 8px;
    z-index: 1;
    -webkit-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 3px 0px rgba(50, 50, 50, 0.75);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#alert_end:after {
    content: '';
    width: 15%;
    height: 2%;
    z-index: 999;
    border-bottom: solid 2px #99ff99;
    -webkit-transform: translateY(20px)
    translateX(5px)
    rotate(-26deg);
    position: absolute;
    left: 50px;
    top: 23px;
}
}

/* paginação e outros */
 
div#gpasc-auto-load-notice.gpasc-auto-load-notice.warning {
    margin: 10px 0 20px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: flex-start;
    justify-content: space-between;
    align-items: flex-start;
}
div#gpasc-auto-load-notice.gpasc-auto-load-notice.warning a {
    margin-left: -3px;
    margin-bottom: 15px;
    margin-top: 5px;
    padding: 4px 8px 5px;
    font-size: 13px !important;
    background: #fafafa;
    color: #1f2937;
    border-radius: 3px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(80, 80, 80, 0.6);
    -moz-box-shadow: 1px 1px 2px 0px rgba(80, 80, 80, 0.6);
    box-shadow: 1px 1px 2px 0px rgba(80, 80, 80, 0.6);
}
.gform_wrapper.gravity-theme .gfield.gfield--width-half {
    grid-column: span 1;
    -ms-grid-column-span:1;
}
.gform_wrapper.gravity-theme .gsection {
    border-bottom: 1px solid #ccc;
    padding: 0 16px 8px 0;
    display: none !important;
}

/* ==========================================================================
   MODAIS
   ========================================================================== */

#modal-ajuda-over.active .modal-ajuda-content,
#modal-contato-over.active .modal-contato-content,
#modal-historico-over.active .modal-historico-content,
#modal-continua-over.active .modal-continua-content,
#modal-termos-over.active .modal-termos-content,
#modal-privac-over.active .modal-privac-content {
    animation: modalZoomIn 0.25s ease both;
    transform-origin: center center;
    will-change: transform, opacity;
}

@keyframes modalZoomIn {
    from {
        opacity: 0;
        transform: scale(0.3);
    }

    50% {
        opacity: 1;
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}

.modal-ajuda-over,
.modal-contato-over,
.modal-continua-over,
.modal-historico-over,
.modal-termos-over,
.modal-privac-over {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.65);
    z-index: 999999;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 30px;
}

.modal-ajuda-content,
.modal-contato-content,
.modal-historico-content,
.modal-continua-content,
.modal-termos-content,
.modal-privac-content {
    max-height: 90vh;
    background: #fff;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 20px 80px rgba(0,0,0,.25);
    transform-origin: center center;
}

.modal-ajuda-content,
.modal-termos-content,
.modal-privac-content {
    width: min(92vw, 1100px);
    max-width: 1100px;
}

.modal-contato-content,
.modal-continua-content {
    width: min(80vw, 650px);
    max-width: 650px;
}

.modal-historico-content {
    width: min(92vw, 600px);
    max-width: 600px;
}

.modal-header {
    height: 50px;
    position: relative;
    text-align: center;
    width: 100%;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 35px;
    border-bottom: 2px solid #e5e5e5;
    background: #fafafa;
}

.modal-header h3 {
    font-size: 1em;
    margin-top: 5px;
}

.modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border: none;
    background: transparent;
    cursor: pointer;
    font-size: 28px;
    font-weight: 700;
    transition: .2s;
    z-index: 9999999;
    pointer-events: auto;
}

.modal-close:hover {
    color: #999;
}

.modal-ajuda-body,
.modal-historico-body,
.modal-continua-body,
.modal-contato-body,
.modal-termos-body,
.modal-privac-body {
    overflow-y: auto;
    max-height: 80vh;
    padding: 20px 50px 40px;
}

/* ==========================================================================
   ACCORDION
   ========================================================================== */

.modal-ajuda-body .ac-item{
    border-bottom:1px solid #e9e9e9;
}

.modal-ajuda-body .item-heading{
    display:flex;
    align-items:center;
    gap:14px;
    cursor:pointer;
    padding:22px 10px;
    font-size:17px;
    font-weight:600;
    transition:.2s;
}

.modal-ajuda-body .item-heading:hover{
    background:#fafafa;
}

.modal-ajuda-body .icon-space{
    width:22px;
    min-width:22px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.modal-ajuda-body .icon-space i{
    transition:.25s;
}

.modal-ajuda-body .ac-item.active .icon-space i{
    transform:rotate(90deg);
}

.modal-ajuda-body .item-content{
    display:none;
    padding:0 0 15px;
}

.modal-ajuda-body .ac-item.active .item-content{
    display:block;
}

.modal-ajuda-body table{
    width:100%;
}

.modal-ajuda-body td{
    font-size:15px;
    line-height:1.8em;
}

.modal-ajuda-content, .modal-contato-content, .modal-continua-content, .modal-historico-content {
    isolation:isolate;
}

@media(max-width:768px){

    .modal-ajuda-over,
    .modal-continua-over,
    .modal-contato-over,
    .modal-historico-over,
    .modal-termos-over,
    .modal-privac-over {
        padding: 0;
    }

    .modal-ajuda-content, .modal-contato-content, .modal-continua-content, .modal-historico-content  {
        
        height: 90%;
        max-width: none;
        max-height: none;
        border-radius: 5px;
    }

    .modal-ajuda-body, .modal-contato-body, .modal-continua-body, .modal-historico-body{
        padding:20px 15px 20px;
    }
    
    .modal-header h3 {
        font-size: 15px;
        margin-top: 3px;
    }

     .modal-close {
        position: absolute;
        top: 15px;
        right: 8px;
        width: 40px;
        height: 40px;
        border: none;
        background: transparent;
        cursor: pointer;
        font-size: 25px;
        font-weight: 700;
        transition: .2s;
        z-index: 9999999;
        pointer-events: auto;
    }

    .modal-ajuda-body .item-heading, .modal-contato-body .item-heading, .modal-continua-body .item-heading, .modal-historico-body .item-heading {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        padding: 10px 8px;
        font-size: 15px;
        font-weight: 600;
        transition: .2s;
    }
    
}

/* ==========================================================================
   MODAL CONTINUA
   ========================================================================== */

/* Set a style for the submit button */
#submit-continua, #submit-continua-checkout {
    background-color: #58ACFA;
    color: #fff !important;
    font-size:16px;
    font-weight:bold;
    border-radius: 3px;
    border:none;
    cursor: pointer;
    padding: 5px;
    width: 300px;
    height: 35px !important;
    opacity: 0.9;
}

.submit:hover {
    background-color: #0489b1 !important;
    opacity: 1;
}
#obg{
    color: #c02b0a;
    font-style:italic;
}

#email-continua-field, #whpp-continua-field, #email-continua-checkout-field, #whpp-continua-checkout-field, #name-continua-field, #name-continua-checkout-field, #whpp-continua-dcs-field, #email-continua-dcs-field, #name-continua-dcs-field {
    padding: 25px 0;
    max-width: 300px;
}

@media screen and (max-width: 680px) {
.continua {
    text-align: left;
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 1.5;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937 !important;    
    width: 88% !important;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0 10px;
}
#call {
    text-align: left;
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 1.3;
    font-size: 15px;
    font-weight: 600;
    color: #1f2937 !important;    
    width: 100% !important;
    padding: 0;    
}

input[type=text]#email-continua, input[type=text]#whpp-continua {
    width: 270px !important;
    margin-bottom: 15px !important;
}

#email-continua-field, #whpp-continua-field, #email-continua-checkout-field, #whpp-continua-checkout-field, #email-continua-dcs-field, #whpp-continua-dcs-field {
    padding: 20px 0;
}

/* Set a style for the submit button */
#submit-continua, #submit-continua-checkout, #submit-continua-dcs {
    background-color: #58ACFA;
    color: #fff !important;
    font-size:16px;
    font-weight:bold;
    border-radius: 3px;
    border:none;
    cursor: pointer;
    padding: 5px;
    width: 270px;
    height: 35px !important;
    opacity: 0.9;
}
}

button {
    box-shadow: none;
    padding: 0;
    background: none;
    font-family: inherit;
}

#modalContainer > #alertBox {
    position: fixed;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.top-navbar {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    padding: 5px 10%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}

.top-navbar-form {
    background-color: #ffffff;
    border-bottom: 1px solid #e5e7eb;
    padding: 5px 10%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: nowrap;
    gap: 16px;
    flex-direction: row;
    width: 100%;
}

.brand-area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    gap: 5%;
    width: 63%;
}

.brand-area-form {
    display: block;
    align-content: center;
    width: 20%;
}

.doc-title {
    text-align: center;
}

.doc-title-form {
    text-align: center;
}

#logo-docz {
    height: 60px;
    width: auto;
}

.brand-logo {
    font-size: 32px;
    font-weight: 800;
    color: #1e40af;
    display: flex;
    align-items: center;
}

.brand-logo span {
    color: #10b981;
}

.brand-subtitle {
    font-size: 14px;
    font-weight: 600;
    color: #1f2937;
    margin-top: 2px;
}

.brand-desc {
    font-size: 12px;
    color: #6b7280;
}

.top-actions {
    display: flex;
    gap: 10px;
    flex-wrap: nowrap;
    margin-right: 10px;
}

.top-action-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(217, 217, 217, 0.35);
    border: none;
    cursor: pointer;
    color: #aeb1b9;
    font-size: 6px;
    font-weight: 500;
    gap: 3px;
    padding: 5px;
    border-radius: 5px;
    width: 50px;
    justify-content: space-between;
    
}

.top-action-btn:hover {
    background: rgba(250, 250, 250, 0.85);
}

.top-action-btn svg {
    width: 20px;
    height: 20px;
    color: #008fb3;
}

.top-action-btn#whpp svg {
    width: 16px;
    height: 16px;
    margin-top: 2px;
}

.top-action-btn#share svg {
    width: 17px;
    height: 17px;
    margin-top: 3px;
}

.site-footer {
    background-color: #0f172a;
    color: #94a3b8;
    padding: 5px 10% 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    flex-wrap: wrap;
    gap: 16px;
}

.footer-left {
    display: flex;
    align-items: center;
    gap: 2px;
    flex-wrap: wrap;
    margin-left: 5px;
}

.footer-logo {
    font-size: 20px;
    font-weight: 800;
    color: #3b82f6;
    padding-top: 10px;
}

#logo-footer {
    height: 35px;
    width: auto;
}

.footer-rights {
    display: flex;
    gap: 10px;
    font-size: 10px;
    align-content: flex-end;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 16px 10px 0;
    align-items: flex-end;
}

.footer-rights svg {
    width: 14px;
    height: 14px;
    color: #10b981;
}

.footer-links {
    display: flex;
    align-items: flex-end;
    gap: 20px;
    flex-wrap: wrap;
    font-size: 10px;
    padding: 16px 10px 0;
}

.footer-links a {
    color: #94a3b8;
    text-decoration: none;
    transition: color 0.1s ease;
}

.footer-links a:hover {
    color: #ffffff;
}

.ssl-badge {
    display: flex;
    align-items: center;
    gap: 6px;
    background-color: #1e293b;
    padding: 4px 8px;
    border-radius: 4px;
    color: #ffffff;
    font-weight: 600;
    font-size: 11px;
}

.modal {
    display: none;
}

@media (max-width: 840px) {
    .top-navbar {
        padding: 12px 20px;
        justify-content: center;
        text-align: center;
        max-height: 60px;
        margin-bottom: 2em;
    }

    .top-navbar-form {
        background-color: #ffffff;
        border-bottom: 1px solid #e5e7eb;
        padding: 5px 5%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        gap: 16px;
        flex-direction: row;
        width: 100%;
        margin-bottom: 2.8em;
    }

    .brand-area {
        align-items: center;
        width: 100%;
    }

    #logo-docz {
        height: 30px;
        width: auto;
    }
    #logo-footer {
        height: 30px;
        width: auto;
    }    
    .top-actions {
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
        margin-right: 10px;
    }
    
    .brand-subtitle {
        font-size: 13px;
        font-weight: 600;
        color: #1f2937;
    }

    .top-action-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        background: rgba(217, 217, 217, 0.35);
        border: none;
        cursor: pointer;
        color: #aeb1b9;
        font-size: 6px;
        font-weight: 500;
        gap: 3px;
        padding: 3px;
        border-radius: 5px;
        width: 35px;
        justify-content: space-between;
    }

    .top-navbar {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-areas:
            "logo actions"
            "title title";
        align-items: center;
        gap: 10px;
        padding: 5px 20px;
    }

    .brand-area {
        display: contents;
    }

    .navbar-brand.logo-image {
        grid-area: logo;
    }

    #logo-docz {
        height: 44px;
        width: auto;
    }

    .top-actions {
        grid-area: actions;
        justify-self: end;
        display: flex;
        flex-wrap: nowrap;
        gap: 4px;
        margin-right: 0;
    }

    .top-action-btn {
        width: 38px;
        font-size: 6px;
        padding: 4px;
    }

    .doc-title {
        grid-area: title;
        text-align: center;
        width: 100%;
    }

    .doc-title-form {
        text-align: center;
        width: 96%;
        margin:0 auto;
        position: absolute;
        top: 4.8em;
        left: 50%;
        transform: translate(-50%, -50%);        
    }

    .brand-subtitle {
        font-size: 14px;
        line-height: 1.25;
        margin: 0 auto;
        position: relative;
    }

    .brand-desc {
        font-size: 0;
        line-height: 0;
        display:none;
    }

    .site-footer {
        padding: 0 15px 15px 0;
        flex-direction: column;
        text-align: center;
        gap: 20px;
    }

    .footer-left {
        flex-direction: row;
        gap: 4px;
        display: flex;
        flex-wrap: wrap;
        align-content: center;
        justify-content: flex-start;
        align-items: center;
    }

    .footer-rights {
        display: flex;
        gap: 10px;
        font-size: 10px;
        align-content: center;
        flex-direction: row;
        flex-wrap: wrap;
        padding: 10px 5px 0;
        align-items: center;
    }
    .footer-links {
        display:none;
    }
}

/* Modal footer */
.footer-action-btn {
    font-size:10px;
    background: none;
    border:none;
    color: #94a3b8;
    margin-bottom:5px;
}

.text-container h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 25px;
    margin-bottom: 30px;
    margin-top:20px;
}

.text-container h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    margin-bottom: 30px;
}

.text-container h5, .text-container ul  {
    font-family: "Montserrat", sans-serif;    
    font-size: 18px;
    margin-bottom: 20px;
}

.text-container p {
    font-family: "Montserrat", sans-serif;    
    font-size: 16px;
    line-height:1.6;
    margin-bottom: 20px;
}

/* ==========================================================================
   MODAL AJUDA
   ========================================================================== */

.modal-ajuda-over, .modal-contato-over, .modal-continua-over, .modal-historico-over, .modal-termos-over, .modal-privac-over {
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.65);
    z-index:999999;
    display:none;
    align-items:center;
    justify-content:center;
    padding:30px;
}

.modal-header {
    height: 50px;
    position: relative;
    text-align: center;
    width: 100%;
    border-radius: 8px 8px 0 0;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    padding: 35px;
    border-bottom: 2px solid #e5e5e5;
    background: #fafafa;
}

.modal-header h3 {
    font-size: 1em;
    margin-top:5px;
}

.modal-ajuda-content, .modal-historico-content, .modal-termos-content, .modal-privac-content  {
    width:100%;
    max-width:1100px;
    max-height:90vh;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    position:relative;
    box-shadow:0 20px 80px rgba(0,0,0,.25);
}

.modal-contato-content, .modal-continua-content {
    width: 80%;
    max-width: 650px;
    max-height:90vh;
    background:#fff;
    border-radius:8px;
    overflow:hidden;
    position:relative;
    box-shadow:0 20px 80px rgba(0,0,0,.25);
}

.modal-close{
    position:absolute;
    top:15px;
    right:15px;
    width:40px;
    height:40px;
    border:none;
    background:transparent;
    cursor:pointer;
    font-size:28px;
    font-weight:700;
    transition:.2s;
    z-index:9999999;
    pointer-events:auto;    
}

.modal-close:hover{
    color: #999;
}

.modal-ajuda-body, .modal-continua-body, .modal-termos-body, .modal-privac-body {
    overflow-y:auto;
    max-height:80vh;
    padding: 20px 50px 40px;
    min-height: 450px;    
}
.modal-contato-body {
    overflow-y:auto;
    max-height:80vh;
    padding: 20px 50px 40px;
    min-height: 450px;        
}

.modal-historico-body {
    max-width:100%;
    overflow-y: auto;
    max-height: 50vh;
    height:50vh;
    padding: 30px 30px 40px;
    background: #fff;
}

/* ==========================================================================
   ACCORDION
   ========================================================================== */

.modal-ajuda-body .ac-item{
    border-bottom:1px solid #e9e9e9;
}

.modal-ajuda-body .item-heading{
    display:flex;
    align-items:center;
    gap:14px;
    cursor:pointer;
    padding:22px 10px;
    font-size:17px;
    font-weight:600;
    transition:.2s;
}

.modal-ajuda-body .item-heading:hover{
    background:#fafafa;
}

.modal-ajuda-body .icon-space{
    width:22px;
    min-width:22px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.modal-ajuda-body .icon-space i{
    transition:.25s;
}

.modal-ajuda-body .ac-item.active .icon-space i{
    transform:rotate(90deg);
}

.modal-ajuda-body .item-content{
    display:none;
    padding:0 0 15px;
}

.modal-ajuda-body .ac-item.active .item-content{
    display:block;
}

.modal-ajuda-body table{
    width:100%;
}

.modal-ajuda-body td{
    font-size:15px;
    line-height:1.8em;
}

.modal-ajuda-content, .modal-contato-content, .modal-continua-content, .modal-termos-content, .modal-privac-content {
    isolation:isolate;
    margin:0 auto;
}

.modal-historico-content {
    width: 600px;
    border-radius: 8px;
    background: #fff;
    padding-bottom: 20px;
}

@media(max-width:768px){

    .modal-ajuda-over, .modal-continua-over, .modal-contato-over, .modal-historico-over, .modal-termos-content, .modal-privac-content {
        padding:0;
    }

    .modal-ajuda-content, .modal-contato-content, .modal-continua-content, .modal-historico-content, .modal-termos-content, .modal-privac-content   {
        width: 94%;
        height: 90%;
        max-width: none;
        max-height: none;
        border-radius: 5px;
    }

    .modal-ajuda-body, .modal-contato-body, .modal-continua-body,  .modal-termos-body, .modal-privac-body {
        padding:20px 25px 20px;
    }
    
    .modal-historico-body {
        width:100%;
        overflow-y: auto;
        max-height: 50vh;
        height:50vh;
        padding: 20px;
        background: #fff;
    }
    
    .modal-header h3 {
        font-size: 15px;
        margin-top: 3px;
    }

     .modal-close {
        position: absolute;
        top: 15px;
        right: 8px;
        width: 40px;
        height: 40px;
        border: none;
        background: transparent;
        cursor: pointer;
        font-size: 25px;
        font-weight: 700;
        transition: .2s;
        z-index: 9999999;
        pointer-events: auto;
    }

    .modal-ajuda-body .item-heading, .modal-contato-body .item-heading, .modal-continua-body .item-heading, .modal-historico-body .item-heading, .modal-termos-body .item-heading, .modal-privac-body .item-heading {
        display: flex;
        align-items: center;
        gap: 10px;
        cursor: pointer;
        padding: 10px 8px;
        font-size: 15px;
        font-weight: 600;
        transition: .2s;
    }
    
}

/* ==========================================================================
   MODAL CONTINUA
   ========================================================================== */
label {
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 2;
    font-size: 14px;
    font-weight: 500;
    color: #1f2937;
}
/* Add padding to containers */
.container {
    padding: 40px 60px;
    width:500px;
}

/* Set a style for the submit button */
#submit-continua, #submit-continua-checkout, #submit-continua-dcs {
    background-color: #58ACFA;
    color: #fff !important;
    font-size:16px;
    font-weight:bold;
    border-radius: 3px;
    border:none;
    cursor: pointer;
    padding: 5px;
    width: 300px;
    height: 35px !important;
    opacity: 0.9;
}

.submit:hover {
    background-color: #0489b1 !important;
    opacity: 1;
}
#obg{
    color: #c02b0a;
    font-style:italic;
}
.continua {
    text-align: left;
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 2;
    font-size: 14px;
    font-weight: 600;
    color:#1f2937;    
    width: 100% !important;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0 10px;
}
#call {
    text-align: left;
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 2;
    font-size: 15px;
    font-weight: 600;
    color: #1f2937;    
    width: 100% !important;
    padding: 0;    
}


#email-continua-field, #email-continua-checkout-field, #name-continua-field, #name-continua-checkout-field, #email-continua-dcs-field, #name-continua-dcs-field {
    padding: 20px 0 0;
}

#whpp-continua-field, #whpp-continua-checkout-field, #whpp-continua-dcs-field {
    padding: 20px 0 40px;
}

.modal-contato-body .gform_wrapper.gravity-theme .gfield textarea.medium {
    height: 100px !important;
    border-radius: 3px;
    border: 1px solid #d1d5db;
}

.modal-contato-body label {
    color: #000;
}
.modal-contato-body .gform_wrapper.gravity-theme * {
    box-sizing: border-box;
    color: #000 !important;
}
.modal-contato-body .gform_wrapper.gravity-theme .gform_footer input {
    font-size:18px;
    color: #fff !important;    
}
.modal-contato-body .gform_wrapper.gravity-theme .gform_footer input {
    font-size:18px;
    color: #fff !important;    
}

.modal-contato-body .gform_wrapper.gravity-theme .gform_footer input:hover {
    background: #07a3ff !important;
    color: #fff !important;    
}

.gform_wrapper.gravity-theme .gfield_required {
    color: #c02b0a !important;
}

@media screen and (max-width: 680px) {
.continua {
    text-align: left;
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 1.5;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937 !important;    
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0 10px;
}
#call {
    text-align: left;
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 1.3;
    font-size: 15px;
    font-weight: 600;
    color: #1f2937 !important;    
    width: 100% !important;
    padding: 0;    
}

input[type=text]#email-continua, input[type=text]#whpp-continua {
    width: 270px !important;
    margin-bottom: 15px !important;
}

#email-continua-field, #email-continua-checkout-field, #name-continua-field, #name-continua-checkout-field, #name-continua-dcs-field {
    padding: 20px 0 0;
}

#whpp-continua-field, #whpp-continua-checkout-field, #whpp-continua-dcs-field {
    padding: 20px 0 40px;
}

/* Set a style for the submit button */
#submit-continua, #submit-continua-checkout, #submit-continua-dcs {
    background-color: #58ACFA;
    color: #fff !important;
    font-size:16px;
    font-weight:bold;
    border-radius: 3px;
    border:none;
    cursor: pointer;
    padding: 5px;
    width: 270px;
    height: 35px !important;
    opacity: 0.9;
}
}

/* ==========================================================================
   MODAL CONTATO
   ========================================================================== */
label {
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 2;
    font-size: 14px;
    font-weight: 500;
    color: #1f2937;
}
/* Add padding to containers */
.container {
    padding: 40px 60px;
    width:500px;
}

/* Set a style for the submit button */
#submit-contato {
    background-color: #58ACFA;
    color: #fff !important;
    font-size:16px;
    text-align:center;
    font-weight:bold;
    border-radius: 3px;
    border:none;
    cursor: pointer;
    padding: 5px;
    width: 300px;
    height: 35px !important;
    opacity: 0.9;
}

.submit:hover {
    background-color: #0489b1 !important;
    opacity: 1;
}
#obg{
    color: #c02b0a;
    font-style:italic;
}
.contato {
    text-align: left;
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 2;
    font-size: 14px;
    font-weight: 600;
    color:#1f2937;    
    width: 100% !important;
    margin-top: 10px;
    margin-bottom: 15px;
    padding: 0 10px;
}
#call {
    text-align: left;
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 2;
    font-size: 15px;
    font-weight: 600;
    color: #1f2937;    
    width: 100% !important;
    padding: 0;    
}
#email-contato-field, #nome-contato-field, #mensagem-contato-field {
    padding: 10px 0;
    max-width: 300px;
}

#contact-policy {
    margin: 20px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
}

#policy-checkbox  {
    max-width:12px;
    margin-right:10px;
}

textarea {
    height: 100px !important;
    border-radius: 3px;
    border: 1px solid #d1d5db;
}

.modal-contato-body label {
    color: #000;
}

@media screen and (max-width: 680px) {
.contato {
    text-align: left;
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 1.5;
    font-size: 14px;
    font-weight: 600;
    color: #1f2937 !important;    
    width: 88% !important;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 0 10px;
}
#call {
    text-align: left;
    font-family: 'Inter', 'Arial', 'sans serif';
    line-height: 1.3;
    font-size: 15px;
    font-weight: 600;
    color: #1f2937 !important;    
    width: 100% !important;
    padding: 0;    
}

input[type=text]#email-contato, input[type=text]#nome-contato,  input[type=textarea]#mensagem-contato  {
    width: 270px !important;
    margin-bottom: 15px !important;
}

#email-contato-field, #nome-contato-field, #mensagem-contato-field {
    padding: 10px 0;
}

/* Set a style for the submit button */
#submit-contato {
    background-color: #58ACFA;
    color: #fff !important;
    font-size:16px;
    font-weight:bold;
    text-align:center;
    border-radius: 3px;
    border:none;
    cursor: pointer;
    padding: 5px;
    width: 270px;
    height: 35px !important;
    opacity: 0.9;
}
}


.gform_save_confirmation,
.gform_confirmation_wrapper {
    display: none !important;
}

.docz-form-message,
.share-form-message,
.contact-form-message,
[data-docz-form-response] {
    white-space: pre-line;
}

.docz-form-message p {
    display: block;
    margin: 0 0 10px;
}

.docz-form-message ul {
    display: block;
    margin: 10px 0;
    padding-left: 20px;
}

.docz-form-message li {
    display: list-item;
    margin: 4px 0;
}

.docz-success-value {
    color: #078329;
}




body .gform_wrapper .gfield[style*="display: none"] {
    display: none !important;
}