/* =========================================================================
   HADASSA FRIZZAS — camada de personalização sobre o layout base
   Carregado DEPOIS de ever-april.webflow.shared.css (vence na cascata).
   ========================================================================= */

@import url("hadassa-brand.css");

/* ---------- assinatura de marca (substitui os logos SVG da referência) -- */
.hadassa-mark{
  font-family:Bradfordll,Georgia,serif;
  letter-spacing:.02em;
  line-height:1;
  color:currentColor;
  white-space:nowrap;
}
.hadassa-mark.is-logo{
  font-size:1.6rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-family:Maax,Arial,sans-serif;
  font-weight:300;
}
.hadassa-mark.is-nav{
  font-size:1.1rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-family:Maax,Arial,sans-serif;
  font-weight:300;
  opacity:.55;
}
.hadassa-mark.is-inline{
  font-size:1.15rem;
  letter-spacing:.34em;
  text-transform:uppercase;
  font-family:Maax,Arial,sans-serif;
  font-weight:400;
}
.hadassa-mark.is-card{
  font-size:1rem;
  letter-spacing:.26em;
  text-transform:uppercase;
  font-family:Maax,Arial,sans-serif;
  font-weight:400;
}
.hadassa-mark.is-loader,
.hadassa-mark.is-footer{
  font-size:clamp(2.2rem,6vw,4.4rem);
  letter-spacing:.18em;
  text-transform:uppercase;
  font-family:Maax,Arial,sans-serif;
  font-weight:300;
}
.hadassa-sub{
  margin-top:.5rem;
  font-size:.72rem;
  letter-spacing:.42em;
  text-transform:uppercase;
  opacity:.7;
}

.hadassa-loader{
  height:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  color:#fff;
  text-align:center;
}
.hadassa-footer-mark{
  color:currentColor;
  height:auto;
  display:block;
}
.hadassa-footer-mark .hadassa-sub{margin-top:.75rem}

/* headings que eram imagens do logotipo (color:#0000 no CSS base) --------- */
.heading-large.hadassa-heading-text,
.hadassa-heading-text{
  color:currentColor;
  display:flex;
  align-items:center;
  font-family:Maax,Arial,sans-serif;
  font-weight:300;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-size:clamp(1.4rem,3.4vw,3rem);
  white-space:nowrap;
}
.heading-large.rotate-text.hadassa-heading-text{
  height:4.5vw;
  min-height:2.5rem;
  align-self:flex-start;
}

/* ---------- 1ª dobra: fundo com a foto da Hadassa ----------------------- */
.header83-image-background{
  background-image:
    linear-gradient(180deg,transparent 37%,var(--color--background) 66%),
    radial-gradient(circle farthest-corner at 50% 0%,#0e0a0780 19%,transparent),
    url("../imagens/Whats-App-Image-2026-05-14-at-00-34-53-(1).jpg");
  background-position:50% 0,0 0,50% 8%;
  background-size:cover,cover,cover;
  background-repeat:no-repeat;
}
@media (max-width:767px){
  .header83-image-background{
    background-image:
      linear-gradient(180deg,transparent 29%,var(--color--background) 49%),
      linear-gradient(to bottom,transparent,transparent),
      url("../imagens/Whats-App-Image-2026-05-14-at-00-34-53-(1).jpg");
    background-position:50% 0,0 0,50% 6%;
  }
}

/* ---------- 2ª dobra: carrossel de serviços ----------------------------- */
.tricks-slider_text{
  color:#fff;
  font-family:Maax,Arial,sans-serif;
  font-weight:300;
  text-transform:uppercase;
  letter-spacing:.04em;
  text-align:center;
  max-width:86%;
  font-size:clamp(1.25rem,3vw,2.9rem);
  line-height:1.1;
  text-wrap:balance;
  text-shadow:0 .12em .6em rgba(0,0,0,.45);
}
.tricks-slider_flex{padding:0 6%}
.tricks-slider_wrap{background-color:var(--hd-brown-soft)}

/* ---------- galeria "a arte da Beleza Discreta" ------------------------- */
.header80_image.is-work{
  object-fit:cover;
  aspect-ratio:auto;
}

/* ---------- slideshow que substituiu o vídeo (serviços personalizados) -- */
.hadassa-slideshow{
  position:absolute;
  inset:0;
  overflow:hidden;
  background:var(--hd-brown-soft);
}
.hadassa-slideshow .hd-slide{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:0;
  animation:hd-cross 12s infinite;
}
.hadassa-slideshow .hd-slide:nth-child(1){animation-delay:0s}
.hadassa-slideshow .hd-slide:nth-child(2){animation-delay:6s}
@keyframes hd-cross{
  0%   {opacity:0;transform:scale(1.09)}
  6%   {opacity:1}
  50%  {opacity:1;transform:scale(1)}
  56%  {opacity:0}
  100% {opacity:0;transform:scale(1.09)}
}
@media (prefers-reduced-motion:reduce){
  .hadassa-slideshow .hd-slide{animation:none}
  .hadassa-slideshow .hd-slide.is-active{opacity:1;transform:none}
}

/* ---------- bloco "Quem está por trás do seu cuidado?" ------------------ */
.layout517_image.is-portrait{object-position:50% 25%}
.hadassa-signature{
  margin-top:1.25rem;
  font-family:Bradfordll,Georgia,serif;
  font-size:1.5rem;
  letter-spacing:.04em;
  opacity:.9;
}

/* ---------- bloco de localização (novo) --------------------------------- */
.section_hadassa-local{
  background-color:var(--color--background);
  color:var(--color--text);
}
.hd-local{
  display:grid;
  grid-template-columns:1fr 1.15fr;
  gap:3rem;
  align-items:stretch;
}
.hd-local_info{
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:.35rem;
}
.hd-local_info h2{margin:0 0 1.25rem}
.hd-local_row{
  margin:0 0 .75rem;
  font-size:1rem;
  line-height:1.6;
  opacity:.85;
}
.hd-local_info .button-group{margin-top:1.5rem}
.hd-local_map{
  min-height:24rem;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.18);
}
.hd-local_map iframe{
  width:100%;
  height:100%;
  min-height:24rem;
  border:0;
  display:block;
  filter:grayscale(.35) contrast(1.05);
}
@media (max-width:991px){
  .hd-local{grid-template-columns:1fr;gap:2rem}
}

/* ---------- ajustes finos ---------------------------------------------- */
.header115_content-right-copy .heading-large.hadassa-heading-text{justify-content:flex-end}
.image-10{width:100%;height:auto;object-fit:cover;aspect-ratio:16/10}
