@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
a {
    color: #018ad0;
    text-decoration: none;
}
a:hover {
    color: #07617b;
    text-decoration: none;
}
h1 {
	font-weight:300;
	margin-bottom:1em;
}
h2 {
	font-size:1.7em;
	font-weight:200;
    background-color: #eee;
    display: table;
    padding: .3em;
	margin-bottom:1em;
}
h3 {
	font-weight:400;
}
h3.titulo-nota-h{
	height:48px;
}
p{
	line-height:1.7;
}
p.p-nota-h{
	height:81.579px;
}
.dropcap-color{
	color: $blue-600;
}
.nav-link {
    color: #018ad0;
}
.nav-link:hover {
    color: #0382a6;
}
.btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: #018ad0;
    --bs-btn-border-color: #018ad0;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #0382a6;
    --bs-btn-hover-border-color: #0382a6;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #0382a6;
    --bs-btn-active-border-color: #0382a6;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #018ad0;
    --bs-btn-disabled-border-color: #018ad0;
}
.bgimgdest{
	background-image: url("../img/medicos-consulta-prepaga.webp");
}
.card-img-logo{
	width:70%;
}
.card-body ul li{
	padding-bottom:8px;
	border-bottom:1px solid #eee;
}
.logo-30{
	max-height:40px;
}
.card-center{
	display:block;
}
.caja-blanca{
	border-color: #bbbbbb;
    border-radius: 3px;
	margin: 0 0 1.5em;
    border-width: 2px;
    border-style: solid;
}
.caja-blanca-titulo{
	background-color: #eeeeee;
    color: #018ad0;
    border-top-left-radius: 1px;
    border-top-right-radius: 1px;
}

.tab-cobertura{
	margin: 0 0 1.5em;
    padding: 3px;
    border-radius: 3px;
    background: #eee;
}
.tab-pane{
	padding: 15px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #fff;
}
.bi-whatsapp{
	color:#1ad03f;
}
.bi-telephone{
	color:#1a92ce;
}
i.fa {
	margin-right:5px;
}
// Icons fixed height and width
.icon-sm {
  width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  font-size: 75%;
}
.icon-md {
  width: 2.6rem;
  height: 2.6rem;
  line-height: 2.6rem;
  text-align: center;
  font-size: .8rem;
}
.icon-lg {
  width: 3.5rem;
  height: 3.5rem;
  line-height: 3.5rem;
  text-align: center;
  font-size: 1.2rem;
}
.icon-xl {
  width: 5rem;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  font-size: 1.9rem;
}

.icon-xxl {
  width: 7rem;
  height: 7rem;
  line-height: 7rem;
  text-align: center;
  font-size: 2.5rem;
}
.dropcap {
    font-size: 6em;
    font-weight: bold;
    display: block;
    float: left;
    margin: 0.04em 0.2em 0 0;
    color: var(--bs-gray-900);
    line-height: 1;
}
.accordion-button:not(.collapsed){
	background-color: #fff;
	box-shadow:none;
}
.accordion-item:first-of-type{
	border-top-left-radius:0;
	border-top-right-radius:0;
}
.accordion-item{
	border-top:0;
	border-right:0;
	border-bottom:1px solid #eee;
	border-left:0;
}
.btn-wa{
	background-color:#25cc64;
}

.text-bg-primary {
    color: #fff !important;
    background-color: #02a8df!important;
	border-radius:5px;
}
.logo-style{
	max-width:270px;
}


@media (max-width: 767px) {
	h2{
		font-size:1.2em;
		text-align:center;
		display: block !important;
	}
	.carousel-inner .carousel-item > div {
		display: none;
	}
	.carousel-inner .carousel-item > div:first-child {
		display: block;
	}
	ul.ulpreps li{
		PADDING-RIGHT: 2px;
		DISPLAY: inline;
		PADDING-LEFT: 2px;
		FLOAT: left;
		PADDING-BOTTOM: 2px;
		WIDTH: 90%;
		PADDING-TOP: 2px
	}
	ul.ulprepsindex li{
		PADDING-RIGHT: 2px;
		DISPLAY: inline;
		PADDING-LEFT: 2px;
		FLOAT: left;
		PADDING-BOTTOM: 2px;
		WIDTH: 90%;
		PADDING-TOP: 2px
	}
	ul.ulprep2 li{
		PADDING-RIGHT: 2px;
		DISPLAY: inline;
		PADDING-LEFT: 2px;
		FLOAT: left;
		PADDING-BOTTOM: 2px;
		WIDTH: 90%;
		PADDING-TOP: 2px
	}
	ul.ulprep4 li{
		PADDING-RIGHT: 2px;
		DISPLAY: inline;
		PADDING-LEFT: 2px;
		FLOAT: left;
		PADDING-BOTTOM: 2px;
		WIDTH: 90%;
		PADDING-TOP: 2px
	}
	ul.ulprep5 li{
		PADDING-RIGHT: 2px;
		DISPLAY: inline;
		PADDING-LEFT: 2px;
		FLOAT: left;
		PADDING-BOTTOM: 2px;
		WIDTH: 90%;
		PADDING-TOP: 2px
	}
	ul.ulprep6 li{
		PADDING-RIGHT: 20px;
		DISPLAY: inline;
		PADDING-LEFT: 2px;
		PADDING-BOTTOM: 2px;
		WIDTH: 90%;
		PADDING-TOP: 2px
	}
	.dropcap {
    font-size: 2em;
    font-weight: bold;
    display: block;
    float: left;
    margin: 0.04em 0.2em 0 0;
    color: var(--bs-gray-900);
    line-height: 1;
}
	
}

	.carousel-inner .carousel-item.active,
	.carousel-inner .carousel-item-next,
	.carousel-inner .carousel-item-prev {
		display: flex;
	}

	/* medium and up screens */
	@media (min-width: 768px) {

		.carousel-inner .carousel-item-end.active,
		.carousel-inner .carousel-item-next {
			transform: translateX(25%);
		}

		.carousel-inner .carousel-item-start.active, 
		.carousel-inner .carousel-item-prev {
			transform: translateX(-25%);
		}


		.w-70{
		width:70%;
	}
	ul.ulpreps{
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		FLOAT: left;
		PADDING-BOTTOM: 0px;
		MARGIN: 0 80px;
		WIDTH: 100%;
		PADDING-TOP: 0px;
		LIST-STYLE-TYPE: none
	}
	ul.ulpreps li{
		PADDING-RIGHT: 2px;
		DISPLAY: inline;
		PADDING-LEFT: 30px;
		FLOAT: left;
		PADDING-BOTTOM: 2px;
		WIDTH: 22%;
		PADDING-TOP: 2px
	}
	ul.ulprepsindex{
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		FLOAT: left;
		PADDING-BOTTOM: 0px;
		MARGIN: 0 80px;
		WIDTH: 100%;
		PADDING-TOP: 0px;
		LIST-STYLE-TYPE: none
	}
	ul.ulprepsindex li{
		PADDING-RIGHT: 2px;
		DISPLAY: inline;
		PADDING-LEFT: 5px;
		FLOAT: left;
		PADDING-BOTTOM: 2px;
		WIDTH: 48%;
		PADDING-TOP: 2px
	}
	ul.ulprep2{
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		FLOAT: left;
		PADDING-BOTTOM: 0px;
		MARGIN: 0;
		WIDTH: 100%;
		PADDING-TOP: 0px;
		LIST-STYLE-TYPE: none
	}
	ul.ulprep2 li{
		PADDING-RIGHT: 2px;
		DISPLAY: inline;
		PADDING-LEFT: 5px;
		FLOAT: left;
		PADDING-BOTTOM: 2px;
		WIDTH: 50%;
		PADDING-TOP: 2px
	}
	ul.ulprep4{
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		FLOAT: left;
		PADDING-BOTTOM: 0px;
		MARGIN: 0 80px;
		WIDTH: 100%;
		PADDING-TOP: 0px;
		LIST-STYLE-TYPE: none
	}
	ul.ulprep4 li{
		PADDING-RIGHT: 2px;
		DISPLAY: inline;
		PADDING-LEFT: 5px;
		FLOAT: left;
		PADDING-BOTTOM: 2px;
		WIDTH: 24%;
		PADDING-TOP: 2px
	}
	ul.ulprep5{
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		FLOAT: left;
		PADDING-BOTTOM: 0px;
		MARGIN: 0;
		WIDTH: 100%;
		PADDING-TOP: 0px;
		LIST-STYLE-TYPE: none
	}
	ul.ulprep5 li{
		PADDING-RIGHT: 0;
		DISPLAY: inline;
		PADDING-LEFT: 5px;
		FLOAT: left;
		PADDING-BOTTOM: 2px;
		WIDTH: 19%;
		PADDING-TOP: 2px
	}
	ul.ulprep6{
		PADDING-RIGHT: 0px;
		PADDING-LEFT: 0px;
		PADDING-BOTTOM: 0px;
		MARGIN: 0;
		WIDTH: 100%;
		PADDING-TOP: 0px;
		LIST-STYLE-TYPE: none;
		text-align:center;
	}
	ul.ulprep6 li{
		PADDING-RIGHT: 25px;
		DISPLAY: inline;
		PADDING-LEFT: 0;
		PADDING-BOTTOM: 2px;
		PADDING-TOP: 2px
	}
}
	.carousel-inner .carousel-item-end,
	.carousel-inner .carousel-item-start { 
		transform: translateX(0);
		display:none;
	}