/* ==================== CONTATO BL1 ==================== */
#contato-bl1.contato-bl1-bg { background-color: #f0f0f0; padding: 80px 0; }

#contato-bl1 h1 { color: #47698B; font-size: 48px; font-weight: 400; margin-bottom: 20px; }

#contato-bl1 p { color: #47698b; font-size: 18px; line-height: 1.6; margin-bottom: 30px; font-weight: 200;}

#contato-bl1 .btn-contato { background-color: #47698B; color: #fff; padding: 15px 30px; font-size: 14px; font-weight: 400; text-decoration: none; border-radius: 5px; display: inline-flex; align-items: center; gap: 10px; transition: background-color 0.3s ease; border: none;/* margin-top: 10%;*/}

#contato-bl1 .btn-contato:hover { background-color: #365279; }

#contato-bl1 .btn-contato img { width: 24px; height: 24px; }

/* ==================== CONTATO BL1 - CONTACT FORM 7 ==================== */
#contato-bl1 .wpcf7-form { display: flex; flex-direction: column; }

#contato-bl1 .wpcf7-form > p { margin: 0 0 20px 0; }

#contato-bl1 .wpcf7-form label { font-size: 16px; color: #47698b; display: block; margin-bottom: 5px; }

#contato-bl1 .wpcf7-form input[type="text"],
#contato-bl1 .wpcf7-form input[type="email"],
#contato-bl1 .wpcf7-form input[type="tel"],
#contato-bl1 .wpcf7-form textarea,
#contato-bl1 .wpcf7-form select { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; color: #47698b; background-color: #fff; box-sizing: border-box; }

#contato-bl1 .wpcf7-form input::placeholder,
#contato-bl1 .wpcf7-form textarea::placeholder { color: #999; }

#contato-bl1 .wpcf7-form select { appearance: none; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%2347698B" d="M1 1l5 5 5-5"/></svg>'); background-repeat: no-repeat; background-position: right 12px center; padding-right: 35px; cursor: pointer; }

#contato-bl1 .wpcf7-form select option { color: #47698b; background-color: #fff; padding: 8px; }

/* Container para file + submit */
#contato-bl1 .form-submit-row { display: flex; justify-content: flex-end; align-items: center; gap: 20px; margin-top: 0; position: relative; }

/* Estilização do campo FILE - BL1 */
#contato-bl1 .wpcf7-form input[type="file"] { position: absolute; width: 0; height: 0; opacity: 0; pointer-events: none; }

#contato-bl1 .custom-file-wrapper { margin: 0; position: relative; margin-right: auto; }

#contato-bl1 .custom-file-wrapper .wpcf7-form-control-wrap { display: inline-flex; align-items: center; gap: 10px; padding: 15px 30px; background-color: #707070; color: #ffffff; font-size: 16px; font-weight: 500; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; position: relative; white-space: nowrap; }

#contato-bl1 .custom-file-wrapper .wpcf7-form-control-wrap:hover { background-color: #5a5a5a; }

#contato-bl1 .custom-file-wrapper .wpcf7-form-control-wrap::before { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url('https://nrusinagem.markcom.dev.br/wp-content/uploads/2025/12/file.svg'); background-size: contain; background-repeat: no-repeat; flex-shrink: 0; }

#contato-bl1 .custom-file-wrapper .wpcf7-form-control-wrap::after { content: 'Envie seu documento'; color: #ffffff; }

#contato-bl1 .wpcf7-form input[type="submit"] { background-color: #47698B; color: #fff; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; border: none; padding: 15px 30px; border-radius: 4px; font-size: 18px; width: auto; white-space: nowrap; margin-left: auto; }

#contato-bl1 .wpcf7-form input[type="submit"]:hover { background-color: #365279; }

/* Spinner WPCF7 */
#contato-bl1 .wpcf7-form .wpcf7-spinner { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; }

#contato-bl1 .wpcf7-form .wpcf7-response-output { margin: 0 0 15px 0; padding: 15px; border-radius: 4px; }

#contato-bl1 .wpcf7-form .wpcf7-mail-sent-ok { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }

#contato-bl1 .wpcf7-form .wpcf7-mail-sent-ng { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

/* ==================== CONTATO BL2 ==================== */
#contato-bl2.contato-bl2-bg { background-color: #fff; padding: 80px 0; }

#contato-bl2 img { /*width: 100%; */height: auto; /*display: block; */border-radius: 8px; }

#contato-bl2 h1 { color: #47698B; font-size: 48px; font-weight: 400; margin-bottom: 20px; }

#contato-bl2 p { color: #47698b; font-size: 18px; line-height: 1.6; margin-bottom: 30px; font-weight: 200; }

/* ==================== CONTATO BL2 - CONTACT FORM 7 ==================== */
#contato-bl2 .wpcf7-form { display: flex; flex-direction: column; }

#contato-bl2 .wpcf7-form > p { margin: 0 0 20px 0; }

#contato-bl2 .wpcf7-form label { font-size: 16px; color: #47698b; display: block; margin-bottom: 5px; }

#contato-bl2 .wpcf7-form input[type="text"],
#contato-bl2 .wpcf7-form input[type="email"],
#contato-bl2 .wpcf7-form input[type="tel"],
#contato-bl2 .wpcf7-form input[type="date"],
#contato-bl2 .wpcf7-form select { width: 100%; padding: 12px; border: 1px solid #ccc; border-radius: 4px; font-size: 16px; color: #47698b; background-color: #fff; box-sizing: border-box; }

#contato-bl2 .wpcf7-form input::placeholder { color: #999; }

#contato-bl2 .wpcf7-form select { appearance: none; background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="8" viewBox="0 0 12 8"><path fill="%2347698B" d="M1 1l5 5 5-5"/></svg>'); background-repeat: no-repeat; background-position: right 12px center; padding-right: 35px; cursor: pointer; }

#contato-bl2 .wpcf7-form select option { color: #47698b; background-color: #fff; padding: 8px; }

/* Row para cidade e data ficarem lado a lado */
#contato-bl2 .form-row-two { display: flex; gap: 20px; margin-bottom: 20px; }

#contato-bl2 .form-row-two > p { flex: 1; margin: 0; }

/* Container para file + submit */
#contato-bl2 .form-submit-row { display: flex; justify-content: flex-end; align-items: center; gap: 20px; margin-top: 0; position: relative; }

/* Estilização do campo FILE - BL2 */
#contato-bl2 .wpcf7-form input[type="file"] { position: absolute; width: 0; height: 0; opacity: 0; pointer-events: none; }

#contato-bl2 .custom-file-wrapper { margin: 0; position: relative; margin-right: auto; }

#contato-bl2 .custom-file-wrapper .wpcf7-form-control-wrap { display: inline-flex; align-items: center; gap: 10px; padding: 15px 30px; background-color: #707070; color: #ffffff; font-size: 16px; font-weight: 500; border-radius: 5px; cursor: pointer; transition: background-color 0.3s ease; position: relative; white-space: nowrap; }

#contato-bl2 .custom-file-wrapper .wpcf7-form-control-wrap:hover { background-color: #5a5a5a; }

#contato-bl2 .custom-file-wrapper .wpcf7-form-control-wrap::before { content: ''; display: inline-block; width: 20px; height: 20px; background-image: url('https://nrusinagem.markcom.dev.br/wp-content/uploads/2025/12/file.svg'); background-size: contain; background-repeat: no-repeat; flex-shrink: 0; }

#contato-bl2 .custom-file-wrapper .wpcf7-form-control-wrap::after { content: 'Envie seu currículo'; color: #ffffff; }

#contato-bl2 .wpcf7-form input[type="submit"] { background-color: #47698B; color: #fff; font-weight: bold; cursor: pointer; transition: background-color 0.3s ease; border: none; padding: 15px 30px; border-radius: 4px; font-size: 18px; width: auto; white-space: nowrap; margin-left: auto; }

#contato-bl2 .wpcf7-form input[type="submit"]:hover { background-color: #365279; }

/* Spinner WPCF7 */
#contato-bl2 .wpcf7-form .wpcf7-spinner { position: absolute !important; right: 0 !important; top: 50% !important; transform: translateY(-50%) !important; margin: 0 !important; }

#contato-bl2 .wpcf7-form .wpcf7-response-output { margin: 0 0 15px 0; padding: 15px; border-radius: 4px; }

#contato-bl2 .wpcf7-form .wpcf7-mail-sent-ok { background-color: #d4edda; color: #155724; border: 1px solid #c3e6cb; }

#contato-bl2 .wpcf7-form .wpcf7-mail-sent-ng { background-color: #f8d7da; color: #721c24; border: 1px solid #f5c6cb; }

/* ==================== RESPONSIVO ==================== */

@media (max-width: 1799.5px) {
  #contato-bl1 h1 { font-size: 46px; }
  #contato-bl1 p { font-size: 17px; }
}

@media (max-width: 1599.5px) {
  #contato-bl1 h1 { font-size: 44px; }
}

@media (max-width: 1399.5px) {
  #contato-bl1 h1 { font-size: 42px; }
  #contato-bl1 p { font-size: 16px; }
}

@media (max-width: 1199.5px) {
  #contato-bl1 h1 { font-size: 40px; }
  #contato-bl1 p { font-size: 16px; }
  #contato-bl1 .btn-contato { font-size: 16px; padding: 12px 25px; }
}

@media (max-width: 991.5px) {
  #contato-bl1 { padding: 60px 0; }
  #contato-bl1 h1 { font-size: 38px; }
  #contato-bl1 p { font-size: 15px; }
  #contato-bl2 { padding: 60px 0; }
}

@media (max-width: 767.5px) {
  #contato-bl1 { padding: 50px 0; }
  #contato-bl1 .col-12.col-sm-12.col-md-5.col-lg-5.col-xl-5.col-xxl-5 { margin-bottom: 40px; text-align: center; }
  #contato-bl1 .btn-contato { margin: 0 auto; }
  #contato-bl2 { padding: 50px 0; }
  #contato-bl2 .col-12.col-sm-12.col-md-6.col-lg-6.col-xl-6.col-xxl-6:first-child { margin-bottom: 40px; }
  
  #contato-bl1 .wpcf7-form > p { margin-bottom: 15px; }
  #contato-bl2 .wpcf7-form > p { margin-bottom: 15px; }

  #contato-bl1 .wpcf7-form label,
  #contato-bl2 .wpcf7-form label { font-size: 15px; }

  #contato-bl1 .wpcf7-form input,
  #contato-bl1 .wpcf7-form textarea,
  #contato-bl1 .wpcf7-form select,
  #contato-bl2 .wpcf7-form input,
  #contato-bl2 .wpcf7-form select { padding: 10px; font-size: 15px; }

  #contato-bl1 .form-submit-row,
  #contato-bl2 .form-submit-row { flex-direction: column; gap: 15px; align-items: stretch; }
  
  #contato-bl1 .custom-file-wrapper,
  #contato-bl2 .custom-file-wrapper { margin-right: 0; }
  
  #contato-bl1 .wpcf7-form input[type="submit"],
  #contato-bl2 .wpcf7-form input[type="submit"] { padding: 12px; width: 100%; margin-left: 0; }
  
  #contato-bl1 .custom-file-wrapper .wpcf7-form-control-wrap,
  #contato-bl2 .custom-file-wrapper .wpcf7-form-control-wrap { padding: 10px 25px; font-size: 15px; width: 100%; justify-content: center; }
  
  #contato-bl1 .custom-file-wrapper .wpcf7-form-control-wrap::before,
  #contato-bl2 .custom-file-wrapper .wpcf7-form-control-wrap::before { width: 18px; height: 18px; }
  
  #contato-bl1 .wpcf7-form .wpcf7-spinner,
  #contato-bl2 .wpcf7-form .wpcf7-spinner { position: static !important; transform: none !important; margin: 10px auto !important; display: block !important; }
  
  /* Row em coluna no mobile */
  #contato-bl2 .form-row-two { flex-direction: column; gap: 15px; margin-bottom: 15px; }
}

@media (max-width: 575.5px) {
  #contato-bl1 { padding: 40px 0; }
  #contato-bl1 h1 { font-size: 34px; }
  #contato-bl1 p { font-size: 14px; }
  #contato-bl2 { padding: 40px 0; }
  
  #contato-bl1 .wpcf7-form input,
  #contato-bl1 .wpcf7-form textarea,
  #contato-bl1 .wpcf7-form select,
  #contato-bl2 .wpcf7-form input,
  #contato-bl2 .wpcf7-form select { font-size: 14px; }
  
  #contato-bl1 .custom-file-wrapper .wpcf7-form-control-wrap,
  #contato-bl2 .custom-file-wrapper .wpcf7-form-control-wrap { font-size: 14px; }
}

@media (max-width: 400px) {
  #contato-bl1 h1 { font-size: 30px; }
  #contato-bl1 .btn-contato { font-size: 14px; padding: 10px 20px; }
  
  #contato-bl1 .wpcf7-form input,
  #contato-bl1 .wpcf7-form textarea,
  #contato-bl1 .wpcf7-form select,
  #contato-bl2 .wpcf7-form input,
  #contato-bl2 .wpcf7-form select { font-size: 13px; }
  
  #contato-bl1 .custom-file-wrapper .wpcf7-form-control-wrap,
  #contato-bl2 .custom-file-wrapper .wpcf7-form-control-wrap { padding: 8px 20px; font-size: 13px; }
  
  #contato-bl1 .custom-file-wrapper .wpcf7-form-control-wrap::before,
  #contato-bl2 .custom-file-wrapper .wpcf7-form-control-wrap::before { width: 16px; height: 16px; }
}