/* Ajustes — formulário enxuto (app) sobre layout nova-cotacao */

/* Banner: garante gradiente azul mesmo com URL amigável ou script Power CRM */
.banner.pwrBackColor,
section.banner {
  background: #177ef3 !important;
  background: -moz-linear-gradient(top, var(--corDefault, #177ef3) 0%, var(--corDefaultDark, #0064d6) 100%) !important;
  background: -webkit-linear-gradient(top, var(--corDefault, #177ef3) 0%, var(--corDefaultDark, #0064d6) 100%) !important;
  background: linear-gradient(to bottom, var(--corDefault, #177ef3) 0%, var(--corDefaultDark, #0064d6) 100%) !important;
}

header.header-page .container img.pwrImgLogo {
  display: block;
  max-height: 90px;
  max-width: 200px;
}

/* —— Formulário —— */
.cotacao-form-box > span {
  margin-bottom: 24px;
}

.cotacao-form-enxuto .group-form {
  margin-bottom: 16px;
}

.cotacao-form-enxuto .group-form:last-child {
  margin-bottom: 0;
}

.cotacao-form-enxuto .group-form label {
  display: block;
  margin-bottom: 6px;
}

.cotacao-form-enxuto .group-form input[type='text'],
.cotacao-form-enxuto .group-form input[type='tel'] {
  margin-top: 0;
}

.cotacao-form-enxuto .group-form .box-input {
  margin-top: 8px;
}

.group-form label small {
  color: #a9b1bb;
  font-weight: normal;
  font-family: 'regular', Arial, Helvetica, sans-serif;
}

.form-feedback {
  display: none;
  padding: 12px 14px;
  border-radius: 6px;
  font-size: 1.4rem;
  margin-bottom: 16px;
  font-family: 'medium', Arial, Helvetica, sans-serif;
}

.form-feedback.success {
  display: block;
  background: #e8f8ef;
  color: #1e7e45;
  border: 1px solid #b8e6c8;
}

.form-feedback.error {
  display: block;
  background: #fdecea;
  color: #c0392b;
  border: 1px solid #f5c6cb;
}

.cotacao-form-enxuto .button {
  margin-top: 8px;
}

.button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

/* —— Banner: respiro entre título, parágrafo e passos —— */
.banner .container header .text-banner h1 {
  margin-bottom: 16px;
}

.banner .container header .text-banner p {
  margin-top: 0;
  line-height: 1.5;
}

.banner .container + .container {
  padding-top: 24px;
  padding-bottom: 40px;
}

.banner .box-banner .text-box span {
  display: block;
  margin-bottom: 8px;
}

.banner .box-banner p {
  margin-top: 8px;
  line-height: 1.45;
}

/* —— Seções de conteúdo —— */
.section-boxs .title-section,
.section-list .title-section {
  margin-bottom: 48px;
}

.section-boxs .title-section p,
.section-list .title-section p {
  margin-top: 12px;
  line-height: 1.45;
}

.lists-box li .text-list-box p {
  margin-top: 12px;
  line-height: 1.5;
}

.lists li .description p {
  line-height: 1.5;
}

.section-call-to-action .container h2 {
  margin-bottom: 12px;
}

.section-call-to-action .container p {
  line-height: 1.45;
}

/* —— Rodapé sem Power CRM —— */
.footer-page .container footer.cotacao-footer-inner {
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px 0;
}

.footer-page .container footer.cotacao-footer-inner p.pwrContentName {
  margin: 0;
  text-align: center;
  line-height: 1.4;
}

/* —— Modal —— */
.modal-content .box-call-to-action-form.cotacao-form-box {
  padding: 0;
}

.modal-content .cotacao-form-box > span {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .banner .container header .box-call-to-action-form.cotacao-form-box {
    margin-left: 0;
  }

  .banner .container + .container {
    padding-top: 16px;
  }
}

@media (max-width: 600px) {
  .banner .container header .text-banner {
    margin-bottom: 24px;
  }

  .footer-page .container footer.cotacao-footer-inner p.pwrContentName {
    text-align: center;
  }
}

.modal.show {
  display: block;
}

.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
}