/*********************************************************/
/*CSS MODE - MRPSTUDIO 2025
/*********************************************************/
@media (max-width: 1280px) {
    /*********************************************************/
    .content {max-width: 90%;}
    .background {height: 300px;}
}
@media (max-width: 1152px) {
    /*********************************************************/
    .redes .quadro {width: 100%; }
    /*********************************************************/
}
@media (max-width: 950px) {
     /*********************************************************/
    header .orc {display: none;}
    header .logo {width: 120px; height: 50px;}
    /*********************************************************/
    .motivos {padding: 50px 0;}
    .motivos .quadros {gap: 15px; flex-wrap: wrap;}
    .motivos .quadro {max-width: 47%; }
    .motivos .icon {width: 100px; height: 100px; background-size: cover;}
    .motivos .meio {width: 100%;}
    .projetos .smenu  {display: none;}
    .projetos .imagem1 {filter: grayscale(0%);}
    .projetos .imagem2{filter: grayscale(0%);}
    /*********************************************************/
    .chamada .quadros {display: block;}
    .chamada iframe {width: 100%; height: 240px; filter: grayscale(100%); transition: 0.3s;}
    .chamada iframe:hover {filter: grayscale(0%);}
    .chamada .imagem1 {display: none; }
    .chamada .imagem2 {display: none;}
    #scrollToTopBtn {display: none !important;}
	/*********************************************************/
    .timeline-container { padding: 20px 0; }
    .timeline-line { left: 20px; transform: none; }
    .timeline-row { flex-direction: column; align-items: flex-start; margin-left: 20px; padding-left: 30px; border-left: 4px solid var(--cor_2); margin-bottom: 40px; }
    .col-center { display: none; }
    .col-side { width: 100%; margin-bottom: 15px; }
    .tempo-content { text-align: left !important; }
    .tempo-media { text-align: left !important; }
    .col-text { order: 1; }
    .col-img { order: 2; }
    .img-frame { width: 100%; height: 250px; transform: rotate(0deg) !important; }
    /*********************************************************/
    .faq-section .accordion {width: 100%;}
    /*********************************************************/
    .ambiente-container { flex-direction: column; }
    .ambiente-texto, .ambiente-galeria { width: 100%; }
    .slider-ambiente .img { height: 300px; }
    .parceiro-item { width: calc(33.33% - 14px); height: 120px; }
    .projetos .quadro1 {width: 65%; top: 90px;}
    .fim .dudia {width: 45px; height: 35px; }
    .sumir {display: none !important;}
    .aparecer {display: block !important;}
    .background {height: 260px;}
    /*********************************************************/
}
@media (max-width: 667px) {
   .background {height: 200px;}
    /*********************************************************/
    h1 {font-size: 1.6em; margin-bottom: 20px;}
    /*********************************************************/
    .projetos {padding: 40px 0;}
    .projetos .quadros {display: block; text-align: center;}
    .projetos .quadro {width: 100%;}
    .projetos .imagem1 {height: 320px; margin-bottom: 20px;}
    .projetos .imagem2 {height: 320px; margin-bottom: 20px;}
    .projetos .logo { margin: 0 auto;}
    /*********************************************************/
    .botao {padding: 10px 20px; font-size: 1em; display: inline-block;}
    /*********************************************************/
    footer .quadros {width: 100%;  display: block; }
    footer .quadro {width: 100%; margin: 10px auto;}
    footer .meumenu {width: 100; text-align: center;}
    footer .txt-d {margin-left: 0;}
    footer .logo {margin-bottom: 30px;}
    /*********************************************************/
    .parceiro-item { width: calc(50% - 10px); }
    /*********************************************************/
}
@media (max-width: 480px) {
    .background {height: 200px; margin: 0 0 20px 0;}
    .quadro-1 {width: 100%;}
    .quadro-2 {width: 100%;}
    .quadro-3 {width: 100%;}
    .quadro-4 {width: 100%;}
    .quadro-5 {width: 100%;}
    .quadro-6 {width: 100%;}
    .quadro-7 {width: 100%;}
    .quadro-8 {width: 100%;}
    .quadro-9 {width: 100%;}
     .quadro-10 {width: 100%;}
    /*********************************************************/
    h1 {font-size: 1.2em;}
    p {font-size: 1em !important; line-height: 26px;}
    .fim li {font-size: 0.8em !important;}
    .chamada h1 {font-size: 1em !important;}
    /*********************************************************/
    .botao {font-size: 0.9em; padding: 10px;}
    /*********************************************************/
    .tempo-content h2 { font-size: 2.5em; }
    /*********************************************************/
    .faq-section {padding: 40px 0;}
    .faq-section .accordion-header h3 {font-size: 1em;}
    /*********************************************************/
}