/* Styles for the 2026 site copy update (Home sections, flow, FAQ, header CTA).
   Loaded after main.css and responsive.css. Brand colors come from main.css:
   pink #EC2960 (.top-feature), purple #48314F (.top-feature2, .ehpravoce). */

/* ---------- Call to action ---------- */

.btn-cta,
.btn-cta:focus {
  background: #EC2960;
  color: #fff;
  border: none;
  border-radius: 4px;
  font-weight: 600;
}

.btn-cta:hover,
.btn-cta:active {
  background: #c81d4f;
  color: #fff;
}

/* Header: tablet and desktop */
.navbar-inverse .navbar-nav > li > a.navbar-cta {
  background: #EC2960;
  font-weight: 600;
  margin-left: 8px;
}

.navbar-inverse .navbar-nav > li > a.navbar-cta:hover,
.navbar-inverse .navbar-nav > li > a.navbar-cta:focus {
  background: #c81d4f;
}

/* Header: mobile, next to the menu button */
.navbar-cta-mobile {
  float: right;
  margin: 8px 8px 0 0;
  padding: 6px 12px;
  font-size: 14px;
}

/* ---------- Hero ---------- */

/* Dark panel behind the hero text so it stays readable on the photo */
.home-hero .carousel-content {
  background: rgba(72, 49, 79, .85); /* #48314F */
  border-radius: 6px;
  padding: 25px 30px 15px;
}

.home-hero .carousel-content h1 {
  margin-top: 0;
  font-size: 34px;
  line-height: 1.25;
  color: #fff;
  text-transform: none;
}

.home-hero .carousel-content h2 {
  font-size: 18px;
  line-height: 1.5;
  margin-bottom: 25px;
}

.home-hero-note {
  color: #fff;
  font-size: 14px;
  opacity: .9;
}

/* ---------- Generic sections ---------- */

.home-section {
  padding: 60px 0;
  background: #fff;
}

.home-section-alt {
  background: #f5f5f5;
}

.home-section-dark {
  background: #48314F;
  color: #fff;
}

.home-section.home-section-dark .home-title,
.home-section.home-section-dark .lead,
.home-section.home-section-dark .home-text {
  color: #fff;
}

.home-section .home-title {
  font-size: 32px;
  line-height: 1.25;
  color: #48314F;
  margin: 0 0 20px;
}

.home-text {
  font-size: 17px;
  line-height: 1.6;
  margin-bottom: 15px;
}

.home-cta-band {
  margin-top: 30px;
}

.home-cta-band p {
  margin-top: 15px;
}

/* ---------- Flow: clientes > pedidos > pagamentos > estoque > recompra ---------- */

.home-flow-steps {
  list-style: none;
  margin: 30px 0 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
}

.home-flow-step {
  position: relative;
  flex: 1 1 0;
  padding: 0 12px;
  text-align: center;
}

/* Arrow between steps */
.home-flow-step:after {
  content: "\f054"; /* fa-chevron-right */
  font-family: FontAwesome;
  position: absolute;
  top: 30px;
  right: -8px;
  color: #EC2960;
  font-size: 18px;
}

/* No arrow after the last step on desktop, its text already says the cycle restarts */
.home-flow-step:last-child:after {
  display: none;
}

.home-flow-icon {
  display: inline-block;
  width: 76px;
  height: 76px;
  line-height: 76px;
  border-radius: 50%;
  background: #EC2960;
  color: #fff;
  font-size: 32px;
}

.home-flow-step h3 {
  font-size: 20px;
  color: #48314F;
  margin: 15px 0 8px;
}

.home-flow-step p {
  font-size: 15px;
  line-height: 1.5;
}

/* ---------- Advantages cards ---------- */

/* Flex grid so cards of different heights line up and the last row is centered */
.home-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.home-cards > [class*="col-"] {
  float: none;
  display: flex;
}

.home-card {
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 6px;
  padding: 25px;
  margin-bottom: 30px;
  width: 100%;
}

.home-card i {
  font-size: 32px;
  color: #EC2960;
}

.home-card h3 {
  font-size: 19px;
  color: #48314F;
  margin: 12px 0 8px;
}

.home-card p {
  font-size: 15px;
  line-height: 1.5;
  margin: 0;
}

/* ---------- Testimonial ---------- */

.home-quote {
  border: none;
  margin: 20px 0 0;
  padding: 0;
}

.home-quote i {
  font-size: 30px;
  color: #EC2960;
}

.home-quote p {
  font-size: 21px;
  line-height: 1.5;
  font-style: italic;
  color: #fff;
  margin-top: 10px;
}

/* ---------- Why Movecash ---------- */

.home-why-items h3 {
  font-size: 19px;
  color: #48314F;
  font-weight: 600;
  text-transform: uppercase;
  margin: 20px 0 8px;
}

.home-why-items h3 i {
  color: #EC2960;
  margin-right: 6px;
}

.home-why-items p {
  font-size: 16px;
  line-height: 1.6;
}

/* ---------- FAQ ---------- */

.home-faq details {
  border-bottom: 1px solid #e6e6e6;
  padding: 18px 0;
}

.home-faq summary {
  cursor: pointer;
  font-size: 18px;
  font-weight: 600;
  color: #48314F;
  list-style: none;
  position: relative;
  padding-right: 30px;
}

.home-faq summary::-webkit-details-marker {
  display: none;
}

.home-faq summary:after {
  content: "\f067"; /* fa-plus */
  font-family: FontAwesome;
  position: absolute;
  right: 0;
  top: 2px;
  color: #EC2960;
}

.home-faq details[open] summary:after {
  content: "\f068"; /* fa-minus */
}

.home-faq details p {
  font-size: 16px;
  line-height: 1.6;
  margin: 12px 0 0;
}

/* ---------- Pricing card ---------- */

.pricing-area .heading-one small {
  font-size: 14px;
  opacity: .9;
}

/* ---------- Tablet ---------- */

@media (max-width: 991px) {
  .home-flow-steps {
    flex-wrap: wrap;
    justify-content: center;
  }

  .home-flow-step {
    flex: 0 0 33.33%;
    margin-bottom: 30px;
  }

  .home-flow-step:after {
    display: none;
  }
}

/* ---------- Mobile ---------- */

@media (max-width: 767px) {
  #main-slider.home-hero .carousel .carousel-content {
    margin-top: 30px;
  }

  .home-hero .carousel-content h1 {
    font-size: 26px;
  }

  .home-hero .carousel-content h2 {
    font-size: 16px;
  }

  .home-section {
    padding: 40px 0;
  }

  .home-section .home-title {
    font-size: 25px;
  }

  .home-text {
    font-size: 16px;
  }

  /* Flow becomes a vertical timeline: icon + text per row, joined by a line */
  .home-flow-steps {
    display: block;
  }

  .home-flow-step {
    display: flex;
    align-items: flex-start;
    text-align: left;
    padding: 0 0 25px;
  }

  .home-flow-icon {
    flex: 0 0 56px;
    width: 56px;
    height: 56px;
    line-height: 56px;
    font-size: 24px;
    margin-right: 16px;
    text-align: center;
    position: relative;
    z-index: 1;
  }

  .home-flow-step h3 {
    margin-top: 4px;
  }

  .home-flow-step p {
    margin: 0;
  }

  /* Connector line from this step's icon down to the next one */
  .home-flow-step:after {
    display: block;
    content: "";
    top: 56px;
    bottom: 0;
    left: 27px;
    right: auto;
    width: 2px;
    background: #f5a3bb;
  }

  .home-flow-step:last-child:after {
    display: none;
  }

  .home-cards > [class*="col-"] {
    width: 100%;
  }

  .home-quote p {
    font-size: 18px;
  }
}