/***************************************************************************************************
 ** System ...........: Maketing - HOT SITE
 ** Program ..........: hsCampaign.css
 ** Purpose ..........: CSS style file for hsCampaign.php
 ** Creation Date ....: Jun 10, 2025
 ** Last Update ......: Jul 30, 2025
 ** -----------------------------------------------------------------------------------------------
 **                     ╔══╗       ╔══╗  ╔╗╔═══╦═══╗+
 **                     ║══╬═╦╗╔╗╔═╬╗╔╩╦═╣╚╣╔═╗║╔═╗║
 **                     ╠══║╩╣╚╣╚╣╬╚╣║╩╣═╣║║║║║╠╝╔╝║
 **                     ╚══╩═╩═╩═╩══╩╩═╩═╩╩╣╚═╝║ ║╔╝
 **                        By SellaTech07  ╚═══╝ ╚╝
 ** ---- Change Log -------------------------------------------------------------------------------
 ** Mmm dd, yyyy (ST07): comments...
 ***************************************************************************************************/

@font-face {
  font-family: "Montserrat-Regular";
  src: url("fonts/Montserrat-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Montserrat-Bold";
  src: url("fonts/Montserrat-Bold.ttf");
  font-weight: normal;
  font-style: normal;
}

body { font-family: "Montserrat-Regular", Helvetica, Arial, sans-serif; }

h1, h2, b, strong { font-family: "Montserrat-Bold", Helvetica, Arial, sans-serif; font-weight: normal; }

a { color: inherit; text-decoration: underline; }

label { font-weight: bold; }

.fs-7 { font-size: .8rem !important; }
.fs-8 { font-size: .7rem !important; }
.fs-9 { font-size: .5rem !important; }
.form-control { font-size: .9rem !important; }

.hide { display: none; }

.container-fluid.main {
  color: #000000;
  padding-bottom: 1rem;
}

.container-fluid.main h2 {
  font-size: 1.2rem;
  line-height: 1.5;
  padding: 0;
  margin: 0;
}

.como-funciona .passos {
  list-style: none;
  counter-reset: li;
  padding: 0;
  display: flex;
  align-items: flex-start;
}

.como-funciona .passos li {
  counter-increment: li;
  font-size: 14px;
  align-items: center;
  width: 25%;
  color: #000000;
  padding: 0 8px;
  text-align: center;
}

.como-funciona .passos li:before {
  /* content: counter(li); */
  display: inline-table;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  border: 2px solid #000000;
  border-radius: 28px;
  width: 25px;
  height: 25px;
  text-align: center;
  margin-top: auto;
  margin-bottom: auto;
}

.como-funciona .passos li .icon {
  width: auto;
  height: auto;
  max-width: 66px;
  max-height: 66px;
  margin: 15px;
}

.info-box {
  color: #ffffff;
  background-color: #e72943;
  /* background: url("../img/bg-right.jpg") no-repeat; */
  background-size: cover;
  border-radius: 10px;
  text-align: center;
  padding-top: 10px;
}
.info-box h2 {
  color: #ffffff;
  font-weight: bold;
}

p.small {
  font-size: 11px;
}

.atendimento {
  background-color: #E7E4E4;
}

.btn-link,
.btn-link:active,
.btn-link:hover {
  color: #64131E;
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 1.8rem;
  }
  h2 {
    font-size: 1.2rem;
    line-height: 97px;
    text-align: center;
  }
  .container-fluid.main {
    padding-bottom: 5rem;
  }
  .como-funciona {
    min-height: auto;
  }
  .como-funciona .passos {
    list-style: none;
    counter-reset: li;
    padding: 0;
    display: flex;
    align-items: flex-start;
  }
  .como-funciona .passos li {
    font-size: 12px;
  }
  .como-funciona .passos li .icon {
    width: auto;
    height: auto;
    max-width: 40px;
    max-height: 40px;
    margin: 15px;
  }
  .disclaimer {
    position: absolute;
    bottom: 0;
  }
  .disclaimer p {
    margin: 0;
  }
}

/* ---- BS Alert & Dialog ----------------------------------------------------------------------- */
.alert { position: fixed; left: 50%; z-index: 1060; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.alert-top { top: 3.45rem; }
.alert-mid { top: 50%; margin: 0; }
.alert-bot { bottom: 0; }
.btn-close { --bs-btn-close-bg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h12zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2z'/%3E%3Cpath d='M4.646 4.646a.5.5 0 0 1 .708 0L8 7.293l2.646-2.647a.5.5 0 0 1 .708.708L8.707 8l2.647 2.646a.5.5 0 0 1-.708.708L8 8.707l-2.646 2.647a.5.5 0 0 1-.708-.708L7.293 8 4.646 5.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E"); }
.alert-dismissible .btn-close { padding: 0.5rem 0.5rem; }
@media screen and (max-width: 600px) { .alert { min-width: 80%; } .alert-top { top: 6.25rem; } }
.modal-dlg {
   .modal-body { padding: 2rem 0.73rem; }
   .modal-header { background-color: #ddd; padding: 0.46rem 0.46rem; text-align: center !important; display: initial; }
   .modal-footer { padding: 0.28rem 0.28rem; }
   .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.25rem; }
}
/* ---------------------------------------------------------------------------------------------- */