/*********************************************************/
/*CSS MODE - MRPSTUDIO 2026
/*********************************************************/
@media (max-width: 1280px) {
  /*********************************************************/
	.content {max-width: 90%;}
  /*********************************************************/
}
@media (max-width: 950px) {
  /*********************************************************/
  header {width: 90%; top: 10px; padding: 10px 20px;}
  header .logo {width: 120px; height: 50px; }
  /*********************************************************/
  .barra-e {width: 5px;}
  .barra-d {width: 5px;}
  h1 {font-size: 1.4em !important;}
  h2{font-size: 1em !important;}
  h3 {font-size: 1em !important;}
  p {font-size: 0.9em !important; line-height: 22px !important;}
  .centro {width: 100%;}
  /*********************************************************/
  .porque-wrap {flex-direction: column; row-gap: 26px;}
  .porque-media, .porque-info {width: 100%;}
  .porque-media img {max-height: 320px;}
  .porque-cta {flex-direction: column; row-gap: 18px; margin-top: 40px;}
  .porque-cta-texto, .porque-cta-imagem {width: 100%;}
  /*********************************************************/
  .diferenciais {background-attachment: scroll; padding: 40px 0;}
  .diferenciais-wrap {flex-direction: column; row-gap: 22px;}
  .diferenciais-left, .diferenciais-right {width: 100%;}
  .diferenciais-right {justify-content: flex-start; text-align: center;}
  .diferenciais-center h2 {font-size: 34px;}
  /*********************************************************/
  .profissionais {padding: 40px 0 0 0;}
  .profissionais-wrap {flex-direction: column; row-gap: 18px;}
  .profissionais-texto, .profissionais-imagem {width: 100%;}
  .profissionais-imagem {display: inline-block; position: relative; height: 450px; right: 0;}
  /*********************************************************/
  .quem-somos {padding: 40px 0;}
  .quem-somos-wrap {max-width: 100%;}
  /*********************************************************/
  .produto {padding: 40px 0;}
  .produto-wrap {flex-direction: column; row-gap: 18px; align-items: stretch;}
  .produto-texto, .produto-imagem {width: 100%;}
  .produto-imagem img {height: 320px; margin: 20px auto 0 auto;}
  /*********************************************************/
  .dados-tecnicos {background-attachment: scroll; padding: 40px 0;}
  .dados-tecnicos-wrap {flex-direction: column; row-gap: 18px;}
  .dados-tecnicos-col {width: 100%;}
  /*********************************************************/
  .popup {padding: 0px;}
  .popup-dialog { width: min(100%, 80%); margin: auto; padding: 25px 10px;  max-height: 400px; }
  .popup-close {width: 36px; height: 36px; }

  .popup-entry-actions {flex-direction: column;}

  .contato-hero {padding: 120px 0 60px 0;}
  .contato-grid {flex-direction: column; row-gap: 22px;}
  .contato-info, .contato-form {width: 100%;}
  .contato-linha {grid-template-columns: 1fr;}
  .contato-mapa iframe {height: 320px;}
}

@media (max-width: 768px) {
  .porque-titulo {font-size: 30px;}
  .porque-cards {grid-template-columns: 1fr;}
}


@media (max-width: 667px) {

}

@media (max-width: 600px) {

}

@media (max-width: 568px) {
  .contato-hero-texto h1 {font-size: 2.2em;}
}

@media (max-width: 480px) {

}

@media (max-width: 414px) {
	
}

@media (max-width: 384px) {

}

@media (max-width: 375px) {

}
/*********************************************************/