/* GERADO por build-theme.mjs — ajustes feitos no projeto (grade, botão, fotos) */

/* 1ª alteração — procedimentos médicos em caixas iguais */
.bia-grid-proc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;width:100%;align-items:stretch}
.elementor .bia-grid-proc .bia-proc-box{height:100%;gap:12px;align-items:flex-start;
  padding:20px 22px;border-radius:5px;border:1px solid #e6dfd78f;border-bottom:3px solid var(--cor-borda-destaque,rgba(134,121,107,.56));
  background-image:linear-gradient(135deg,#f6f2ee 0%,#e9e1d7 100%);
  box-shadow:0 6px 12px 0 rgba(107,107,107,.13)}
.bia-grid-proc .bia-proc-box .e-svg-base{flex:0 0 auto;margin-block-start:4px}
.bia-grid-proc .bia-proc-box .elementor-heading-title{font-size:1.25rem;line-height:160%}
@media(max-width:1024px){.bia-grid-proc{grid-template-columns:1fr}}

/* 2ª alteração — imagens alinhadas com os cards de texto */
@media(min-width:1025px){
  .elementor .e-102bda1-e7692f7{align-items:stretch}
  .elementor .e-f76f911-3c36a4a{align-items:stretch;justify-content:space-between;gap:20px}
  .elementor .e-f76f911-3c36a4a > img{width:100%;max-width:none;height:100%;min-height:0;object-fit:cover;border-radius:10px}
  .elementor .e-f1f2457-bcd6a2f{flex:1 1 44%;max-height:none}
  .elementor .e-8975d4c-fb09cce{flex:1 1 26%}
  .elementor .bia-duo{flex:1 1 30%}
}
/* par de fotos: sala de terapia capilar + sala da esteticista, lado a lado */
.elementor .bia-duo{display:flex;gap:12px;width:100%;max-width:none;min-height:0}
.elementor .bia-duo img{width:calc(50% - 6px);height:100%;min-height:0;object-fit:cover;border-radius:10px;
  box-shadow:0 5px 10px 0 rgba(97,97,97,.10),0 18px 18px 0 rgba(97,97,97,.09),0 41px 24px 0 rgba(97,97,97,.05),0 72px 29px 0 rgba(97,97,97,.01)}
.elementor .bia-card-terapeuta{min-height:0}
/* no tablet/celular as 3 fotos ficavam espremidas lado a lado (~110px) */
@media(max-width:1024px){
  /* align-items:flex-start: com stretch as fotos esticavam e saíam da proporção */
  .elementor .e-f76f911-3c36a4a{flex-wrap:wrap;gap:10px;justify-content:center;align-items:flex-start}
  .elementor .e-f76f911-3c36a4a > img{border-radius:10px;height:auto;object-fit:contain}
  .elementor .e-f1f2457-bcd6a2f{width:100%;max-width:100%;max-height:none}
  /* o CSS de tablet/celular do Elementor inclinava a foto da recepção em 5° e a
     jogava para o fim da coluna; aqui ela fica reta e na mesma ordem do desktop */
  .elementor .e-8975d4c-fb09cce{width:100%;max-width:100%;max-height:none;transform:none;order:0}
  .elementor .bia-duo{width:100%;max-width:100%}
}


/* botão flutuante do WhatsApp */
.bia-whats{position:fixed;right:20px;bottom:20px;z-index:9999;width:56px;height:56px;border-radius:50%;
  display:flex;align-items:center;justify-content:center;background:#25d366;color:#fff;
  box-shadow:0 6px 16px rgba(0,0,0,.22);transition:transform .25s ease,box-shadow .25s ease}
.bia-whats:hover,.bia-whats:focus-visible{transform:translate3d(0,-4px,0);box-shadow:0 10px 22px rgba(0,0,0,.26)}
@media(max-width:767px){.bia-whats{right:14px;bottom:14px;width:52px;height:52px}}
@media print{.bia-whats{display:none}}

/* "O que esperar da sua consulta": grade estática (antes era faixa horizontal presa) */
.elementor #atend.container-cards{height:auto!important;min-height:0;max-height:none;overflow:visible;
  padding-block-end:5rem}
.elementor .cards{min-width:0!important;width:100%;transform:none!important;will-change:auto;
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:40px 32px;align-items:start}
.elementor .cards > .card{min-width:0!important;width:auto!important;height:100%;grid-column:span 2}
/* com 5 passos, a última linha fica centralizada */
.elementor .cards > .card:nth-last-child(2){grid-column:2/span 2}
.elementor .cards > .card:last-child{grid-column:4/span 2}
/* entrada em cascata */
.elementor .cards > .card:nth-child(2){transition-delay:.08s}
.elementor .cards > .card:nth-child(3){transition-delay:.16s}
.elementor .cards > .card:nth-child(4){transition-delay:.24s}
.elementor .cards > .card:nth-child(5){transition-delay:.32s}
@media(max-width:1024px){
  .elementor .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}
  .elementor .cards > .card,
  .elementor .cards > .card:nth-last-child(2),
  .elementor .cards > .card:last-child{grid-column:auto}
  .elementor #atend.container-cards{padding-block-end:4rem}
}
@media(max-width:767px){
  .elementor .cards{grid-template-columns:1fr;gap:28px}
  .elementor .cards > .card{min-width:0!important}
}
@media(prefers-reduced-motion:reduce){.elementor .cards > .card{transition-delay:0s!important}}


/* Atomik: figma-css-mu4fv96k */
.destaque {
  font-weight:600;
  color:#4f433b;
}

.destaque-2 {
  font-weight:700;
  color:#4f433b;
}

/* Atomik: atomik-overflow-clip */
html, body {
    width: 100%;
    overflow-x: clip;
}

[data-elementor-type="wp-page"],
[data-elementor-type="wp-post"] {
    overflow: clip;
}

/* Atomik: figma-css-mu4g2bic */
.destaque-3 {
  font-weight:600;
  font-style:italic;
  color:#4f433b;
}

/* Atomik: figma-css-mu4g72vj */
.fonte {
  font-family:'Cormorant Garamond';
  font-weight:600;
  font-style:italic;
  color:#514841;
}

.fonte-2 {
  font-family:'Cormorant Garamond';
  color:#514841;
}

.fonte-3 {
  font-family:'Darker Grotesque';
  color:#514841;
}

.fonte-4 {
  font-family:'Darker Grotesque';
  font-weight:600;
  color:#514841;
}

/* Atomik: figma-css-mu4h1me3 */
.destaque-4 {
  font-weight:600;
  font-style:italic;
  color:#fbf9f9;
}

/* Atomik: figma-css-mu4n8mch */
.destaque-5 {
  font-weight:600;
  font-style:italic;
  color:#514841;
}

.destaque-6 {
  font-weight:600;
  color:#514841;
}

.destaque-7 {
  font-weight:400;
  color:#514841;
}

/* Atomik: scrollbar */
@-moz-document url-prefix() {
  html, body { scrollbar-width: thin; scrollbar-color: #CFC4B7 #F2EEED; }
}
html::-webkit-scrollbar, body::-webkit-scrollbar { width: 10px; height: 10px; }
html::-webkit-scrollbar-track, body::-webkit-scrollbar-track { background: #F2EEED; }
html::-webkit-scrollbar-thumb, body::-webkit-scrollbar-thumb { background: #CFC4B7; border-radius: 8px; border: 2px solid transparent; background-clip: padding-box; }
html::-webkit-scrollbar-thumb:hover, body::-webkit-scrollbar-thumb:hover { background: #8E8172; background-clip: padding-box; }

/* Atomik: figma-css-mu5hp3hf */
.destaque-8 {
  font-weight:500;
  font-style:italic;
  color:#fbf9f9;
}


/* atomik-entrada-1:start */
/* atomik-fp:y:30-0|opacity:0-1|d0.5|eease-in-out|rm15|rep */
.atomik-entrada-1{opacity:0;transform:translateY(30px);transition:0.3s ease,0.3s ease;will-change:transform,opacity,filter}.elementor-editor-active .atomik-entrada-1,.atomik-entrada-1.ativo{opacity:1;transform:translateY(0px);transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out}@media(prefers-reduced-motion:reduce){.atomik-entrada-1{transition:none!important;transform:none!important;opacity:1!important;filter:none!important;will-change:auto!important}}
/* atomik-entrada-1:end */
/* atomik-entrada-2:start */
/* atomik-fp:x:-40-0|opacity:0-1|d0.5|eease-in-out|rm15|rep */
.atomik-entrada-2{opacity:0;transform:translateX(-40px);transition:0.3s ease,0.3s ease;will-change:transform,opacity,filter}.elementor-editor-active .atomik-entrada-2,.atomik-entrada-2.ativo{opacity:1;transform:translateX(0px);transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out}@media(prefers-reduced-motion:reduce){.atomik-entrada-2{transition:none!important;transform:none!important;opacity:1!important;filter:none!important;will-change:auto!important}}
/* atomik-entrada-2:end */
/* atomik-entrada-3:start */
/* atomik-fp:x:40-0|opacity:0-1|d0.5|eease-in-out|rm15|rep */
.atomik-entrada-3{opacity:0;transform:translateX(40px);transition:0.3s ease,0.3s ease;will-change:transform,opacity,filter}.elementor-editor-active .atomik-entrada-3,.atomik-entrada-3.ativo{opacity:1;transform:translateX(0px);transition:opacity 0.5s ease-in-out,transform 0.5s ease-in-out}@media(prefers-reduced-motion:reduce){.atomik-entrada-3{transition:none!important;transform:none!important;opacity:1!important;filter:none!important;will-change:auto!important}}
/* atomik-entrada-3:end */
