.elementor-1784 .elementor-element.elementor-element-74724ea3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1784 .elementor-element.elementor-element-2c8129dd{--spacer-size:50px;}.elementor-1784 .elementor-element.elementor-element-396f7041{--display:flex;--min-height:164px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1784 .elementor-element.elementor-element-396f7041:not(.elementor-motion-effects-element-type-background), .elementor-1784 .elementor-element.elementor-element-396f7041 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(137deg, #3ACAFF 0%, #411DA5 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}body:not(.rtl) .elementor-1784 .elementor-element.elementor-element-243c97c2{left:106px;}body.rtl .elementor-1784 .elementor-element.elementor-element-243c97c2{right:106px;}.elementor-1784 .elementor-element.elementor-element-243c97c2{top:29px;}.elementor-1784 .elementor-element.elementor-element-243c97c2 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:26px;font-weight:600;color:#FFFFFF;}body:not(.rtl) .elementor-1784 .elementor-element.elementor-element-31a443e{left:107px;}body.rtl .elementor-1784 .elementor-element.elementor-element-31a443e{right:107px;}.elementor-1784 .elementor-element.elementor-element-31a443e{top:63px;}.elementor-1784 .elementor-element.elementor-element-31a443e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:15px;font-weight:600;color:#FFFFFF;}.elementor-1784 .elementor-element.elementor-element-60050465{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1784 .elementor-element.elementor-element-f2a949f{--spacer-size:50px;}.elementor-1784 .elementor-element.elementor-element-1d40f376{--display:flex;}.elementor-1784 .elementor-element.elementor-element-4cc8e46d{--display:flex;}.elementor-1784 .elementor-element.elementor-element-55864a87{--display:flex;}.elementor-1784 .elementor-element.elementor-element-5a690439{--display:flex;--min-height:97px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1784 .elementor-element.elementor-element-5a690439:not(.elementor-motion-effects-element-type-background), .elementor-1784 .elementor-element.elementor-element-5a690439 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(137deg, #3ACAFF 0%, #411DA5 100%);}.elementor-1784 .elementor-element.elementor-element-5a690439.e-con{--align-self:center;}body:not(.rtl) .elementor-1784 .elementor-element.elementor-element-161cd078{left:44px;}body.rtl .elementor-1784 .elementor-element.elementor-element-161cd078{right:44px;}.elementor-1784 .elementor-element.elementor-element-161cd078{top:33px;}.elementor-1784 .elementor-element.elementor-element-161cd078 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:28px;font-weight:600;color:#FFFFFF;}@media(min-width:768px){.elementor-1784 .elementor-element.elementor-element-5a690439{--width:28%;}}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Roce+One&display=swap');

body {
    background-color: #ffffff; /* Fundo da página permanece branco */
}

.form-container {
    background: linear-gradient(90deg, #ffa45a, #ffa916);
    padding: 30px;
    border-radius: 12px;
    box-shadow: 4px 4px 15px rgba(0, 0, 0, 0.1);
    width: 100%;
    max-width: 500px;
    margin: 30px auto;
}

.form-container h2 {
    font-family: 'Roce One', serif;
    color: #ffffff;
    text-align: center;
    margin-bottom: 25px;
    font-size: 24px;
}

.form-container h3, h4 {
    font-family: 'Roce One', serif;
    color: #ffffff;
    text-align: left;
    margin-bottom: 15px;
}

label {
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
}

input, select {
    width: 100%;
    padding: 12px;
    margin-top: 5px;
    margin-bottom: 20px;
    border: 2px solid #ffffff;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff;
    transition: 0.3s ease-in-out;
}

input:focus, select:focus {
    border-color: #3acaff;
    box-shadow: 0px 0px 8px rgba(58, 202, 255, 0.5);
    outline: none;
}

button {
    font-family: 'Roce One', serif;
    width: 100%;
    padding: 12px;
    border: none;
    border-radius: 8px;
    background: linear-gradient(90deg, #3acaff, #8459ff);
    color: white;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    margin-top: 10px;
}

button:hover {
    opacity: 0.9;
    transform: scale(1.02);
}

.resultado {
    margin-top: 25px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 8px;
    color: #000000;
    line-height: 1.6;
}

.resultado h3, .resultado h4 {
    color: #ffffff;
    margin-top: 0;
    margin-bottom: 10px;
    text-align: left;
}

.copy-btn {
    background: linear-gradient(90deg, #3acaff, #8459ff); /* Gradiente azul para o botão copiar */
    color: #fff;
    font-family: 'Roce One', serif;
    font-size: 14px;
    padding: 8px;
    margin-top: 15px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.copy-btn:hover {
    opacity: 0.9;
    transform: scale(1.02);
}

@media (max-width: 768px) {
    .form-container {
        padding: 20px;
    }
}/* End custom CSS */