/* Assinatura de newsletter------------------------------- */

.formulario-newsletter-container{max-width: 1200px;}
.formulario-newsletter {margin: 0 auto;justify-content: center;background-color: #212121;padding: 0px;width: 1200px;background-image: url("/imgs/img-home-banners/news-letter-formulario-01.jpg");background-size: cover;background-position: end;display: flex;flex-direction: column;justify-content: flex-end;transition: 0.5s;border-radius: 10px;margin-bottom: 70px;
fieldset {justify-content: center;text-decoration: none;border: none;display: flex;padding: 20px;margin-bottom: 20px;margin-top: 20px;gap: 10px;} legend {padding: 20px;transition: 0.5s; h2 {color: #f1f1f1;text-shadow: 5px 5px 5px rgba(0, 0, 0, 1); /* Corrigido a sintaxe do text-shadow */}}
input {padding: 10px;border: none;border-radius: 5px;width: 200px; }
}
.formulario-newsletter:hover{legend>h2{transition: 0.5s;text-shadow: 2px 2px 3px rgba(0, 0, 0, 5);color: #F2B705;} background-image: tr;background-size: cover;background-position: bottom ;}

.formulario-newsletter > .inputbox {position: relative;}
.formulario-newsletter > .input:hover{cursor: pointer;}

.formulario-newsletter > .news-buttom{font-family: "philosopher", sans-serif;    font-weight: 700; font-size: 18px;   font-style: normal;    text-align: center;    color: #0d0d0d;background-color: #F2B705;cursor: pointer;transition: 0.3s;}
.formulario-newsletter > .news-buttom:hover{color: #F2B705;background-color: #ffffff;cursor: pointer;transform: scale(1.05);}
.formulario-newsletter > .labelInput {position: absolute;top: 0;left: 0;padding: 10px;transition: 0.3s ease;opacity: 0.5;pointer-events: none;background: none;}

.formulario-newsletter > .inputUser:focus + .labelInput,
.inputUser:not(:placeholder-shown) + .labelInput {opacity: 0;transform: translateX(-20px);}


@media screen and (min-width:767px) and (max-width:1000px){
    .formulario-newsletter {max-width: 90%;
fieldset {justify-content: center;text-decoration: none;border: none;display: flex;flex-direction: column;padding: 10px;margin-bottom: 10px;margin-top: 10px;gap: 5px;}
input {border-radius: 3px;width: 90%;}
legend {margin-top: 10px;padding: 10px; h2 {text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);}
}}
.formulario-newsletter > .inputbox {width: 90%;}
.formulario-newsletter > .news-buttom{height: 40px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);}
.formulario-newsletter > .news-buttom:hover{transform: scale(1.05);}
.formulario-newsletter > .labelInput {position: absolute;top: 0;left: 0;padding: 10px;transition: 0.3s ease;opacity: 0.5;pointer-events: none;background: none; /* Garante que o fundo do label seja transparente */}
.formulario-newsletter > .inputUser:focus + .labelInput,
.inputUser:not(:placeholder-shown) + .labelInput {opacity: 0;transform: translateX(-20px);}}  

@media screen and (max-width: 768px) {
.formulario-newsletter {width: 95%; margin-top: 50px;display: flex;flex-direction: column;justify-content: flex-end;transition: 0.3s;border-radius: 10px;margin-bottom: 30px;margin-top: 50px;
fieldset {justify-content: center;text-decoration: none;border: none;display: flex;flex-direction: column;padding: 10px;margin-bottom: 10px;margin-top: 10px;gap: 5px;}
input {border-radius: 3px;width: 90%;}
legend {margin-top: 10px;padding: 10px; h2 {text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);}
}}
.formulario-newsletter > .inputbox {width: 90%;}
.formulario-newsletter > .news-buttom{height: 40px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);}
.formulario-newsletter > .news-buttom:hover{transform: scale(1.05);}
.formulario-newsletter > .labelInput {position: absolute;top: 0;left: 0;padding: 10px;transition: 0.3s ease;opacity: 0.5;pointer-events: none;background: none; /* Garante que o fundo do label seja transparente */}
.formulario-newsletter > .inputUser:focus + .labelInput,
.inputUser:not(:placeholder-shown) + .labelInput {opacity: 0;transform: translateX(-20px);}}