/*********************************************************/
/*	RESPONSIVO CSS										 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
@media (max-width: 1366px) {
    .portfolio-left { width: 35%; padding: 20px;}
    .portfolio-right { width: 65%;}
    .portfolio-text { font-size: 0.8em; line-height: 1.4;}
}
@media (max-width: 1280px) {
    .home { height: 90vh;}
    .formulario {width: 100%;}
	.content {max-width: 90%;}
    .servico-intro .content {width: 100%; }
    .servico-processo .content {width: 100%; }
    .servico-beneficios .content {width: 100%; }
    .servico-definicao .content {width: 100%; }
    .post-container {max-width: 100%; }
    .faq-list { max-width: 100%; }
}
@media (max-width: 1152px) {
    .typewriter-text { font-size: 2em;}
    .solucao-card {padding: 20px;}
    footer .logo {width: 220px; height: 120px;}
    .tela-7 .card {padding: 20px;}
}
@media (max-width: 1024px) {
    header .logo {width: 220px; height: 90px; }
    .home { height: 100vh;}
    footer .logo {width:180px; height: 90px;}
}
@media (max-width: 950px) {
    .home { height: 50vh;}
    .esquerda {width: 100%;}
    p {font-size: 1em !important; line-height: 22px !important;}
    .direita {width: 100%; float: none; }
    .typewriter-text { font-size: 1.2em; white-space: normal; text-align: center; margin-top: 180px;}
    .tela-2 {padding: 40px 0;}
    .tela-2 .direita img {width: 50%; margin: 40px 25% 0 25%;}
    .tela-4 {padding: 40px 0;}
    .solucao-card { flex-basis: calc(45% - 15px); }
    .noticias-grid { grid-template-columns: repeat(2, 1fr); }
    .portfolio-item { flex-direction: column; height: auto; min-height: 100vh; }
    .portfolio-left { width: 100%; height: auto; padding: 40px 20px; }
    .portfolio-right { width: 100%; height: 50vh; }
    .portfolio-logo {margin-bottom: 20px; width: 80px; }
    .centro {width: 100%;}
    footer .logo {margin: 0 auto 20px auto; }
    footer .centro {display: block; text-align: center;}
    footer .bd {border-right: 0;}
    footer .esc {padding-right: 0;}
    footer .dir {padding-left: 0;}
    .sobre-boxes { flex-direction: column; }
    .sobre-box { width: 100%; margin-bottom: 30px; }
    .chamada {padding-bottom: 30px;}
    .chamada .content {display: block; text-align: center;}
    .chamada h2 {font-size: 1em; margin-bottom: 20px;}
    .botao::before {background: transparent;}
    .contato .agc {text-align: center; display: table; margin-top: -40px;}
    .contato .ctr {width: 100%; margin-bottom: -40px;}
    .contato .bgt {margin-top: 0; float: none !important; margin: auto;}
    .contato .input {width: 100%; }
    .contato .inputsel {width: 100%; }
    .contato .inputtext {width: 100%; height: 80px; border-radius: 20px;}
    .formulario .botao {width: 100%; display: block; left: 10px !important;}
    .tela-1 .icon {width: 50%; height: 80px; }
    .tela-5 .icon {height: 80px; }
    .tela-5 {padding-bottom: 0;}
    .fim p {font-size: 0.7em !important;}
    .servico-galeria {padding: 0;}
    .servico-intro { padding: 15px 0; }
}
@media (max-width: 768px) {
    .post-container { padding: 25px; }
    .post-title { font-size: 26px; }
    .post-capa { height: 250px; }
    .post-texto { font-size: 16px; }
    .processo-item { grid-template-columns: 1fr; text-align: center; }
    .processo-item { gap: 15px; }
    .definicao-colunas { column-count: 1; }
    .servico-intro h1 { font-size: 2.5em; }
    .tela-1 h2 {font-size: 0.8em !important; }
    .tela-1 .icon {height: 90px; }
    h1 {font-size: 1.4em !important;}
    .solucao-card { min-height: 200px; }
}
@media (max-width: 600px) {
    .noticias-grid { grid-template-columns: 1fr; }
    .solucao-card { flex-basis: 100%; }
    .noticias-grid { grid-template-columns: 1fr; }
    .noticia-link-img {height: 220px; }
}
@media (max-width: 480px) {
    .tela-2 .direita img {width: 80%; margin: 40px 10% 0 10%;}
    .formulario {padding: 20px; }
    .contato label {font-size: 0.8em;}
    footer .dados li {font-size: 0.8em; ;}
    
    footer p {font-size: 0.8em !important;}
    h1 {font-size: 1.4em !important;}
    h2 {font-size: 1.2em !important; font-weight: 600;}
    header .logo {width: 180px; height: 70px; }
}
@media (max-width: 414px) {
   .tela-1 .icon {height: 70px; }
   .alerta {font-size: 0.9em !important;}
}
@media (max-width: 360px) {
   .tela-1 .icon {height: 60px; }
}

/*********************************************************/