@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
:root { 
	--tm-color-rgb: 78,180,120; 
}
html[data-theme='amarelo'] {
	--bs-primary:  #ffbe33;
	--tm-color-rgb: 255,190,51;
}
html[data-theme='azul'] {
	--bs-primary: #2D6EC0;
	--tm-color-rgb: 45, 110, 192;
}	

html[data-theme='verde'] {
	--bs-primary: #4EB478;
	--tm-color-rgb: 78,180,120;
}
html[data-theme='vermelho'] {
	--bs-primary: #DC3545;
	--tm-color-rgb: 220,53,69;
}
html[data-theme='marron'] {
	--bs-primary: #7D4F2D; /*#ef722a; #89431b; #7a492d;*/
	--tm-color-rgb: 125, 79, 25; /*137,67,27;*/
}
body[class='dark']{
	--bs-primary: #283035;
	--tm-color-rgb: 40,48,53;
}
html,body{
  font-family: 'Poppins', sans-serif; 	
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  color: #5a5a5a;
  transition: .3s;	
}
a{text-decoration:none;font-family: 'Poppins', sans-serif;}
.nav-item .active, .btn-primary, .btn-outline-primary:hover{background-color: var(--bs-primary)!important;}
.btn-primary, .btn-outline-primary{border-color:var(--bs-primary)!important;}
.nav-link:not(.active), .text-primary, .btn-outline-primary{color:var(--bs-primary)!important;}
.card,.list-group-item{background-color:inherit;color:inherit!important;}
.btn-outline-primary:hover{color:#fff!important;}
#topbar {
    display: flex;
    justify-content: center;
	align-items: center;
    background: var(--bs-primary);
    height: 40px;
    font-size: .875em;
    transition: all 0.5s;
    color: #fff;
    padding: 0 20px;
    width: 100%;
	position: relative;
} 
#topbar > div {
	display: flex;
	justify-content: space-between;
}		
#topbar .contact-info {
    display: flex;
    align-items: center;
}		
#topbar .contact-info i {
    display: flex;
    align-items: center;
    gap: 6px;
    font-style: normal;
    color: #fff;
    margin-right: 10px;
}
#topbar .contact-info i a,#topbar .contact-info i span {
    line-height: 0;
    color: #fff;
    font-weight: 300;
	font-family: 'Poppins', sans-serif;
}
#topbar .social-links{
    flex: 2;
	text-align: end;
}
#topbar .social-links a {
    color: rgba(255, 255, 255, 0.7);
    line-height: 0;
    transition: 0.3s;
    margin-left: 15px;
}
#topbar .social-links a:hover, #topbar .acess a:hover {
    color: #fff;
}
#topbar .acess {
	flex: 1;
	text-align: end;
	font-size: .875em;
	align-self: center;
}
#topbar .acess a {
    color: rgb(255 255 255 / 70%);
	margin-left: 5px;
}
#topbar .acess .incr:after {
    content: '+';
}
#topbar .acess .decr:after {
    content: '-';
}
#header {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height:auto;
    background: #fff;
    transition: all 0.5s;
    box-shadow: 0px 2px 15px rgb(0 0 0 / 10%);
}
#header .logo {
    display: flex;
    align-items: center;
	background-color:#e0e0e0;
	padding:10px;
	margin:10px 0;
	border-radius:6px;
}
#header .logo img{display:none;}
#header .t-logo > span {
    font-size: .7rem;
    margin-left: 2px;
    display: block;
	margin:2px 0 0 0;
	width:200px;
	text-align:center;
	line-height:1.15;
}
#header .t-logo h1 {
    font-size: 30px;
    margin: 0;
    padding: 0;
    line-height: 1;
    font-weight: 600;
    letter-spacing: 0.8px;
}
#header .t-logo h1 a {
    color: #222222;
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: -1px;
}
#header .t-logo h1 a span {
    color: var(--bs-primary);
}
.cacs-texto{
	width: 100%;
	background: #f7f7f7;
    border: 0px solid #e7e7e7;
    border-width: 1px 0 1px 0;
    padding: 20px 0;
    margin-bottom: 20px;
}
.h-title{
	position: relative;
	margin: 30px 0;
	font-size: 1.25em;
	font-weight: 600;
	padding: 20px;
}
.h-title span {
    width: 15px;
    height: 15px;
    border: 0px solid var(--bs-primary);
    position: absolute;
}
.h-title span:nth-child(1) {
    top: 0;
    left: 0;
    border-left-width: 2px;
    border-top-width: 2px;
}
.h-title span:nth-child(2) {
    top: 0;
    right: 0;
    border-top-width: 2px;
    border-right-width: 2px;

}
.h-title span:nth-child(3) {
    bottom: 0;
    right: 0;
    border-bottom-width: 2px;
    border-right-width: 2px;
}
.h-title span:nth-child(4) {
    bottom: 0;
    left: 0;
    border-bottom-width: 2px;
    border-left-width: 2px;
}

/* SERVIÇOS */
.services {
    width: 100%;
    background-color: rgba(var(--tm-color-rgb),0.2);
	border-radius: 4px 4px 0 0;
}
.services-title {
	width: 100%;
    font-size: 1.5em;
    font-weight: 700;
    margin: 20px 0;
    padding-bottom: 20px;
    position: relative;
	text-align: center;
    color: #242a38;
}
.services-title:after {
    content: "";
    position: absolute;
    display: block;
    width: 60px;
    height: 4px;
    background: var(--bs-primary);
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.services .img {
	border-radius: 8px;
	overflow: hidden;
} 
.services .img img {
	display: block;
	max-width: 100%;
	height: auto;
}
.services .services-item:hover .img img {
    transform: scale(1.2);
}
.services .img img {
    transition: 0.6s;
}
.services .details {
	min-height:206px;
    padding: 30px 10px 20px 10px;
    margin: -100px 20px 0 20px;
    transition: all ease-in-out 0.3s;
    background: #fff;
    position: relative;
    background: rgba(255,255,255, 0.8);
    text-align: center;
    border-radius: 8px;
    box-shadow: 0px 0 25px rgb(0 0 0 / 10%);
}
.services .details h3 {
    color: #242a38;
    font-weight: 700;
    margin: 20px 0 30px 0;
    font-size: 1em;
    transition: ease-in-out 0.3s;
}
.services .details p {
    line-height: 24px;
    font-size: .875em;
    margin-bottom: 0;
}
.services .services-item:hover .details .icon {
    background: #fff;
    border: 2px solid var(--bs-primary);
}
.services .services-item:hover .details .icon i {
    color: var(--bs-primary);
}
.services .details .icon {
    margin: 0;
    width: 68px;
    height: 68px;
    background: var(--bs-primary);
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.25em;
    transition: ease-in-out 0.3s;
    position: absolute;
    top: -34px;
    left: calc(50% - 43px);
    border: 6px solid #fff;
}
.services .container, 
.info .container {display: flex;}

/* Institucional */
.agente{display:flex;flex-wrap:nowrap;align-items:center;}
.agente-img{overflow:hidden;width:80px;height:80px;display:flex;justify-content:center;align-items:center;box-shadow: 0 0 0 4px rgba(0,0,0,.12);}
.agente-img img{width:100%;display:block;min-height:80px;}
.agente-info{display:flex;flex-wrap:wrap;flex-direction:column;padding:10px;border-radius:6px;width:100%;word-break:break-word;background-color:rgba(var(--tm-color-rgb),.06);}
@media (max-width: 991px) {.agente{flex-direction:column;padding-bottom:20px;}.agente-img{margin-bottom:10px;}}
.agente-perfil{padding: 0 10px;font-size: 1.1em;}
.agente-perfil h5{padding: 20px 0 10px;text-align: center;position: relative;z-index: 2;text-transform: uppercase;font-weight: 700;}
.agente-perfil h5::before{content:'';display:block;height:2px;width:100%;background-color:var(--bs-primary);position:absolute;top:30px;z-index: -1;}
.agente-perfil h5::after{content:'';height:2px;width:80px;position:absolute;background-color:white;top:30px;left:0;right:0;margin:0 auto;z-index: -1;}
.agente-perfil p{font-weight:300;padding:15px 20px;border-radius:6px;}
.agente-info span {line-height: 1.5;font-size:.875em;}
.card-h {
    padding: 0.5em 0;
    margin: 20px 0 0 0;
    font-size: 1.25em;
    font-weight: 500;
    text-transform: uppercase;
}
.card-t {
    font-size: 1em;
	font-weight:300;
	text-align:justify;
	line-height:1.4;	
}
.card .card-sh{font-size:1em;color:#525558;text-align:justify;font-weight:400;}

.list-group-item {font-size: .875em;color: #22244C;}

#docs a .card {
    background-color: rgba(var(--tm-color-rgb),0.2);
    color: #000;
    font-size: 1.1em;
    font-weight: 600;
    flex-direction: row;
    transition: .3s linear;
    min-height: 100px;
    overflow: hidden;
}
#docs a .card .namber {
    position: absolute;
    right: -26px;
    top: -14px;
    width: 70px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-color: var(--bs-primary);
    border-radius: 50%;
    color: #fff;
    transition: .3s linear;
    transform: rotate(45deg);
    font-size: .875em;
}
#docs a:focus .card, #docs a:hover .card {background-color: var(--bs-primary)!important;color: #fff!important;}
#docs a:focus .card-text, #docs a:hover .card-text {color: #fff;}
#docs a:hover .card .namber {background-color: rgba(0,0,0,0.3);}
#docs a .card p {width:90%;color: #242a38;font-size: 1.125em;}
#docs .nav-link, .nav-link:focus, .nav-link:hover {color: var(--bs-primary);}

article h2, #docs h2{font-size: 2.2em;font-weight: 300;line-height: 42px;margin: 0 0 32px 0;}
article h2, #docs h2, article h3{color: #212529;letter-spacing: -.05em; -webkit-font-smoothing: antialiased;}
article .itemToolbar h5{font-size: 1.25em;}

.itemBody{-webkit-text-stroke-width:0px; margin-top:15px; text-align:start; text-indent:0px;}
.itemBody h3{font-size: 1.5em;font-weight: 400;line-height: 24px;margin-bottom: 20px;text-transform: uppercase;}
.itemBody ul{padding-left:40px;margin-bottom:1em;}
.itemBody ul li{line-height: 24px;}

.itemIntroText p, 
.itemFullText p{text-align:justify;margin-bottom: 20px;font-weight: 300;}

.itemFullText{overflow:hidden;}

.itemIntroText p>span, 
.itemFullText p>span, 
.itemFullText h3>span,
.itemFullText ul li>span{font-size:14px;}

.itemIntroText p>span span, 
.itemFullText p>span span, 
.itemFullText h3>span span,
.itemFullText ul li>span span{color:#172938;}

.itemIntroText p>span span span span, 
.itemFullText p>span span span span, 
.itemFullText h3>span span span span,
.itemFullText ul li>span span span span{background-color:#ffffff;}

.itemIntroText p>span span span span span{font-size:16px;}

section.info {
    width: 100%;
    background: rgba(var(--tm-color-rgb),0.2);
	border-radius: 0 0 4px 4px;
	margin-bottom: 20px;
}
.info-item {
    font-size: .875em;
    color: #212529;
    padding: 20px;
    background: #fff;
    border-radius: 8px;
	width: 100%;
	min-height: 160px;
}
.info-item h3 {
    margin-bottom: 5px;
	color: #6c757d;
	font-size: 1em;
    font-weight: 700;
}
.info-item p{
	margin:0;
	font-size: .875em;
}
.info-item i {
	color: var(--bs-primary);
}
.leg-aplicavel{font-size:.875em;}
.sub-footer {
    width: 100%;
    background: #283035;
    padding: 40px 0;
    border-bottom: 4px solid var(--bs-primary);
}
.sub-footer li span {
    color: #fff;
}
.sub-footer .list-group-item {
    border: 0;
    padding: 0.125em 0;
	color: #818789!important;
}
.sub-footer h3 {
    font-size: 1.125em;
}
#footer {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 30px 0;
    color: #444444;
    font-size: 14px;
    background: #091F3A;	
}
#footer .copyright {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	text-align: center;
	color: #fff;
}
#footer .footer-logo-emp {
    width: 120px;
    margin-left: 10px;
}
.whatsapp {
    position: fixed;
    left: 15px;
    bottom: 15px;
    width: 50px;
	box-shadow: 0 0px 12px 2px rgb(0 0 0 / 50%);
    border-radius: 50%;
    overflow: hidden;
	transform: scale(0);
	transition: .5s ease-in-out;
}
.whatsapp.w-show {
	transform: scale(1);
}
.whatsapp img{
    display: block;
    width: 100%;
	transition: .5s ease-in-out;
}
.whatsapp:hover {
	transform: scale3d(1.05, 1.05, 1);
}
.whatsapp:hover a img {
    filter: brightness(1.1);
}
@media (max-width:768px){
  .container {
  	justify-content: center!important;
  }	
  #topbar > div {
  	justify-content: center;
  }
  #topbar .contact-info {
  	display: none;
  }	
  #topbar .social-links {
	flex: 1;
	text-align: start;
  }	
}
.volta-topo {
    position: fixed;
    right: 30px;
    bottom: 24px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: var(--bs-primary);
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}
.volta-topo.show {
	opacity: 1;
	visibility: initial;
}
.volta-topo .arrows {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
	height: 100%;
}
.volta-topo .arrows .arrow-one, 
.volta-topo .arrows .arrow-two {
    box-shadow: 2px -2px #fff inset;
    padding: 7px;
    transform: rotate(135deg);
    opacity: 1;
    position: absolute;
    top: 10px;
}
.volta-topo .arrows .arrow-one {
    animation: arrowMovement 3s ease-in-out infinite;
}
.volta-topo .arrows .arrow-two {
    animation: arrowMovement 3s 1s ease-in-out infinite;
}
@keyframes arrowMovement {
    0%{
        opacity: 0;
		top: 25px;
    }
	70% {
		opacity: 1;		
	}
    100%{
        opacity: 0;
        top: 10px;
    }
}
#piso-enfermagem{transition: height 0.3s ease 0s;}
/* DARK */
body.dark,
body.dark #header{background-color:#212529;color:#fff;transition: .3s;}
body.dark #header{box-shadow: 0px 2px 0px var(--bs-primary);}
body.dark img {filter: grayscale(1);}
body.dark #header .logo,
body.dark #docs a .card,
body.dark .bg-light,
body.dark .services,
body.dark .info,
body.dark .agente-info{background-color:var(--bs-primary)!important;}
body.dark #docs a .card .namber{filter: invert(1);}
body.dark .list-group-item{border-color:var(--bs-primary);}
body.dark .services .details{background:rgba(0,0,0,0.3);}
body.dark .info-item{background:#303a40;}
body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark a,
body.dark p,
body.dark .nav-link,
body.dark .info-item i,
body.dark .leg-aplicavel{color:#fff!important;}
body.dark .sub-footer{border-color:#303a40;}
body.dark #footer{background-color:var(--bs-primary);}
body.dark .cacs-texto{background: inherit;border-color:#444444;}
body.dark .h-title span {border-color: #eeeeee;}
body.dark .volta-topo{filter: invert(1);}