/* ============================================================
   AlbiCuidar — Pedido do cliente: Hero SAD + Visite a nossa loja
   ============================================================ */

/* ---------- HERO ROTATIVO SAD ---------- */
.albi-client-hero{
  position:relative;
  min-height:660px;
  overflow:hidden;
  isolation:isolate;
  background:#10285f;
}

.albi-client-hero-slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  transition:opacity .9s ease, visibility .9s ease;
  background-size:cover;
  background-position:center;
  z-index:-3;
}

.albi-client-hero-slide.is-active{
  opacity:1;
  visibility:visible;
}

.albi-client-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  background:linear-gradient(
    90deg,
    rgba(5,20,53,.88) 0%,
    rgba(5,20,53,.72) 42%,
    rgba(5,20,53,.25) 72%,
    rgba(5,20,53,.12) 100%
  );
}

.albi-client-hero::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:5px;
  background:#f26722;
}

.albi-client-hero-inner{
  width:min(1280px,90vw);
  min-height:660px;
  margin:0 auto;
  padding:150px 0 80px;
  display:flex;
  align-items:center;
}

.albi-client-message{
  display:none;
  width:min(650px,100%);
  color:#fff;
  text-shadow:0 2px 18px rgba(0,0,0,.25);
}

.albi-client-message.is-active{
  display:block;
  animation:albiHeroMessageIn .55s ease both;
}

@keyframes albiHeroMessageIn{
  from{opacity:0;transform:translateY(14px)}
  to{opacity:1;transform:none}
}

.albi-client-message .eyebrow{
  display:inline-block;
  margin-bottom:14px;
  color:#ff7a2f;
  font-size:.72rem;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:800;
}

.albi-client-message h1{
  margin:0;
  max-width:700px;
  color:#fff;
  font-size:clamp(3.2rem,6.3vw,6.1rem);
  line-height:.94;
  letter-spacing:-.045em;
  font-weight:800;
}

.albi-client-message p{
  max-width:650px;
  margin:25px 0 0;
  color:rgba(255,255,255,.95);
  font-size:clamp(1rem,1.55vw,1.22rem);
  line-height:1.65;
}

.albi-client-message .albi-client-hero-btn{
  display:inline-flex;
  min-height:48px;
  margin-top:28px;
  padding:0 24px;
  align-items:center;
  justify-content:center;
  border-radius:9px;
  background:#f26722;
  border:1px solid #f26722;
  color:#fff!important;
  text-decoration:none!important;
  font-size:.86rem;
  font-weight:800;
  transition:.18s ease;
}

.albi-client-message .albi-client-hero-btn:hover{
  background:#fff;
  color:#10285f!important;
  transform:translateY(-1px);
}

.albi-client-hero-dots{
  position:absolute;
  left:5vw;
  bottom:28px;
  display:flex;
  gap:9px;
  z-index:3;
}

.albi-client-hero-dot{
  width:10px;
  height:10px;
  border-radius:50%;
  padding:0;
  border:1px solid rgba(255,255,255,.8);
  background:rgba(255,255,255,.28);
  cursor:pointer;
}

.albi-client-hero-dot.is-active{
  background:#f26722;
  border-color:#f26722;
}

/* ---------- VISITE A NOSSA LOJA ---------- */
#produtos .albi-store-section-heading{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:28px;
  width:100%;
}

#produtos .albi-store-section-heading .section-copy{
  flex:1 1 auto;
}

#produtos .albi-store-section-heading h2{
  margin-bottom:8px!important;
}

#produtos .albi-store-section-heading p{
  margin:0!important;
}

.albi-store-view-btn{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:0 20px;
  border-radius:8px;
  background:#10285f;
  border:1px solid #10285f;
  color:#fff!important;
  text-decoration:none!important;
  font-size:.79rem;
  font-weight:800;
  white-space:nowrap;
  transition:.18s ease;
}

.albi-store-view-btn:hover{
  background:#f26722;
  border-color:#f26722;
}

/* ---------- MOBILE FINAL ---------- */
@media(max-width:768px){

  /* Anular referências dos dois fixes mobile anteriores, quando ainda existirem. */
  .albi-client-hero{
    /* O cabeçalho é fixed e tem aproximadamente 106px nesta versão. */
    margin-top:106px!important;
    min-height:calc(100svh - 106px - 52px)!important;
  }

  .albi-client-hero-inner{
    width:100%!important;
    min-height:calc(100svh - 106px - 52px)!important;
    padding:36px 20px 72px!important;
    display:flex!important;
    align-items:flex-start!important;
  }

  .albi-client-hero::before{
    background:linear-gradient(
      0deg,
      rgba(5,20,53,.96) 0%,
      rgba(5,20,53,.86) 48%,
      rgba(5,20,53,.46) 74%,
      rgba(5,20,53,.18) 100%
    )!important;
  }

  .albi-client-hero-slide{
    background-position:62% center!important;
  }

  .albi-client-message{
    width:100%!important;
    max-width:100%!important;
  }

  .albi-client-message .eyebrow{
    margin-bottom:9px;
    font-size:.64rem;
  }

  .albi-client-message h1{
    max-width:100%;
    font-size:clamp(2.55rem,11.7vw,3.4rem)!important;
    line-height:.98!important;
    letter-spacing:-.035em!important;
  }

  .albi-client-message p{
    max-width:100%;
    margin-top:20px;
    font-size:.94rem!important;
    line-height:1.62!important;
  }

  .albi-client-message .albi-client-hero-btn{
    width:210px!important;
    min-height:44px!important;
    margin:24px auto 0!important;
    padding:10px 16px!important;
    display:flex!important;
    font-size:.78rem!important;
  }

  .albi-client-hero-dots{
    left:20px!important;
    bottom:22px!important;
  }

  #produtos .albi-store-section-heading{
    align-items:flex-start;
    flex-direction:column;
    gap:15px;
  }

  .albi-store-view-btn{
    min-height:43px;
    padding:0 17px;
  }
}

@media(max-width:390px){
  .albi-client-hero{
    margin-top:102px!important;
    min-height:calc(100svh - 102px - 52px)!important;
  }

  .albi-client-hero-inner{
    min-height:calc(100svh - 102px - 52px)!important;
    padding:31px 17px 66px!important;
  }

  .albi-client-message h1{
    font-size:clamp(2.2rem,10.7vw,2.8rem)!important;
  }

  .albi-client-message p{
    font-size:.88rem!important;
  }

  .albi-client-message .albi-client-hero-btn{
    width:190px!important;
    min-height:42px!important;
    font-size:.74rem!important;
  }
}