﻿
.Container_Assinar {
    width: 100%;
    height: 100%;
    order:1;
    background: linear-gradient(to right, #fff 25.5%, #e97716 23%, #e97716 26%, rgb(37, 37, 37) 0%);
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    padding:150px 0px 50px 0px;
    align-items:center;
    justify-content:center;
}

.Assinatura {
    margin: 50px;
    order: 1;
    width: 360px;
    height:340px;
    padding:0px 0px 30px 0px;
    background: linear-gradient(to top, rgba(3, 73, 31, 1), rgb(0 93 37), rgb(53 127 41));
    border-radius: 10px;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    align-items: center;
    box-shadow: 11px 11px 0px 0px #00000038;
}

.Cabecalho {

    font-family: sans-serif;
    color: #fff;
    width: 94%;
    padding-bottom:30px;
    border-radius: 0.5px;
    border-bottom: 4px solid #e97716;
}

.Cabecalho h1 {
    padding:25px 0px 0px 10px;    
    font-size:24px;   
    letter-spacing:1px;
}

.Cabecalho p {
    font-weight:lighter;
    position:relative;
    top:10px;
    left:25px; 
    margin-bottom:5px;
}

.Sumario {
    color:#fff;
    font-family:sans-serif;
    height:70%;
    display:flex;
    flex-direction:column;
    width:94%
}

.Sumario h2 {
    padding:20px 0px 15px 20px;    
    font-size:20px; 
    letter-spacing:1px;
}

.Sumario > p:nth-child(2) {
    font-size:16px;
    padding:5px 0px 20px 20px;
    letter-spacing:1px;
}

.Sumario span {
    text-align:center;
    font-weight:bolder;
    font-size:24px;
}

.Sumario > p:nth-child(4) {
    text-align:center;
    padding: 8px 0px 10px 0px;
}


.Text_Assinatura {
    order: 2;
    width: 370px;
    height: 395px;
    font-family:sans-serif;
}

.Text_Assinatura h3 {
    color:#fff;
    font-size:22px;
    padding:20px 0px 15px 0px;
}

.Text_Assinatura p {
    font-size:14px;
    color:#9f9f9f;
}

    .Text_Assinatura ul {
        list-style: none;
        padding-left: 19px;
    }

        .Text_Assinatura ul li::before {
            content: "";
            display: inline-block;
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #e97716;
            margin-right: 12px;
            transform: scale(0.9);
        }

    .Text_Assinatura li {
        margin: 0px 0px 10px 0px;
        font-size: 14px;
        color: #9f9f9f;
        text-indent: -22px;
    }









    .Footer {
        place-content: center;
        grid-template-columns: 1fr;
    }



.Formulario_Assinatura {
    order: 3;
    width: 370px;
    height: 395px;
    display: flex;
    font-family:sans-serif;
    justify-content: center;
    align-items: center;
}

.FormTwo {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    
    align-items: center;
}

.FormTwo > h3 {
    padding: 10px 0px 10px 0px;
    color:#9f9f9f;
    font-size:22px;
}

.FormTwo .a {
    padding: 10px;
    margin: 8px;
    height:20px;
    width:300px;  
    font-size:12px;
    border-radius:5px;
    background-color:#fff;
}

.FormTwo > div > textarea {
    font-size:12px;
    padding: 10px;
    background-color:#fff;
    width:300px;
    border-radius: 5px;
    margin:8px;
    height:100px;
}

.FormTwo > div:nth-child(5) > input {
    width:130px;
    height:50px;
}

.botaoForm {
    font-size:18px;
    background-color:#e97716;
    cursor:pointer;
    transition:0.5s;
}

.botaoForm:hover {
    transition:0.5s;
    transform:scale(0.9);
}

.Container_Copy { 
    order: 2; width: 100%; 
    height: 30vh; 
    background: linear-gradient(to right, #fff 25.5%, #e97716 23%, #e97716 26%, rgb(37, 37, 37) 0%); 
    display: flex; flex-direction: column; justify-content: center; overflow: hidden; align-items: flex-end;

}




.Filho_Copy {
    margin: 0px 30px 0px 0px;
    overflow:hidden;
    height:200px;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
}

.Texto_Copy {
    width:250px;
    margin:10px 20px 0px 0px;
    text-align:right;
}

.Texto_Copy p {
    color:#fff;
    font-family:sans-serif;
    font-size:12px;
    cursor:pointer;
}

.Texto_Copy > p:nth-child(2) {
    margin:15px 0px;
}

.Logo_Copy > a > img {
    height: 120px;
    width: 120px;
    position: relative;
    top: -9px;
    transition: 1s;
    cursor: pointer;
}

.Logo_Copy > a > img:hover {
    transition:1s;
    transform: translateX(100%);
}

.Rodape, .Footer {
    display: none;
}

@media screen and (max-width: 820px) {
    .Container_Assinar {
        background: rgb(37, 37, 37);
    }
    .Assinatura {
    order:2;
    
    }
    .Text_Assinatura {
        order: 1;
    }
        .Container_Copy {
        background: rgb(37, 37, 37);
    }
    }

@media screen and (max-width: 450px) {
    .Cabecalho {
    border:none;
    }
    .Sumario span {
        font-size:18px;
    }
    .Sumario > p:nth-child(2) {
        padding: 0px 5px 10px 20px;
        
    }
    .Sumario > p:nth-child(4) {
        text-align: center;
        padding: 0px 0px 3px 0px;
    }
    .Assinatura {
        padding: 0px 0px 40px 0px;
      
    }
    }