@import "../../assets/css/base.css"; @import "../../assets/css/util.min.css"; /* Contato */ .titulo_section_contato { font-size: 25px; margin-bottom: 40px; } .wrap_mais_informacoes_contato { width: 100%; float: left; border-left: 1px solid var(--cor_auxiliar); padding-left: 30px; margin-left: 0px; font-size: 16px; } .wrap_mais_informacoes_contato h3 { width: 100%; font-size: 20px; color: #343434; margin-bottom: 30px; margin-top: 0 } .wrap_mais_informacoes_contato ul { width: 100%; float: left; padding: 0; display: block } .wrap_mais_informacoes_contato ul li { list-style: none; display: block; width: 100%; float: left; color: var(--cinza_escuro); padding: 10px 0 } .wrap_mais_informacoes_contato ul li:last-child { padding-bottom: 0 } .btn-success{ min-width: 150.38px; } /* Layout do Formulário */ .contato-container { display: flex; flex-wrap: wrap; background: #fff; border-radius: 15px; box-shadow: 0 5px 20px rgba(0,0,0,0.1); overflow: hidden; margin-bottom: 50px; } .contato-info { background: #2b2b2b; color: #fff; padding: 40px; width: 40%; } .contato-form { padding: 40px; width: 60%; } .contato-title { color: #fff; font-size: 24px; font-weight: bold; margin-top: 0; margin-bottom: 30px; } .info-item { display: flex; margin-bottom: 25px; align-items: flex-start; } .info-icon { background: #fff; width: 50px; height: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0; } .info-icon i { font-size: 22px; color: #d9232d; } .info-text { font-size: 14px; line-height: 1.6; } .info-text strong { font-size: 16px; display: block; margin-bottom: 5px; text-transform: uppercase; } .social-icons { margin-top: 10px; } .social-icons a { display: inline-flex; align-items: center; justify-content: center; width: 35px; height: 35px; background: #1a1a1a; color: #fff; border-radius: 50%; margin-right: 10px; text-decoration: none; transition: 0.3s; } .social-icons a:hover { background: #d9232d; } #formContato .custom-form-group { margin-bottom: 20px; } #formContato .custom-form-group label { font-weight: 700; color: #666; font-size: 13px; margin-bottom: 8px; display: block; } #formContato .custom-input { background: #e8e8e8 !important; border: none !important; border-radius: 12px; padding: 10px 20px; height: 45px; box-shadow: none; color: #555; width: 100%; } #formContato .custom-input:focus { background: #e0e0e0 !important; box-shadow: none; outline: none; } #formContato textarea.custom-input { border-radius: 12px; padding: 15px 20px; resize: none; height: 120px; } #formContato .btn-custom-enviar { background: #fff !important; border: 1px solid #999 !important; color: #555; font-weight: bold; padding: 12px 50px; border-radius: 2px; text-transform: uppercase; transition: 0.3s; letter-spacing: 0.5px; } #formContato .btn-custom-enviar:hover { background: #f8f8f8 !important; border-color: #666 !important; } @media screen and (max-width: 991px) { .contato-info { width: 50%; padding: 30px; } .contato-form { width: 50%; padding: 30px; } } @media screen and (max-width: 767px) { .contato-info, .contato-form { width: 100%; padding: 20px; } } /* End Contato */ /* Celulares até 240px */ @media screen and (max-width: 240px) { /* Contato */ /* End Contato */ } /* End Celulares até 240px */ /* Celulares até 480px */ @media screen and (max-width: 480px) { /* Contato */ .wrap_mais_informacoes_contato { border: none; padding-left: 0px; margin-left: -15px; margin-top: 30px; } /* End Contato */ } /* Tablet em pé */ @media screen and (min-width: 481px) and (max-width: 767px) { /* Contato */ .wrap_mais_informacoes_contato { border: none; padding-left: 0px; margin-left: -15px; margin-top: 30px; } /* End Contato */ } /* End Tablet em pé */ /* Tablet em deitado */ @media screen and (min-width: 768px) and (max-width: 991px) { /* Contato */ /* End Contato */ } /* End Tablet em deitado */ /* Notebook */ @media screen and (min-width: 992px) and (max-width: 1280px) { /* Contato */ /* End Contato */ } /* End Notebook */ /* Computadores */ @media screen and (min-width: 1281px) { /* Contato */ /* End Contato */ } /* End Computadores */ /* Computadores M */ @media screen and (min-width: 1345px) and (max-width: 1632px) { /* Contato */ /* End Contato */ } /* End Computadores */ /* Computadores G */ @media screen and (min-width: 1633px) { /* Contato */ /* End Contato */ } /* End Computadores G *//* CSS additions */