/* * ==================== HEADER ==================== */

@media screen and (min-width: 992px) {
  header {position: fixed; top: 0; width: 100%; z-index: 10;}
  header:is(.headerFixed) {background: var(--dark);}
  header .logo-desktop {object-fit: contain; width: 100px; padding: .5rem;}
  header .nav-link {font-size: 14px; color: #fff; font-weight: 600; position: relative;}
  header .nav-link:is(.active), header .nav-link:hover {color: var(--light);--bs-navbar-active-color: var(--light)} 
  header .nav-link::before {content: ''; width: 0; height: 2px; display: block; background: var(--light); position: absolute; bottom: 0; left: 5%; transition: .3s;}
  header .nav-link:hover::before, header .nav-link:focus-visible::before, header .nav-link.active::before {width: 90%;}
}
@media screen and (max-width: 768px) {
  header {position: sticky; top: 0;  z-index: 10; background: var(--dark);}
  header .logo-desktop,header .logo-mobile-menu{width:160px;}
  header .btn-close {filter: brightness(0) invert(1);}
}
header .logo-desktop,header .logo-mobile-menu{margin:1rem 0;filter: brightness(0) invert(1);}
/* * ================== FIM HEADER ================== */

/* ? ==================== FOOTER ==================== */
footer{background-color: #11171E;}
footer .logo-desktop{max-width:220px;filter:brightness(0) invert(1);object-fit: contain;}
footer .social {justify-content: center;}
footer .btn-social-footer:hover, footer .btn-social-footer:focus {color: var(--secondary-color);}
footer h3{margin-top:0;font-size:18px;color: #A9A9A9}
footer .footer__nav li a:not(.btn){display:block;padding:5px 0;font-size:16px;color:var(--light);transition:.3s}
footer .footer__nav li a i{font-size:10px}
footer .footer__nav li a:hover{color:var(--secondary-color)}
footer .address :is(span,a):not(.btn){font: .925rem/22px var(--primary-font);line-height:25px;transition:.3s}
footer .address a:not(.btn):hover{color:var(--secondary-color)}
footer .footer-map {width: 100%; height: 150px;}
@media screen and (max-width: 768px) {footer .footer-map {width: 80%; height: 150px;}}
.copyright-footer .btn.selos { min-height: unset; }

/* ? ================== FIM FOOTER ================== */

.card.card--23{all:unset;display:flex;flex-flow:column nowrap;gap:1rem;align-items:flex-start;justify-content:space-between;background-color:var(--dark);background-image:linear-gradient(-45deg,var(--dark),var(--grey)),var(--card-background);background-size:cover;background-repeat:no-repeat;background-position:center;background-blend-mode:multiply,normal;border-radius:1rem;padding:1rem;position:relative;float:unset}
.card.card--23:focus-within,.card.card--23:hover{box-shadow:0 0 0 2px var(--secondary-color)}
.card.card--23 .card__title{color:#fff;font-size:1.25rem;text-shadow:0 0 .25rem var(--dark);margin:0;min-height:calc(1.25rem * 2 * 1.3)}
.card.card--23 .card__link{z-index:1;min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;flex-flow:row nowrap;padding:.5rem .75rem;font-size:.875rem;text-transform:uppercase;transition:var(--transition);color:var(--light);font-weight:600;border:2px solid currentColor;border-radius:99px}
.card.card--23 .card__link>span{width:0;max-width:fit-content;opacity:0;transition:var(--transition)}
.card.card--23 .card__link:focus>span,.card.card--23 .card__link:hover>span{width:100px;opacity:1;margin-right:.5rem}
.card.card--23 .card__link::before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;backface-visibility:visible}
.card.card--23 .card__link:focus,.card.card--23 .card__link:hover{border-color:var(--primary-color);background-color:var(--primary-color)}

.shadow-19{box-shadow:rgba(50,50,93,.25) 0 2px 5px -1px,rgba(0,0,0,.3) 0 1px 3px -1px}

.title-subtitle{margin-bottom:0}
.title-subtitle span{display:block;font-size:.9rem;color:var(--secondary-color);line-height:1rem;}

.elipse-effect {position: relative; overflow: hidden; z-index: 1;}
.elipse-effect::after, .elipse-effect-double::before {content: ''; width: 500px; height: 500px;opacity: 0.3; background: #3F4E4E; border-radius: 100%; position: absolute;filter: blur(150px); z-index: 0;}
.elipse-effect-bottom::after {bottom: -15%;}
.elipse-effect-top::after {top: -15%;}
.elipse-effect-right::after {right: -15%;}
.elipse-effect-left::after {left: -15%;}
.elipse-effect-center::after  {top: 50%; transform: translateY(-50%);}

.elipse-effect-double::before {bottom: 10%; right: -15%;}
.elipse-effect-double::after {top: 10%;}

.elipse-effect-home::after {right: -15%;top: 50%; transform: translateY(-50%);}
.elipse-effect-home::before {left: -15%;top: 15%; }
.elipse-effect-bottom-mpi::after {bottom: 10%;}

.row-traco {--bs-gutter-x: 146px; position: relative;}
@media screen and (min-width: 992px) {
  .row-traco::after, .row-traco::before {content: ''; position: absolute; background: var(--primary-color);width: 1px; height: 65px; left: 50%; transform: translateX(-50%);}
  .row-traco-col-7::after, .row-traco-col-7::before {left: 58%;}
  .row-traco-col-7-reverse::after, .row-traco-col-7-reverse::before {left: 42%;}
  .row-traco::after {top: 32px;}
  .row-traco::before {bottom: 32px;}
}

.row-24-40 {--bs-gutter-x: 24px;--bs-gutter-y: 24px;margin-top: 40px;}
.row-146-40 {--bs-gutter-x: 146px;--bs-gutter-y: 40px;margin-top: 40px;}
.row-40 {--bs-gutter-x: 40px;--bs-gutter-y: 40px;}

/* ? ==================== CARD ATUACOES ==================== */
.card-atuacoes .card-title, .card-atuacoes .card-text {color: #A9A9A9; font-size: 20px;}
.card-atuacoes .card-icon svg{width: 40px; height: 40px; aspect-ratio: 1/1;}
/* ? ================== FIM CARD ATUACOES ================== */

/* * ==================== SALUTIS ==================== */
.img-instituto {height: 336px; object-fit: cover; object-position: top;}
/* * ================== FIM SALUTIS ================== */

/* * ==================== MENTORIA ==================== */
@media screen and (min-width: 992px) {.bg-mentoria {background: url('../imagens/bg-logo.webp') no-repeat bottom left/570px;}}
.row-mentoria {--bs-gutter-x: 146px;--bs-gutter-y: 64px;}
.form--mentoria .row {--bs-gutter-y: 24px; --bs-gutter-x: 24px;}
/* * ================== FIM MENTORIA ================== */

/* * ==================== SOBRE O DR ==================== */
/* ? CARD */
.card-numbers {color: #BBC0C5;}
.card-numbers .card-icon svg{width: 40px; height: 40px; aspect-ratio: 1/1;}
.card-numbers .card-title {font-size: 20px;}
.card-numbers .card-number{font-size: 28px; position: relative; width: fit-content; margin: auto;}
.card-numbers .card-number::before {content: '+'; position: absolute; left: -25px;}
@media screen and (min-width: 992px) {
  .card-numbers:nth-of-type(2){position: relative;}
  .card-numbers:nth-of-type(2)::after, .card-numbers:nth-of-type(2)::before{content: ''; width: 2px; height: 40px;background: var(--primary-color); position: absolute; top: 50%; transform: translateY(-50%);}
  .card-numbers:nth-of-type(2)::after {left: 0;}
  .card-numbers:nth-of-type(2)::before {right: 0;}
}

/* ? IMGS */
.img-dr {object-fit: cover; object-position: top;}
.img-dr-01 {height: 600px;}
.img-dr-02 {height: 400px;}
@media screen and (max-width: 768px) {.img-dr {width: 100%; object-fit: cover;}}
@media screen and (max-width: 576px) {.img-dr {height: 300px;}}
/* * ================== FIM SOBRE O DR ================== */

/* ? ==================== CARD MIDIA ==================== */
.card-midia {color: #BBC0C5;}
.card-midia img {height: 290px; width: 100%; object-fit: cover; object-position: top;}
.card-midia .card-video {height: 290px; width: 100%;}
/* ? ================== FIM CARD MIDIA ================== */

/* * ==================== RESULTADOS ==================== */
.organic-resutlados .nav-link {font-family: var(--primary-font);}
.organic-resutlados .nav-link:hover, .organic-resutlados .nav-link:focus {color: var(--secondary-color);}
.card-resultado a{position:relative;display:block;width:100%;height:100%;border-radius:.5rem;overflow:hidden}
.card-resultado a::before{content:"\f002";position:absolute;left:0;top:0;width:100%;height:100%;padding-top:20px;opacity:0;transition:opacity .3s,padding .3s;color:#fff;font-family:FontAwesome;font-size:1.75rem;display:flex;justify-content:center;align-items:center;background: linear-gradient(180deg, rgba(22, 31, 40, 0.00) 0%, #161F28 100%), rgba(22, 31, 40, 0.85); background-blend-mode: normal, hard-light;}
.card-resultado a:focus-visible::before,.card-resultado a:hover::before{padding-top:0;opacity:1}
.card-resultado img{width:100%;aspect-ratio:1/1;object-fit:cover}
/* * ================== FIM RESULTADOS ================== */

/* * ==================== TRANSPLANTE CAPILAR ==================== */
.img-candidato {height: 412px; width: 100%; object-fit: cover;}
.img-transplante {height: 470px;width: 100%; object-fit: cover;}
/* ? CARD */
.card-result-esperado .card-title, .card-result-esperado .card-text{font-weight: 400; font-size: 16px;}
.card-result-esperado .card-title{color: #DEDEDE;}
.card-result-esperado .card-text{color: #A9A9A9;}
/* * ================== FIM TRANSPLANTE CAPILAR ================== */

/* * ==================== TRICOMIND ==================== */
.img-dif {height: 350px; width: 100%; object-fit: cover;}
.img-metodo {height: 480px;width: 100%; object-fit: cover;}

/* ? CARD */
.card-beneficios .card-title, .card-beneficios .card-text{font-weight: 400; font-size: 16px;}
.card-beneficios .card-title{color: #DEDEDE;}
.card-beneficios .card-text{color: #A9A9A9;}

/* ? ACCORDION */
.accordion-faq * {font-family: var(--primary-font);}
.accordion-faq .accordion-header .accordion-button{font-size: 18px; background: rgba(22, 31, 40, 0.40) !important; box-shadow: 0 6px 12px 0 rgba(5, 5, 5, 0.02);}
.accordion-faq .accordion-item {border: none;}
.accordion-faq .accordion-button:is(.collapsed) {border-bottom: 1px solid #3F4E4E;}
.accordion-faq .accordion-button:not(.collapsed) {color: var(--secondary-color);}
.accordion-faq .accordion-button {border-bottom: 1px solid transparent;}
.accordion-faq .accordion-body {border-bottom: 1px solid var(--secondary-color);}
[data-bs-theme=dark] .accordion-faq .accordion-button:after {
  --bs-accordion-btn-icon: url(../imagens/icones/show.webp);
  --bs-accordion-btn-active-icon: url(../imagens/icones/less.webp);
}
.accordion-faq .accordion-button:not(.collapsed):after {background-position: center;}
/* * ================== FIM TRICOMIND ================== */

/* * ==================== HOME ==================== */
.img-dr-home {height: 580px;}
@media screen and (min-width: 992px) {.metodo-home {background: url('../imagens//bg-logo.webp') no-repeat right/670px;}}
/* ? CARD CLINICA */
.card-clinica a{position:relative;display:block;width:100%;height:100%;border-radius:.5rem;overflow:hidden}
.card-clinica a::before{content:"\f002";position:absolute;left:0;top:0;width:100%;height:100%;padding-top:20px;opacity:0;transition:opacity .3s,padding .3s;color:#fff;font-family:FontAwesome;font-size:1.75rem;display:flex;justify-content:center;align-items:center;background: linear-gradient(180deg, rgba(22, 31, 40, 0.00) 0%, #161F28 100%), rgba(22, 31, 40, 0.85); background-blend-mode: normal, hard-light;}
.card-clinica a:focus-visible::before,.card-clinica a:hover::before{padding-top:0;opacity:1}
.card-clinica img{width:100%; height:400px; aspect-ratio:1/1;object-fit:cover}
/* * ================== FIM HOME ================== */

/* ? ==================== BANNER ==================== */
.splide-banner h2:not(span) {font-size: 40px; color: #DEE1E3;text-transform: uppercase;}
.splide-banner .title-subtitle>span {color: #E1D5CC; font-size: 20px;}
/* ? ================== FIM BANNER ================== */