:root {
    --cor-primaria: rgb(131 46 85);
    --cor-primaria-1: rgb(145 65 102);
    --cor-primaria-2: rgb(162 85 120);
    --cor-primaria-3: rgb(177 106 138);
    --cor-primaria-4: rgb(192 128 156);
    --cor-neutra-1: rgb(128 128 128);
    --cor-neutra-2: rgb(158 158 158);
    --cor-neutra-3: rgb(188 188 188);
    --cor-neutra-4: rgb(218 218 218);
    --cor-neutra-5: rgb(247 247 247);

    --cor-destaque: var(--cor-primaria-4);
    --cor-fundo-destaque: var(--cor-neutra-4);
    --cor-sobre-primaria: #fff;
    --cor-foco: var(--cor-primaria-3);
    --cor-fundo: #fff;
    --cor-whatsapp: #25D366;
    --cor-superficie: var(--cor-neutra-5);
    --cor-superficie-alt: var(--cor-neutra-4);
    --cor-texto: #353535;
    --cor-texto-suave: #727376;
    --cor-borda: rgba(0, 0, 0, 0.125);
    --sombra: rgba(99, 99, 99, 0.25) 0px 2px 8px 0px;
    --raio: 20px;
    --transicao: all .5s cubic-bezier(.215,.61,.355,1);
}

html, body { margin: 0px!important; padding: 0px!important; width: 100%; height: 100%; overflow: visible; overflow-x: hidden !important; font-family: "Montserrat", sans-serif; }
@media (prefers-reduced-motion: no-preference) {
    a, button, li { transition: var(--transicao); }
}
a, a:focus, a:visited, a:hover { text-decoration: none; font-style: normal; color: initial; }
section { position: relative; }
section h1 { margin: 0 0 40px 0; font-size: 40px; text-align: center; color: var(--cor-texto-suave); }

.skip-link:focus { position: absolute; top: 8px; left: 8px; z-index: 10000; padding: 10px 20px; background-color: var(--cor-fundo); color: var(--cor-primaria); font-weight: 600; border-radius: var(--raio); }
.logo-create { display: inline-block; width: 60px; aspect-ratio: 468 / 154; vertical-align: middle; background-color: currentColor; -webkit-mask: url("../images/logo-create.svg") center / contain no-repeat; mask: url("../images/logo-create.svg") center / contain no-repeat; }
#copy a { color: var(--cor-primaria); }
@media (forced-colors: active) {
    .logo-create { background-color: CanvasText; forced-color-adjust: none; }
}

.marca { display: flex; flex-direction: column; align-items: flex-end; container-type: inline-size; }
.marca__logo { display: block; width: 100%; aspect-ratio: 761 / 268; background-color: currentColor; -webkit-mask: url("../images/ctsul-logo.png") center / contain no-repeat; mask: url("../images/ctsul-logo.png") center / contain no-repeat; }
@media (forced-colors: active) {
    .marca__logo { background-color: CanvasText; forced-color-adjust: none; }
}
.marca__nome { margin-top: 2cqi; margin-right: -.35em; font-size: 7cqi; font-weight: 600; line-height: 1; letter-spacing: .35em; text-transform: uppercase; }
.marca--clara { color: var(--cor-sobre-primaria); }
.marca--escura { color: var(--cor-primaria); }

.bg-primaria { background-color: var(--cor-primaria); }
.bg-destaque { background-color: var(--cor-fundo-destaque); }

.btn-primario,
.btn-claro { width: auto; height: auto; border-radius: var(--raio); padding: 20px 40px; font-size: 1.2rem; font-weight: 600; text-transform: uppercase; --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25); }
.btn-primario.menor,
.btn-claro.menor { padding: 10px 20px; text-transform: none; }

.btn-primario {
    --bs-btn-hover-border-color: var(--cor-primaria);
    --bs-btn-active-color: var(--cor-primaria);
    --bs-btn-active-bg: transparent;
    --bs-btn-active-border-color: var(--cor-primaria);
    border: 1px solid var(--cor-primaria); background-color: var(--cor-primaria); color: var(--cor-sobre-primaria);
}
.btn-primario:focus, .btn-primario:visited { color: var(--cor-sobre-primaria); }
.btn-primario:hover, .btn-primario:focus-visible { background-color: transparent; color: var(--cor-primaria); }

.btn-claro {
    --bs-btn-hover-border-color: var(--cor-fundo);
    --bs-btn-active-color: var(--cor-sobre-primaria);
    --bs-btn-active-bg: var(--cor-primaria);
    --bs-btn-active-border-color: var(--cor-fundo);
    border: 1px solid var(--cor-fundo); background-color: var(--cor-fundo); color: var(--cor-primaria);
}
.btn-claro:focus, .btn-claro:visited { color: var(--cor-primaria); }
.btn-claro:hover, .btn-claro:focus-visible { background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); }

#menu .barra-superior { padding: 20px 0; }
#menu .barra-superior .container { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 12px 24px; }
#menu .barra-superior .box-links { display: flex; gap: 12px; }
#menu .barra-superior .box-links a { display: inline-grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: 50%; color: var(--cor-primaria); }
#menu .barra-superior .box-links a i { font-size: 1.5rem; color: inherit; }
#menu .barra-superior .box-links a:is(:hover, :focus-visible) { background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); }
#menu .unidades { position: relative; }
#menu .unidades__botao { display: inline-flex; align-items: center; gap: .5rem; padding: .5rem 1.4rem; border: 1px solid var(--cor-primaria); border-radius: var(--raio); background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); font-weight: 600; }
#menu .unidades__botao i { font-size: .8em; }
#menu .unidades__botao:is(:hover, :focus-visible) { background-color: var(--cor-fundo); color: var(--cor-primaria); }
#menu .unidades__botao[aria-expanded="true"] i { transform: rotate(180deg); }
#menu .unidades__lista { position: absolute; top: calc(100% + 6px); left: 0; z-index: 1000; min-width: 100%; width: max-content; margin: 0; padding: 6px; list-style: none; background-color: var(--cor-fundo); border-radius: calc(var(--raio) / 2); box-shadow: 0 8px 24px rgba(0, 0, 0, .15); }
#menu .unidades__lista a { display: block; padding: .5rem 1rem; border-radius: calc(var(--raio) / 2 - 4px); color: var(--cor-texto); text-decoration: none; }
#menu .unidades__lista a:is(:hover, :focus-visible) { background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); }
@media (prefers-reduced-motion: no-preference) {
    #menu .barra-superior .box-links a,
    #menu .unidades__botao,
    #menu .unidades__lista a { transition: background-color .2s ease, color .2s ease; }
    #menu .unidades__botao i { transition: transform .2s ease; }
}
#menu .navbar { padding: 30px 0; --bs-navbar-toggler-border-color: rgba(255, 255, 255, .4); --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); }
#menu .navbar.navbar-light .nav-item .nav-link { text-transform: uppercase; color: var(--cor-sobre-primaria); font-size: 1.2rem; font-weight: 600; }
#menu .navbar .nav-item .nav-link { border-radius: var(--raio); }
@media (max-width: 991.98px) {
    #menu .navbar .nav-item .nav-link { padding-inline: .75rem; }
}
#menu .navbar .nav-item .nav-link:is(:hover, :focus-visible) { background-color: var(--cor-sobre-primaria); color: var(--cor-primaria); }
#menu .navbar .navbar-brand .marca { width: 200px; }
@media (max-width: 1367px){
    #menu .navbar .navbar-brand .marca { width: 180px; }
    #menu .navbar.navbar-light .nav-item .nav-link { font-size: 1rem; }
}

#banner { padding: 0; max-width: 1920px; margin-left: auto; margin-right: auto; }
#banner .box-esquerda { padding: 15vh 0 5vh 8vw; }
#banner .box-esquerda .box-redes { margin: 60px 4vw 0 4vw; padding: 30px 40px; background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); border-radius: var(--raio); }
#banner .box-esquerda .box-redes h2 { font-size: 1.8rem; font-weight: 600; text-transform: uppercase; }
#banner .box-esquerda .box-redes a i { color: var(--cor-sobre-primaria); font-size: 5rem; margin: 0 15px; }
#banner .box-esquerda .box-redes a:is(:hover, :focus-visible) i { transform: scale(1.1); }
@media (prefers-reduced-motion: no-preference) {
    #banner .box-esquerda .box-redes a i { transition: transform .2s ease; }
}
#banner .img-direita { display: block; width: calc(100% - 40px); height: auto; aspect-ratio: 4 / 3; margin: 0 0 0 40px; object-fit: cover; border-radius: 37.8% 0 0 37.8% / 50% 0 0 50%; }
@media (max-width: 1367px){
    #banner .box-esquerda .box-redes { margin: 40px 3vw 0 3vw; padding: 30px 20px; }
    #banner .box-esquerda .box-redes h2 { font-size: 1.55rem; }
    #banner .box-esquerda .box-redes a i { font-size: 3.75rem; }
}

#quadro-exames { background-color: var(--cor-destaque); padding: 60px 0 0 0; margin: 0; }
#quadro-exames .box-exame { background-color: var(--cor-superficie); text-align: center; border-radius: var(--raio); padding: 40px; margin: 90px 30px 30px 30px; }
#quadro-exames .box-exame .box-icone { margin-top: -130px; }
#quadro-exames .box-exame .box-icone img { width: 180px; height: auto; box-shadow: rgba(99, 99, 99, 0.75) 0px 2px 8px 0px; border-radius: 50%; }
#quadro-exames .box-exame .box-texto { min-height: 210px; margin-bottom: 10px; }
#quadro-exames .box-exame .box-texto h2 { font-size: 2rem; font-weight: 800; color: var(--cor-primaria); margin: 20px 0; text-transform: uppercase; }
#quadro-exames .box-exame .box-texto p { font-size: 1.25rem; font-weight: 600; color: var(--cor-texto-suave); }

#quadro-resultados { background-color: var(--cor-destaque); padding: 20px 0 120px 0; margin: 0; }
#quadro-resultados::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; aspect-ratio: 1920 / 370; background-color: var(--cor-superficie); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 370' preserveAspectRatio='none'%3E%3Cpath d='M0 0A1650 1650 0 0 0 1920 0V370H0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1920 370' preserveAspectRatio='none'%3E%3Cpath d='M0 0A1650 1650 0 0 0 1920 0V370H0Z'/%3E%3C/svg%3E") center / 100% 100% no-repeat; }
#quadro-resultados > .container { position: relative; }
#quadro-resultados .box-resultados { width: 100%; height: auto; background-color: var(--cor-primaria); padding: 40px; margin: 30px 0; border-radius: var(--raio); text-align: center; z-index: 99; }
#quadro-resultados .box-resultados h2 { font-size: 2rem; font-weight: 800; color: var(--cor-sobre-primaria); margin: 20px 0; text-transform: uppercase; }
#quadro-resultados .box-resultados p { font-size: 1.5rem; font-weight: 600; color: var(--cor-sobre-primaria); margin-bottom: 40px; }

#galeria-home { background-color: var(--cor-superficie); padding: 0 0 60px 0; }
#galeria-home .box-img { position: relative; cursor: pointer; }
#galeria-home .box-img .icone { position: absolute; top: 33%; left: 35%; width: 90px; height: auto; opacity: .25; }
#galeria-home .box-img .icone.principal { top: 25%; left: 40%; width: 160px; opacity: .6; }
#galeria-home .box-img:hover .icone { opacity: 1; }

#fale { background-color: var(--cor-fundo); color: var(--cor-texto-suave); padding: 60px 0; }
#fale a .box-icone { float: left; width: 160px; height: 160px; background-color: var(--cor-whatsapp); color: var(--cor-sobre-primaria); padding: 30px; border-radius: 50%; text-align: center; z-index: 9; }
#fale a .box-icone i { font-size: 6rem; color: inherit; }
#fale a .box-texto { float: right; width: calc(100% - 130px); text-align: center; margin-left: -30px; margin-top: 30px; padding: 30px 0; background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); border-radius: 0 var(--raio) var(--raio) 0; z-index: -1; font-size: 2rem; font-weight: 600; text-transform: uppercase; border: 1px solid var(--cor-primaria); }
#fale a:is(:hover, :focus-visible) .box-icone { transform: scale(1.06); box-shadow: 0 6px 16px rgba(0, 0, 0, .25); }
#fale a:is(:hover, :focus-visible) .box-texto { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0, 0, 0, .2); }
@media (prefers-reduced-motion: no-preference) {
    #fale a .box-icone, #fale a .box-texto { transition: transform .25s ease, box-shadow .25s ease; }
}
@media (prefers-reduced-motion: reduce) {
    #fale a:is(:hover, :focus-visible) :is(.box-icone, .box-texto) { transform: none; }
}

#rodape { padding: 90px 0 60px 0; background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); }
#rodape .box-logo { padding: 80px 20px 0 20px; }
#rodape h3 { font-size: 2rem; font-weight: 600; color: var(--cor-sobre-primaria); margin-bottom: 30px; }
#rodape .navegacao { font-size: 1.125rem; line-height: 2.25rem; font-weight: 600; color: var(--cor-sobre-primaria); text-transform: uppercase; margin-bottom: 30px; }
#rodape .navegacao:is(:hover, :focus-visible) { color: var(--cor-sobre-primaria); text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .25em; }
#rodape .form-feedback { width: 100%; height: auto; padding: 6px; font-size: 1.25rem; background-color: transparent; color: var(--cor-sobre-primaria); border: none; border-bottom: solid 2px var(--cor-sobre-primaria); margin-bottom: 20px; }
#rodape .form-feedback::placeholder { color: var(--cor-neutra-4); }
#rodape .box-infos { margin-bottom: 20px; color: var(--cor-sobre-primaria); }
#rodape .box-infos .icone { float: left; width: 60px; height: auto; text-align: center; font-size: 3rem; }
#rodape .box-infos .texto { float: left; width: calc(100% - 62px); height: auto; min-height: 80px; padding: 0 10px 20px 15px; font-size: 1rem; font-weight: 600; color: var(--cor-sobre-primaria); }
address.texto { margin-bottom: 0; }

#copy { background-color: var(--cor-superficie); color: var(--cor-primaria); padding: 40px 0 20px 0; font-size: 1.125rem; font-weight: 600; }

#checkups { padding: 30px 0 60px 0; background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); }
#checkups h3,
#checkups .titulo-grupo { font-size: 1.75rem; line-height: 2rem; font-weight: 400; color: var(--cor-sobre-primaria); }
#checkups p { font-size: 1.1rem; font-weight: 400; color: var(--cor-sobre-primaria); margin-left: 10px; }
#checkups .box-checkup { background-color: var(--cor-fundo); color: #000; padding: 30px; margin: 0 10px 20px 10px; min-height: 280px; border-radius: var(--raio); }
#checkups .box-checkup .texto { width: 100%; height: auto; padding: 12px 6px 12px 20px; }
#checkups .box-checkup .texto h3 { font-size: 1.75rem; font-weight: 400; color: var(--cor-primaria); }
#checkups .box-checkup .texto p { font-size: 1rem; font-weight: 400; color: var(--cor-texto); margin-bottom: 20px; margin-left: 0; }
#checkups .box-checkup .texto label { font-size: 1.1rem; font-weight: 600; }
#checkups .modal-content { border-radius: var(--raio); }
#checkups .modal-content .modal-header { border-radius: var(--raio) var(--raio) 0 0; }
#checkups .modal-content .modal-footer { border-radius: 0 0 var(--raio) var(--raio); }
#checkups .modal-title { font-size: 1.25rem; font-weight: 400; color: var(--cor-primaria); }
#checkups .modal-body { background-color: var(--cor-superficie); }
#checkups .modal-body p { font-size: 1rem; font-weight: 400; color: var(--cor-texto); margin-bottom: 6px; }
#checkups .modal-body ul li { font-size: 1rem; font-weight: 400; color: var(--cor-texto); }
#checkups .modal-body label { font-size: 1.1rem; font-weight: 600; color: var(--cor-primaria); }
#checkups .modal-body .lista-exames p { color: var(--cor-primaria); }
#checkups .modal .btn { border-radius: var(--raio); }

#checkups .box-lista,
#exames .box-lista { background-color: var(--cor-superficie); border: 2px solid var(--cor-destaque); padding: 20px 30px; border-radius: 30px 30px 0 0; }
#checkups .box-lista h4,
#exames .box-lista h4 { font-size: 1.5rem; font-weight: 400; line-height: 2rem; color: var(--cor-primaria); }
#checkups .listaexames,
#exames .listaexames { border-bottom: 1px solid var(--cor-borda); margin: 15px 0; padding: 20px 0; }
#checkups .listaexames .inputname,
#exames .listaexames .inputname { float: left; width: 70%; border: none; font-size: 1rem; line-height: 1.5rem; padding: 15px 10px; color: #000; }
#checkups .listaexames .inputprice,
#exames .listaexames .inputprice { float: left; width: 30%; border: none; font-size: 1rem; line-height: 1.5rem; padding: 15px 0; color: #000; }
#checkups .box-total,
#exames .box-total { padding: 10px 0; text-align: end; }
#checkups .box-total label,
#exames .box-total label { font-size: 1.25rem; font-weight: 300; line-height: 1.6rem; }
#checkups .box-total label { color: var(--cor-texto); }
#checkups .box-total label span,
#exames .box-total label span { font-size: 1.4rem; line-height: 1.6rem; font-weight: 600; }

#monte-o-seu { padding: 60px 0; }

#duvidas { padding: 60px 0; }
#duvidas .accordion-button { background-color: var(--cor-superficie); color: var(--cor-primaria); font-weight: 600; border: 1px solid var(--cor-primaria); }
#duvidas .accordion-body { background-color: var(--cor-fundo-destaque); color: var(--cor-primaria); }

#estrutura { padding: 60px 0; }
#estrutura .box-texto { padding: 40px 0; text-align: justify; margin: 15px; }
#estrutura .box-texto h2 { font-size: 1.75rem; line-height: 2.5rem; font-weight: 400; color: var(--cor-primaria); margin-bottom: 1.5rem; }
#estrutura .box-texto p { font-size: 1.2rem; line-height: 1.8rem; font-weight: 300; color: var(--cor-texto); }
#estrutura .img-estrutura { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: var(--raio); margin: 15px; }
@media (max-width: 1367px){
    #estrutura .box-texto { padding: 0 0 20px 0; }
}

#exames { padding: 60px 0; }
#exames p { font-size: 1.25rem; font-weight: 400; color: var(--cor-primaria); text-align: center; margin-bottom: 24px; }
#exames .accordion .accordion-item .accordion-header .accordion-button.up { border-radius: 30px 30px 0 0; }
#exames .accordion .accordion-item .accordion-header .accordion-button { background-color: var(--cor-superficie); font-size: 18px; font-weight: 600; line-height: 24px; letter-spacing: .8px; text-align: left; padding: 16px 32px; }
#exames .accordion-button:not(.collapsed) { color: var(--cor-primaria); background-color: var(--cor-fundo-destaque); box-shadow: inset 0 -1px 0 var(--cor-borda); }
#exames .accordion-button:not(.collapsed)::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%3212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); transform: rotate(-180deg); }
#exames .accordion-button:focus { z-index: 3; border-color: var(--cor-primaria); outline: 0; box-shadow: 0 0 0 0.25rem var(--cor-foco); }
#exames .accordion .accordion-body { background-color: var(--cor-fundo); border: 2px solid var(--cor-destaque); color: var(--cor-primaria); font-weight: 400; }
#exames .accordion .accordion-body ul { list-style: square; }
#exames .accordion .accordion-body ul li { font-size: 1.2rem; line-height: 2rem; margin-bottom: 12px; padding: 2px 20px; border-radius: var(--raio); }
#exames .accordion .accordion-body ul li:hover { background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); }
#exames .accordion .accordion-body ul li:hover .btn-claro { background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); }

#exame { padding: 60px 0; }

#parceiros { padding: 60px 0; }
#parceiros .sel-categoria select { border: 1px solid var(--cor-primaria); color: var(--cor-primaria); font-weight: 600; }
#parceiros .box-parceiro { background-color: var(--cor-fundo); color: #000; border: 1px solid var(--cor-superficie-alt); padding: 30px; margin: 20px 10px; display: flex; min-height: 430px; border-radius: var(--raio); }
#parceiros .box-parceiro .box-img { float: left; width: 200px; height: auto; }
#parceiros .box-parceiro .box-img img { width: 200px; height: 200px; object-fit: cover; border-radius: 10px 10px 10px 0; }
#parceiros .box-parceiro .box-img .categoria { display: inline-block; font-size: .75rem; font-weight: 600; padding: 0.5rem; background-color: var(--cor-superficie); color: var(--cor-primaria); border-radius: 0 0 10px 10px; }
#parceiros .box-parceiro .texto { float: left; width: calc(100% - 201px); height: auto; padding: 12px 6px 12px 20px; }
#parceiros .box-parceiro .texto h2 { font-size: 1.75rem; font-weight: 600; color: var(--cor-primaria); }
#parceiros .box-parceiro .texto p { font-size: 1rem; font-weight: 400; color: var(--cor-texto); }
#parceiros .box-parceiro .texto ul li span { font-size: 1rem; font-weight: 600; line-height: 1.6rem; color: var(--cor-primaria); }

#contatos { padding: 60px 0; }
#contatos h2 { font-size: 2rem; line-height: 2.5rem; font-weight: 400; color: var(--cor-primaria); margin-bottom: 20px; }
#contatos .box-infos { margin-bottom: 20px; color: var(--cor-texto); }
#contatos .box-infos .icone { float: left; width: 60px; height: auto; text-align: center; font-size: 3rem; color: var(--cor-primaria); }
#contatos .box-infos .texto { float: left; width: calc(100% - 62px); height: auto; min-height: 80px; padding: 0 10px 20px 15px; font-size: 1.125rem; font-weight: 400; line-height: 1.75rem; }
#contatos .box-infos .texto.numero { font-weight: 600; color: var(--cor-primaria); }
#contatos .box-infos .texto.numero .link-acao { font-weight: 400; color: var(--cor-texto); padding: 6px 15px; }
#contatos .box-infos .texto.numero .link-acao:hover { font-weight: 600; color: var(--cor-primaria); }
#contatos .box-form { margin: 0 10px; border: 1px solid var(--cor-borda); border-radius: var(--raio); padding: 30px; }
#contatos .box-form input, #contatos .box-form select, #contatos .box-form textarea { margin-bottom: 20px; }

#imagem { padding: 30px 0 0 0; background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); }
#imagem .box-exame { margin: 10px; padding: 30px; border: 1px solid var(--cor-borda); border-radius: 15px; box-shadow: var(--sombra); width: 100%; height: auto; min-height: 350px; background-color: var(--cor-fundo); color: var(--cor-texto); }
#imagem .box-exame .itens { display: flex; }
#imagem .box-exame .itens img { float: left; width: 80px; height: 80px; }
#imagem .box-exame .itens h2 { float: left; width: calc(100% - 90px); height: auto; margin-left: 10px; color: var(--cor-primaria); font-size: 1.25rem; line-height: 1.75rem; vertical-align: middle; align-items: center; }
#imagem .box-exame .btn-claro { border: 1px solid var(--cor-primaria); font-size: 1rem; float: left; width: 100%; }
#imagem .realizar { padding: 40px 0 60px 0; background-color: var(--cor-superficie-alt); color: var(--cor-primaria); }
#imagem .realizar .box-realize { margin: 10px 15px; padding: 20px 20px 20px 30px; border: 1px solid var(--cor-borda); border-radius: 15px; box-shadow: var(--sombra); background-color: var(--cor-fundo); color: #000; min-height: 200px; position: relative; }
#imagem .realizar .box-realize span { position: absolute; width: 40px; height: 40px; text-align: center; padding-top: 4px; top: 70px; left: -20px; background-color: var(--cor-primaria); color: var(--cor-sobre-primaria); border-radius: 50%; font-size: 1.25rem; }
#imagem .realizar .box-realize h3 { font-size: 1.2rem; line-height: 1.5rem; color: var(--cor-primaria); margin-bottom: 12px; }
#imagem .realizar .box-realize p { font-size: 1rem; line-height: 1.2rem; font-weight: 300; color: var(--cor-texto); }

a.link-contato { color: inherit; font-weight: inherit; }
a.link-contato:is(:hover, :focus-visible) { color: inherit; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .2em; }

#topo { padding: 30px 0; background-color: var(--cor-superficie); border-bottom: 4px solid var(--cor-destaque); color: var(--cor-primaria); }
#topo h1 { font-size: 3.5rem; font-weight: 800; color: var(--cor-primaria); margin-bottom: 24px; text-align: center; }
#topo .nav-link { color: var(--cor-primaria); font-weight: 600; text-decoration: none; }
#topo p { font-size: 1.25rem; font-weight: 400; color: var(--cor-primaria); text-align: center; margin-bottom: 24px; }