ul.pagination{list-style: none;width: 100%;display: flex;padding: 10px 0;justify-content: center;}
ul.pagination .page-item{width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border: 1px solid #ddd;background-color: #fff;transition: 0.2s;}
ul.pagination .page-item:hover{background-color: #eee;}
ul.pagination .page-item.disabled{cursor: not-allowed;}
ul.pagination .page-item.active, ul.pagination .page-item.active:hover{background-color: #007bff;color: #fff;}
ul.pagination a{text-decoration: none;padding: 0 5px;color: #007bff;}

.banner{width: 100%;height: calc(100vh - 180px);max-height: 400px;background-color: #E6E7E1;display: flex;}
.banner .block1{width: 35%;height: 100%;background-color: #A4A9B0;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.banner .block1 .img{width: 50%;}
.banner .block1 .img img{width: 80%;filter: hue-rotate(60deg) brightness(500%);}
.banner .block1 .title{font-family: 'Courgette', cursive;font-size: 25pt;color: #fff;width: calc(100% - 20px);padding: 20px 10px 0 10px;text-align: center;}
.banner .block2{width: 65%;background-size: 100% 100%;background-repeat: no-repeat;height: 100%;}
/*===============================================================================================================================*/
.presentacion{width: 94%;padding: 30px 3%;}
.presentacion .row{display: flex;width: 100%;align-items: center;padding-bottom: 30px;flex-wrap: wrap;}
.presentacion .row.primary .title{width: 30%;font-size: 30pt;color: #666666;font-weight: bold;}
.presentacion .row.primary .title .l_capital{font-size: 40pt;}
.presentacion .row.primary .contenido{width: calc(70% - 30px);padding: 0 15px;border-bottom: 6px solid #E5E4DF;padding-bottom: 10px;text-align: center;font-size: 14pt;color: #666666;}
/*===============================================================================================================================*/
.profesionales{width: 90%;padding: 30px 5% 50px 5%;display: flex;flex-wrap: wrap;justify-content: center;}
.profesionales .content-serv{width: 48%;height: 250px;box-shadow: 0 5px 10px rgba(0,0,0,.8);margin-bottom: 25px;display: flex;align-items: flex-start;text-decoration: none;transition: 0.3s;background-color: #F1F8FA;}
.profesionales .content-serv:hover{box-shadow: 0 5px 15px rgba(0,0,0,.8);}
.profesionales .content-serv:nth-child(odd){margin-right: 2%;}
.profesionales .content-serv:nth-child(even){margin-left: 2%;}
.profesionales .content-serv .img{width: calc(35% - 3px);height: 100%;display: flex;align-items: center;justify-content: center;border-right: 3px solid #fff;}
.profesionales .content-serv .img img{width: 80%;height: 90%;}
.profesionales .content-serv .info{width: calc(65% - 33px);height: calc(100% - 20px);padding: 10px 15px;border-left: 3px solid #fff;overflow-y: auto;}
.profesionales .content-serv .info .title{color: #009EC8;padding-bottom: 5px;font-weight: bold;font-size: 14pt;}
.profesionales .content-serv .info .especialidad{color: #666666;padding-bottom: 5px;font-weight: bold;font-size: 12pt;}
.profesionales .content-serv .info .resumen{text-align: justify;color: #666666;font-size: 11pt;}
/*===============================================================================================================*/
.comentarios{width: 90%;padding: 30px 5%;}
.detalle_personal{width: 90%;padding: 30px 5%;}
.detalle_personal .title{width: 100%;padding-bottom: 10px;text-align: justify;font-size: 30pt;color: #1C9BCC;font-weight: bold;}
.detalle_personal .especialidad{width: 100%;padding-bottom: 15px;text-align: justify;font-size: 20pt;color: #1C9BCC;}
.detalle_personal .content-detalle{width: 100%;display: flex;align-items: flex-start;justify-content: center;flex-wrap: wrap;}
.detalle_personal .content-detalle .img{width: 20%;}
.detalle_personal .content-detalle .img img{width: 90%;}
.detalle_personal .content-detalle .contenido{width: 60%;padding: 0 5%;font-size: 14pt;color: #666666;text-align: justify;}
/*===================================================================================*/
/* RESPONSIVE*/
/*===================================================================================*/
@media (max-width: 1090px){
	.detalle_personal .content-detalle .img img{width: 100%;}
}
@media (max-width: 960px){
	.presentacion{padding: 20px 3%;}
	.presentacion .row.primary .title{width: 30%;font-size: 20pt;}
	.presentacion .row.primary .title .l_capital{font-size: 30pt;}
	.presentacion .row.primary .contenido{width: calc(70% - 30px);font-size: 12pt;}
	.profesionales{justify-content: center;}
	.profesionales .content-serv{width: 60%;}
	.profesionales .content-serv:nth-child(odd){margin-right: 0;}
	.profesionales .content-serv:nth-child(even){margin-left: 0;}
	.detalle_personal .title{font-size: 25pt;}
	.detalle_personal .especialidad{font-size: 18pt;}
	.detalle_personal .content-detalle .contenido{font-size: 11pt;}
}
@media (max-width: 850px){
	.banner{max-height: 280px;}
	.profesionales .content-serv{width: 70%;height: 200px;}
	.detalle_personal .content-detalle .img{width: 25%;}
	.detalle_personal .content-detalle .contenido{width: 50%;}
}
@media (max-width: 800px){
	.banner{max-height: 250px;}
	.banner .block1 .title{font-size: 20pt;}
	.profesionales .content-serv{width: 75%;}
}
@media (max-width: 705px){
	.banner{max-height: 230px;}
	.presentacion .row.primary{padding-bottom: 10px;}
	.presentacion .row.primary .title{width: 100%;font-size: 20pt;text-align: center;padding-bottom: 10px;}
	.presentacion .row.primary .contenido{width: calc(100% - 30px);}
	.profesionales .content-serv{width: 85%;}
	.detalle_personal .content-detalle .img{width: 30%;}
	.detalle_personal .content-detalle .contenido{width: 70%;}
}
@media (max-width: 580px){
	.banner .block1{display: none;}
	.banner .block2{width: 100%;}
	.profesionales .content-serv{width: 95%;}
	.detalle_personal{padding: 10px 5%;}
	.detalle_personal .title{text-align: center;}
	.detalle_personal .especialidad{text-align: center;}
	.detalle_personal .content-detalle .img{width: 50%;display: flex;justify-content: center;padding-bottom: 20px;}
	.detalle_personal .content-detalle .img img{width: 80%;}
	.detalle_personal .content-detalle .contenido{width: 100%;}
}
@media (max-width: 480px){
	.presentacion .row.primary .title{font-size: 18pt;}
	.presentacion .row.primary .title .l_capital{font-size: 26pt;}
	.presentacion .row.primary .contenido{font-size: 11pt;}
	.profesionales .content-serv{height: 170px;}
	.detalle_personal .title{font-size: 20pt;}
	.detalle_personal .especialidad{font-size: 14pt;}
}
@media (max-width: 400px){
	.banner{max-height: 200px;}
	.profesionales .content-serv{height: 150px;}
}
@media (max-width: 350px){
	.banner{max-height: 170px;}
	.profesionales .content-serv{width: 100%;}
	.detalle_personal .content-detalle .img img{width: 95%;}
}