/* Bloco 1 - Hero Section */
#tecnologia-bl1 { position: relative; padding: 0; overflow: hidden; background-color: #f0f0f0;}
#tecnologia-bl1.tecnologia-bl1-bg { padding: 0; }
#tecnologia-bl1 .tecnologia-bl1-bg img { width: 100%; height: auto; display: block; padding: 0; }
#tecnologia-bl1 .tecnologia-bl1 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; }
#tecnologia-bl1 .tecnologia-bl1-content { padding: 250px 0; display: flex; height: 100%; }
#tecnologia-bl1 .tecnologia-bl1-content h1 { color: #ffffff; font-size: 48px; font-weight: 400; margin-bottom: 20px; }
#tecnologia-bl1 .tecnologia-bl1-content p { color: #ffffff; font-size: 18px; line-height: 1.6; max-width: 600px; font-weight: 200;}
#tecnologia-bl1 .off-767 { display: block!important; }
#tecnologia-bl1 .on-767 { display: none!important; }

/* Bloco 2 - Cards Section */
#tecnologia-bl2.col-xxl-6{width: 60%;}
#tecnologia-bl2 { background-color: #f0f0f0; padding-bottom: 80px; }

#tecnologia-bl2 .tecnologia-bl2 h1:first-child { color: #24375F; font-size: 32px; font-weight: 400; text-align: left; margin-bottom: 60px; padding-top: 5%; }
#tecnologia-bl2 .tecnologia-bl2-cards { gap: 30px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; }
#tecnologia-bl2 .tecnologia-card { display: flex; flex-direction: row; height: 100%; overflow: hidden; margin-bottom: 30px; width: 130%; max-width: 130%; }
#tecnologia-bl2 .tecnologia-card-img { flex: 0 0 50%; overflow: hidden; }
#tecnologia-bl2 .tecnologia-card-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
#tecnologia-bl2 .tecnologia-card-text { flex: 0 0 50%; background-color: #47698B; padding: 40px 30px; display: flex; flex-direction: column; justify-content: center; }
#tecnologia-bl2 .tecnologia-card-text h1 { color: #24375F; font-size: 18px; font-weight: 400; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 2px solid #24375F;  }
#tecnologia-bl2 .tecnologia-card-text p { color: #ffffff; font-size: 12px; line-height: 1.6; margin: 0; }

/* ==================== RESPONSIVIDADE ==================== */

/* 1799.5px */
@media (max-width: 1799.5px) {
  #tecnologia-bl1 .tecnologia-bl1-content h1 { font-size: 46px; }
  #tecnologia-bl1 .tecnologia-bl1-content p { font-size: 17px; }
  #tecnologia-bl2 .tecnologia-bl2 h1:first-child { font-size: 30px; }
  #tecnologia-bl2 .tecnologia-card { width: 130%; max-width: 130%; }
  #tecnologia-bl2 .tecnologia-card-text h1 { font-size: 26px; }
}

/* 1599.5px */
@media (max-width: 1599.5px) {
  #tecnologia-bl1 .tecnologia-bl1-content h1 { font-size: 44px; }
  #tecnologia-bl1 .tecnologia-bl1-content p { font-size: 16px; }
  #tecnologia-bl2 .tecnologia-bl2 h1:first-child { font-size: 30px; }
  #tecnologia-bl2 .tecnologia-card { width: 130%; max-width: 130%; }
  #tecnologia-bl2 .tecnologia-card-text h1 { font-size: 26px; }
}

/* 1399.5px */
@media (max-width: 1399.5px) {
  #tecnologia-bl1 .tecnologia-bl1-content h1 { font-size: 42px; }
  #tecnologia-bl1 .tecnologia-bl1-content p { font-size: 16px; }
  #tecnologia-bl2 .tecnologia-bl2 h1:first-child { font-size: 28px; }
  #tecnologia-bl2 .tecnologia-card { width: 110%; max-width: 110%; }
  #tecnologia-bl2 .tecnologia-card-text h1 { font-size: 24px; }
  #tecnologia-bl2 .tecnologia-card-text p { font-size: 15px; }
}

/* 1199.5px */
@media (max-width: 1199.5px) {
  #tecnologia-bl1 .tecnologia-bl1-content h1 { font-size: 40px; }
  #tecnologia-bl1 .tecnologia-bl1-content p { font-size: 16px; line-height: 1.5; }
  #tecnologia-bl2 { padding-bottom: 60px; }
  #tecnologia-bl2 .tecnologia-bl2 h1:first-child { font-size: 28px; margin-bottom: 50px; }
  #tecnologia-bl2 .tecnologia-card { width: 100%; max-width: 100%; }
  #tecnologia-bl2 .tecnologia-card-text h1 { font-size: 24px; }
  #tecnologia-bl2 .tecnologia-card-text p { font-size: 15px; }
}

/* 991.5px */
@media (max-width: 991.5px) {
  #tecnologia-bl1 .tecnologia-bl1-content { padding: 200px 0; }
  #tecnologia-bl1 .tecnologia-bl1-content h1 { font-size: 38px; padding-top: 160%; }
  #tecnologia-bl1 .tecnologia-bl1-content p { font-size: 15px; }
  #tecnologia-bl2 { padding-bottom: 50px; }
  #tecnologia-bl2 .tecnologia-bl2 h1:first-child { font-size: 26px; margin-bottom: 40px; }
  #tecnologia-bl2 .tecnologia-card { flex-direction: column; width: 100%; max-width: 100%; margin-bottom: 25px; }
  #tecnologia-bl2 .tecnologia-card-img { flex: 0 0 250px; }
  #tecnologia-bl2 .tecnologia-card-text { flex: 0 0 auto; padding: 30px 25px; }
  #tecnologia-bl2 .tecnologia-card-text h1 { font-size: 22px; }
  #tecnologia-bl2 .tecnologia-card-text p { font-size: 14px; }
}

/* 767.5px */
@media (max-width: 767.5px) {
  #tecnologia-bl1 .off-767 { display: none!important; }
  #tecnologia-bl1 .on-767 { display: block!important; width: 100%; margin: 0; padding: 0; }
  #tecnologia-bl1 .tecnologia-bl1-content h1 { font-size: 32px; padding-top: 178%; }
  #tecnologia-bl1 .tecnologia-bl1-content p { font-size: 16px; }
  #tecnologia-bl2 .tecnologia-card { flex-direction: column; width: 100%; }
  #tecnologia-bl2 .tecnologia-card-img { flex: 0 0 100%; }
  #tecnologia-bl2 .tecnologia-card-text { flex: 0 0 100%; padding: 30px 20px; }
  #tecnologia-bl2 .tecnologia-card-text h1 { font-size: 24px; }
}

/* 575.5px */
@media (max-width: 575.5px) {
  #tecnologia-bl1 .tecnologia-bl1-content { padding: 30px 15px; }
  #tecnologia-bl1 .tecnologia-bl1-content h1 { font-size: 26px; margin-bottom: 12px; padding-top: 188%;}
  #tecnologia-bl1 .tecnologia-bl1-content p { font-size: 13px; line-height: 1.5; }
  #tecnologia-bl2 { padding-bottom: 30px; padding-top: 30px; }
  #tecnologia-bl2 .tecnologia-bl2 h1:first-child { font-size: 22px; margin-bottom: 25px; }
  #tecnologia-bl2 .tecnologia-bl2-cards { gap: 15px; }
  #tecnologia-bl2 .tecnologia-card { margin-bottom: 15px; }
  #tecnologia-bl2 .tecnologia-card-img { flex: 0 0 150px; }
  #tecnologia-bl2 .tecnologia-card-text { padding: 20px 15px; }
  #tecnologia-bl2 .tecnologia-card-text h1 { font-size: 18px; margin-bottom: 10px; padding-bottom: 10px; }
  #tecnologia-bl2 .tecnologia-card-text p { font-size: 12px; line-height: 1.4; }
}

/* 400px */
@media (max-width: 400px) {
  #tecnologia-bl1 .tecnologia-bl1-content { padding: 25px 12px; }
  #tecnologia-bl1 .tecnologia-bl1-content h1 { font-size: 22px; margin-bottom: 10px; }
  #tecnologia-bl1 .tecnologia-bl1-content p { font-size: 12px; line-height: 1.4; }
  #tecnologia-bl2 { padding-bottom: 25px; padding-top: 25px; }
  #tecnologia-bl2 .tecnologia-bl2 h1:first-child { font-size: 20px; margin-bottom: 20px; }
  #tecnologia-bl2 .tecnologia-bl2-cards { gap: 12px; }
  #tecnologia-bl2 .tecnologia-card { margin-bottom: 12px; }
  #tecnologia-bl2 .tecnologia-card-img { flex: 0 0 120px; }
  #tecnologia-bl2 .tecnologia-card-text { padding: 18px 12px; }
  #tecnologia-bl2 .tecnologia-card-text h1 { font-size: 16px; margin-bottom: 8px; padding-bottom: 8px; }
  #tecnologia-bl2 .tecnologia-card-text p { font-size: 11px; line-height: 1.3; }
}