/*
Theme Name: Doctori Blog Theme
Author: Bigmomo
Author URI: https://bigmomo.com
Version: 1.0
*/

/* General
   ----------------------------- */
:root {
  --blue: #00A2E0;
  --blue-m: #0080B3;
  --blue-d: #006186;
  --grey: #6E6E6E;
  --grey-l: #999999;
  --grey-m: #808080;
  --red: #E00333;
  --red-m: #B33200;
  --red-d: #862500;
  --font-livvic: 'Livvic', sans-serif;
  --font-raleway: 'Raleway', sans-serif;
  --font-noto: 'NotoSans Regular', sans-serif;
  --font-noto-m: 'NotoSans Medium', sans-serif;
  --font-noto-sb: 'NotoSans Semibold', sans-serif;
  --font-noto-b: 'NotoSans Bold', sans-serif;
}
html {
  font-size: 62.5%;
  box-sizing: border-box;
  scroll-behavior: smooth
}
* {box-sizing: inherit}
body {
  font-family: var(--font-noto);
  font-size: 160%;
  background:#fafafa;
  color: var(--color-grey);
  margin: 0;
  padding-bottom: 7.2rem
}
img{
	max-width:100%;
	height: auto
}
iframe{
	border:none;
    width: 100%
}
h1,h2,h3,h4,h5,h6{font-weight: 500}
main a {
  color: var(--blue);
  transition: color 120ms ease-in-out;
  text-decoration: none
}
main a:hover {color: var(--blue-d)}
.wrapper.container-lg{padding:0 1.6rem}

/* Buttons
   ----------------------------- */
.btn{
	display:flex;
	align-items: center;
	width:fit-content;
	background:var(--blue);
	color:#FFF;
	text-decoration:none;
	padding:.8rem 1.6rem;
	border-radius:.8rem;
	border:none;
	font-family:var(--font-noto-m);
	font-size:1.6rem;
	line-height:2.4rem;
	transition:all 120ms ease-in-out
}
.btn.btn-lg{padding:1.2rem 2.4rem}
.btn:hover{
	background:var(--blue-m);
	cursor:pointer;
	color: #FFF
}
.btn:active{
	background:var(--blue-d);
	color: #FFF
}
.btn:focus{
	box-shadow: 0 0 .3rem .3rem var(--blue);
    outline: .1rem solid #FFF;
	color: #FFF
}
.btn.btn-outline{
	background:transparent;
	color:var(--blue);
	border:.1rem solid var(--blue)
}
.btn.btn-outline:hover{
	color:var(--blue-m);
	border:.1rem solid var(--blue-m)
}
.btn.btn-outline:active{
	color:var(--blue-d);
	border:.1rem solid var(--blue-d)
}
.btn.btn-arrow:after{
	content:url(img/right-arrow.svg);
	display: inline-block;
    width: .9rem;
    line-height: 1;
    height: 1.6rem;
    filter: grayscale(1) brightness(2);
    margin: 0 -.4rem 0 .9rem
}
.btn.btn-outline.btn-arrow:after{filter: none}
.btn.btn-outline.btn-arrow:hover:after{filter: brightness(.75)}
.btn.btn-outline.btn-arrow:active:after{filter: brightness(.5)}

/* Form
   ----------------------------- */
.blog input:not([type=checkbox]):not([type=radio]):not([type=button]):not([type=file]):not([type=image]):not([type=range]):not([type=submit]):not([type=reset]){
	border:.1rem solid var(--grey-l);
	border-radius:.4rem;
	padding:1rem 1.6rem;
	color:var(--grey);
	font-size:1.6rem;
	line-height:2.4rem
}
.blog input:focus-visible {outline-color:#00a2e066}
.blog input[type=checkbox] + label {
  display: block;
  cursor: pointer
}
.blog input[type=checkbox] {display: none}
.blog input[type=checkbox] + label:before {
  content: "\2714";
  border: .1rem solid var(--grey-l);
  border-radius: .2rem;
  display: inline-block;
  min-width: 1.6rem;
  width: 1.6rem;
  height: 1.8rem;
  font-size: 1.4rem;
  font-weight: 600;
  padding-left: .6rem;
  padding-top: .4rem;
  margin-right: .8rem;
  margin-top: .3rem;
  color: transparent;
  transition: .2s
}
.blog input[type=checkbox] + label:active:before {transform: scale(0)}
.blog input[type=checkbox]:checked + label:before {
  background: #F0FBFF;
  border-color: var(--blue);
  color:var(--blue)
}
.blog input[type=checkbox]:disabled + label:before {
  transform: scale(1);
  background-color: #ddd;
  border-color: #ccc
}
.blog input[type=checkbox]:checked:disabled + label:before {
  transform: scale(1);
  background-color: #ddd;
  border-color: #ccc;
  color:#aaa
} 

/* Header
   ----------------------------- */
#main-header{
	background:#fafafa;
	position: relative;
	margin-bottom:2.4rem;
	transition: box-shadow 300ms ease-in-out
}
#main-header.sticky-header {
	box-shadow: 0 .4rem 1.2rem rgba(0, 0, 0, 0.1)
}
#main-header > .container-lg, #main-header .head-logo {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom:0
}
#main-header .head-logo figcaption{
	font:1.6rem/1.8rem var(--font-livvic);
	text-align: center;
	color:var(--grey);
	max-width:19rem
}
#main-header .head-logo figcaption:after{
	content: "";
    display:block;
    width: 0;
    height: 4rem;
	vertical-align: middle;
    border-right: .1rem solid #e6e6e6;
    margin:0 2.8rem 0 2.4rem
}
#main-header .head-logo a img{vertical-align: middle}
#main-header > .container-lg{
	position:relative;
	padding:1.6rem 2.4rem;
	box-shadow: 0 .2rem .2rem #33333314, 0 .4rem .8rem #33333314;
	z-index:10
}
#main-header .main-menu .container-lg{padding:4.8rem 1.6rem 5rem 1.6rem}
.main-menu{
	display:none;
	position: absolute;
	height: calc(100vh - 7.225rem);
	top: 7.225rem;
	left: 0;
	right: 0;
	background:#fafafa;
	z-index:1;
	box-shadow: 0 .2rem .4rem rgba(0, 32, 45, 0.15)
}
.main-menu .menu-title{
	font-family:var(--font-raleway);
	font-size:2rem;
	color:var(--blue);
	margin:0 0 2.2rem
}
#menu-categorias{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	justify-content: flex-start
}
#menu-categorias .menu-item a {
	position: relative;
	display:block;
	color: #6e6e6e;
	line-height: 1.1;
	text-decoration: none;
	padding: 1.7rem 4rem 1.7rem 3.6rem;
	transition: all 120ms ease-in-out
}
#menu-categorias .menu-item a:before {
	display:inline-block;
	width:2.4rem;
	margin-right:1.6rem;
	text-align: center;
	vertical-align:middle
}
#menu-categorias .menu-item-120 a:before {content:url(img/icon-building.svg)}
#menu-categorias .menu-item-37 a:before {content:url(img/icon-hospital.svg)}
#menu-categorias .menu-item-34 a:before {content:url(img/icon-car.svg)}
#menu-categorias .menu-item-36 a:before {content:url(img/icon-motorbike.svg)}
#menu-categorias .menu-item-35 a:before {content:url(img/icon-hug.svg)}
#menu-categorias .menu-item-38 a:before {content:url(img/icon-cardio.svg)}
#menu-categorias .menu-item-1626 a:before {content:url(img/icon-protagonistas.svg)}
#menu-categorias .menu-item a:after {
	content:url(img/right-arrow.svg);
	display:inline-block;
	vertical-align:middle;
	position:absolute;
	right:4rem;
	filter: grayscale(1) brightness(.85)
}
.head-actions{
	display: flex;
    align-items: center
}
.head-actions .menu-toggle {
	display: inline-block;
	width: 1.95rem;
	height: 1.425rem;
	position: relative;
	margin: 1.3rem 1.3rem 1.3rem 3rem;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer
}
.head-actions .menu-toggle:hover {opacity: .8}
.head-actions .menu-toggle span {
	display: block;
	position: absolute;
	height: .15rem;
	width: 100%;
	background: #6e6e6e;
	border-radius: .9rem;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: .25s ease-in-out;
	transition: .25s ease-in-out
}
.head-actions .menu-toggle span:nth-child(1) {top: 0}
.head-actions .menu-toggle span:nth-child(2),
.head-actions .menu-toggle span:nth-child(3) {top: .7rem}
.head-actions .menu-toggle span:nth-child(4) {top: 1.4rem}
.head-actions .menu-toggle.open span:nth-child(1) {
	top: .7rem;
	width: 0%;
	left: 50%
}
.head-actions .menu-toggle.open span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg)
}
.head-actions .menu-toggle.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.head-actions .menu-toggle.open span:nth-child(4) {
	top: .7rem;
	width: 0%;
	left: 50%
}

/* AI Chatbot Bar
   ----------------------------- */
.ai-chatbot-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #00A2E0;
	padding: 1.2rem 1.6rem;
	z-index: 999;
	box-shadow: 0 -.2rem .8rem rgba(0, 0, 0, 0.15)
}
.ai-chatbot-bar .container-lg {
	padding: 0
}
.ai-chatbot-content {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: .8rem
}
.ai-chatbot-bar .ai-text {
	font-family: var(--font-noto-m);
	font-size: 1.4rem;
	line-height: 2rem;
	color: #FFF;
	flex: 1 1 auto;
	min-width: 0;
	display: none
}
.ai-chatbot-bar .ai-cta {
	display: inline-flex;
	align-items: center;
	gap: 1rem;
	padding: 1.2rem 1.6rem;
	border-radius: .8rem;
	font-family: var(--font-noto-sb);
	font-size: 1.4rem;
	line-height: 2rem;
	text-decoration: none;
	white-space: nowrap;
	transition: all 120ms ease-in-out;
	flex-shrink: 0;
	border: .1rem solid transparent
}
.ai-chatbot-bar .ai-icon-stars {
	width: 1.6rem;
	height: 1.6rem;
	flex-shrink: 0
}
.ai-chatbot-bar .ai-cta-blue {
	background: transparent;
	color: #FFF;
	border-color: #FFF
}
.ai-chatbot-bar .ai-cta-blue:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #FFF
}
.ai-chatbot-bar .ai-cta-blue:active {
	background: rgba(255, 255, 255, 0.2);
	color: #FFF
}
.ai-chatbot-bar .ai-cta-red {
	background: var(--red);
	color: #FFF;
	border-color: var(--red)
}
.ai-chatbot-bar .ai-cta-red:hover {
	background: var(--red-m);
	border-color: var(--red-m);
	color: #FFF
}
.ai-chatbot-bar .ai-cta-red:active {
	background: var(--red-d);
	border-color: var(--red-d);
	color: #FFF
}
.ot-floating-button {
    display: none;
}

/* Footer
   ----------------------------- */
#main-footer{
	box-shadow: 0 -.2rem .2rem #33333314, 0 -.4rem .8rem #33333314;
	padding:4.8rem 2.4rem 0;
	margin-top: 9.6rem;
}
#main-footer a{
	text-decoration:none;
	color:var(--grey);
	font-size:1.6rem;
	line-height:2.4rem;
	transition: color 120ms ease-in-out
}
#main-footer a:hover{color: var(--blue)}
#main-footer ul{
	margin:0;
	padding:0;
	list-style:none
}
.top-footer{
	display: flex;
	flex-direction:column;
	margin-bottom:3.2rem
}
.top-footer [class*="col-0"] > ul, .top-footer [class*="col-0"] .textwidget{
	display:none;
	background:#f6f6f6
}
.top-footer [class*="col-0"] > ul li, .top-footer [class*="col-0"] .textwidget{padding:.8rem 1.6rem}	
.top-footer [class*="col-0"] > ul li:first-child{padding:2.4rem 1.6rem .8rem 1.6rem}
.top-footer [class*="col-0"] > ul li:last-child{padding:.8rem 1.6rem 2.4rem 1.6rem}
.top-footer [class*="col-0"] .textwidget img{
	margin:.8rem 0 0;
	min-width:30vw
}
.top-footer .footer-title{
	display:flex;
	align-items: center;
    justify-content: space-between;
	color:var(--grey);
	font-family:var(--font-noto-m);
	font-size:1.6rem;
	line-height:2.4rem;
	margin:0;
	padding:1.6rem;
	border-bottom:.1rem solid #e5e5e5
}
.top-footer .footer-title:after{
	content:url(img/right-arrow.svg);
	display: block;
    width: .9rem;
    line-height: 1;
    height: 1.6rem;
    filter: grayscale(1) brightness(.8);
	transform: rotate(90deg);
	transition: transform 180ms ease-in-out
   }
.top-footer .footer-title.open:after{transform: rotate(-90deg)}   
.top-footer .col-02 .footer-title{border-top:.1rem solid #e5e5e5}
.top-footer li a{
	display:block;
	margin-bottom:.8rem
}
.top-footer .col-01{
	width:100%;
	text-align:center;
	margin-bottom:3.2rem
}
.footer-apps a{
	display: flex;
    text-align: center;
    border-radius: 0.8rem;
    background: var(--grey);
    padding: 1rem;
    margin: 0 0 1.6rem;
    justify-content: center;
    align-items: center
}
#main-footer .footer-legal ul, #main-footer .footer-social .textwidget{
	display: flex;
    align-items: center;
    justify-content: center;
	gap: 1.6rem
}  
#main-footer .footer-social .textwidget {margin: 4rem 0}
#main-footer .footer-legal ul{margin:3rem 0 0}
.footer-copyright{
	color:var(--grey);
	font-size:1.6rem;
	line-height:2.4rem;
	text-align:center;
	margin-bottom:4rem
}

/* Home
   ----------------------------- */
#intro-home figure{
  margin: 0 0 9.6rem;
  padding: 0 .85rem;
  display: flex;
  align-items: center;
  flex-direction: column
}
#intro-home figure img{
  display: block;
  padding: 0;
  margin: 0 0 3.2rem
}
#intro-home figcaption{margin:0}
#intro-home figcaption h1{
  font-family: var(--font-raleway);
  margin:0;
  font-size: 2.8rem;
  line-height: 3.2rem;
  letter-spacing: -.02rem;
  color:var(--blue)
}
#intro-home figcaption h1 strong{
  color:var(--blue-d);
  text-transform:uppercase
}
#intro-home figcaption p{
  color:var(--grey);
  font-size:1.6rem;
  line-height:2.4rem;
  margin:1.4rem 0 0
}

/* Post list Items
   ----------------------------- */
.post-list:not(.grid) .post-card{margin-bottom:1.6rem}
.category .post-list .post-card{margin-bottom:2.4rem}
.post-card{
	display: flex;
    flex-direction: column;
	height:100%;
	background: #FAFAFA;
	outline: .1rem solid transparent;
	box-shadow: 0 .1rem .7rem -.1rem #1a1a1a14, 0 0 .4rem -.1rem #1a1a1a14, .1rem 0 .7rem -.1rem #1a1a1a14;
	border-radius: .8rem;
	overflow:hidden;
	padding-bottom:1.6rem;
	cursor:pointer;
	transition:all 180ms ease-out
} 
.post-card:hover, .post-card:focus{
	background: #F5F5F5;
    outline: .1rem solid var(--grey-l)
}
.post-card:active{background: #E0F6FF}
.post-card .post-card-wrap{
	display: flex;
    flex-direction: column;
	height:100%
}
.post-card figure{
	position:relative;
	height:12.8rem;
	margin:0;
	overflow:hidden
} 
.post-card figure img{
	width: 100%;
    height: auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
} 
.post-card header{padding:1.6rem 1.6rem 0}
.post-card time{
	display:flex;
	align-items: center;
	font-size:1.4rem;
	line-height:2rem;
	margin:0;
	color:var(--grey-l)
}
.post-card time:before{
	content:url(img/icon-calendar.svg);
	display:block;
    width: 1.2rem;
    height: 1.2rem;
	line-height:1;
	margin:0 .6rem 0 0
}
.post-card h2, .post-card h3{margin:0}
.post-card .post-title{
	display:block;
	padding:.8rem 0 1.6rem;
	font-family:var(--font-raleway);
	font-size:1.8rem;
	line-height:2.4rem;
	color:var(--grey)
}
.post-card .post-excerpt{
	margin:0;
	padding:0 1.6rem 1.6rem 1.6rem;
	font-size:1.6rem;
	line-height:2.4rem;
	color:var(--grey)	
}
.post-card .post-category a{
	display:inline-block;
	margin:0 0 0 1.6rem; 
	padding:.4rem .8rem;
	font-size:1.2rem;
	line-height:1.8rem;
	color:var(--grey);
	border:.1rem solid var(--grey-l);
	border-radius:.8rem
}
.post-card .post-category a:first-letter{text-transform:uppercase}
.post-card .post-category a:focus{
	box-shadow: 0 0 .4rem .2rem var(--blue);
    outline: .1rem solid #FFF
}
.post-card .post-category a:hover{
	color:var(--grey);
	border-color:.1rem solid var(--grey);
	background:#F5F5F5
}
.post-card .post-category a:active{
	color:var(--blue);
	border-color:.1rem solid var(--blue);
	background:#FAFAFA
}
.post-list .load-more{
	margin:2.4rem 0;
	display:flex;
	justify-content: center
} 
.post-list .load-more a{
	width: 100%;
    justify-content: center
}

 /* Pagination
   ----------------------------- */
 .pagination{
	 display:flex;
	 justify-content:center;
	 margin:4.8rem auto	 
 }
.pagination .page-numbers{
	display: flex;
	justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 1.6rem;
    line-height: 2.4rem;
    width: 4.8rem;
    height: 4.8rem;
    color: var(--grey-m);
    border: .1rem solid transparent;
    border-top-color:#e5e5e5;
    border-bottom-color:#e5e5e5;
	transition:all 120ms ease-out
}
.pagination .page-numbers:not(.prev):not(.next):not(.dots):hover{
	border-left-color:#e5e5e5;
    border-right-color:#e5e5e5	
}
.pagination .page-numbers:hover + .next, .pagination .prev + .page-numbers:not(.prev):not(.next):not(.dots):hover{
	border-left-color:transparent	
}
.pagination .page-numbers.prev, .pagination .page-numbers.next{
	width:auto;
	border-color: #e5e5e5;
	position:relative;
	padding-left: 3.175rem;
    padding-right: 3.175rem
}
.pagination .page-numbers.prev{border-radius:.8rem 0 0 .8rem}
.pagination .page-numbers.next{border-radius:0 .8rem .8rem 0}
.pagination .page-numbers.prev span, .pagination .page-numbers.next span{display:none}
.pagination .page-numbers.prev:before, .pagination .page-numbers.next:after{
	content:"";
	background:url(img/right-arrow.svg) center center no-repeat;
	background-size:cover;
	display:block;
	width:.8rem;
	height:1.4rem;	
	vertical-align:middle;
	position:absolute;
	right:2.4rem;
	top: 50%;
    transform: translateY(-50%);
	filter: grayscale(1) brightness(.9)
}
.pagination .page-numbers.disabled,
.pagination .page-numbers.disabled:hover,
.pagination .page-numbers.disabled:hover:before,
.pagination .page-numbers.disabled:hover:after{
	opacity:.6;
	cursor:default;
	pointer-events: none
}
.pagination .page-numbers.prev:before{
	left:2.6rem;
	right:auto;
	transform: translateY(-50%) rotate(180deg)
}
.pagination .page-numbers.next:after{right:2.6rem}
.pagination .page-numbers.current{
	background:#F0FBFF;
	color:var(--blue);
	border-color:var(--blue)!important
}
.pagination a.page-numbers:hover{background:#F5F5F5}
.pagination .page-numbers.dots{
	color:#80808066;
	user-select: none
	}
   
 /* Category
   ----------------------------- */
.title h1{
	font-family:var(--font-noto-b);
	color: var(--blue);
	font-size:2.8rem;
	line-height:3.2rem;
	margin:0 0 3.2rem
}
.title h1:first-letter{text-transform:uppercase}

 /* Newsletter
   ----------------------------- */
#newsletter-block{
	padding:4.8rem 0 0;
}
#newsletter-block:before {
	content:"";
	background:url(img/newsletter-illust-mobile.svg) center center no-repeat;
	background-size:cover;
	display:block;
	width:27.2rem;
	height:26.4rem;
	margin:0 auto 2.4rem
}
.newsletter-wrap > span{
	display:block;
	text-align:center;
	font-family:var(--font-raleway);
	font-size:3.6rem;
	line-height:4.2rem;
	letter-spacing:.02rem;
	color:var(--blue);
	margin:0
}
.newsletter-wrap > p{
	text-align:center;
	font-size: 1.6rem;
    line-height: 2.4rem;
	color: var(--grey);
	margin:1.6rem 0
}
#newsletter-block fieldset{
	padding: 0;
	margin:0 0 .8rem;
    border: 0;
    display: flex;
	flex-direction:column
}
#newsletter-block fieldset input{
	width:100%;
	margin-bottom:.8rem
}
#newsletter-block fieldset input[type='submit']{justify-content: center}
#newsletter-block .agreement{
	display: flex;
    align-items: flex-start
}
#newsletter-block .agreement label{
	display: flex;
	font-size:1rem;
	line-height:1.4rem;
	color:var(--grey)
} 

 /* Widgets/Sidebar
   ----------------------------- */
body.category .first-block{order:1}
body.category .second-block{order:2}
body.category #sidebar{
	order:3;
	padding-bottom:9.6rem	
}
.single-post .sidebar-content .recent-posts{display:none}
.related-posts {margin-top:9.6rem}
.second-block .recent-posts{margin-top:8rem}
.recent-posts article:not(:last-child), .related-posts article:not(:last-child){margin-bottom:1.6rem}
.recent-posts article:last-child{display:none}
.recent-posts h2, .related-posts h2{
	font-family:var(--font-raleway);
	font-size:2.8rem;
	line-height:3.2rem;
	letter-spacing:.02rem;
	color:var(--blue);
	margin:0 0 3.2rem
}
.recentposts article{
	margin:0 0 1.6rem;
	box-shadow: 0 .1rem .7rem -.1rem #1a1a1a14, 0 0 .4rem -.1rem #1a1a1a14, .1rem 0 .7rem -.1rem #1a1a1a14;
	border-radius: .8rem;
	overflow:hidden;
	outline: .1rem solid transparent;
	transition:all 180ms ease-out
	}
.recentposts article:hover, .recentposts article:focus{
	background: #F5F5F5;
    outline: .1rem solid var(--grey-l)
}
.recentposts article:active{background: #E0F6FF}
.recentposts article a{display:flex}
.recentposts article a img{
	margin:0;
	float:none
}
.recentposts article span{
	position:relative;
	padding:1.6rem 3.4rem 1.6rem 1.6rem;
	font-size:1.4rem;
	line-height:2rem;
	color:var(--grey)
}
.recentposts article span:after {
	content:"";
	background:url(img/right-arrow.svg) center center no-repeat;
	background-size:cover;
	display:block;
	width:.6rem;
	height:1.1rem;	
	vertical-align:middle;
	position:absolute;
	right:1.8rem;
	top: 50%;
    transform: translateY(-50%);
	filter: grayscale(1) brightness(.85)
}

 /* Post
   ----------------------------- */
.breadcrumb a:after{
	content: "";
	display: inline-block;
    width: .4rem;
    height: .7rem;
    vertical-align: baseline;
    margin:0 .1rem 0 .6rem;
    background-size: .4rem .7rem;
    background-image: url(img/right-arrow.svg);
    background-repeat: no-repeat;
    filter: grayscale(1) brightness(.85)
}
.breadcrumb a, .breadcrumb .breadcrumb_last{
	display:inline-block;
	font-size:1.2rem;
	line-height:1.8rem;
	letter-spacing:.02rem;
	color:var(--grey)
}
.breadcrumb a:first-letter, .breadcrumb .breadcrumb_last:first-letter{text-transform:uppercase}
.breadcrumb a:hover, #ez-toc-container.ez-toc-counter .ez-toc-list a:hover{
	color:var(--blue);
	text-decoration:none
	}
 .entry-title{
	font-family:var(--font-raleway);
	color: var(--blue);
    font-size: 2.8rem;
    line-height: 3.2rem;
    letter-spacing: .02rem;
    margin: 1.6rem 0 3.2rem
 }
.entry-image{
	position: relative;
    height: 26.6rem;
    margin: 0 0 3.2rem;
	border-radius:.8rem;
	overflow:hidden
}
.entry-image img{
	width: 100%;
    height: 100%;
    object-fit: cover
}
.entry-meta p {
	display: flex;
    align-items: center;
	margin:0 0 .8rem;
	color: var(--grey-l);
	font-size:1.4rem;
	line-height:2rem
}
.entry-meta .entry-category {
    display: inline-block;
    margin: 0 .8rem 0 0;
    padding: .4rem .8rem;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color:var(--grey);
	border:.1rem solid var(--grey-l);
    border-radius: .8rem
}
.entry-meta .entry-category:first-letter{text-transform:uppercase}
.entry-meta .date-author:before {
	content:"";
	background:url(img/icon-calendar.svg) center center no-repeat;
	background-size:cover;
	display:block;
	width:1.2rem;
	height:1.2rem;
	margin:0 .6rem 0 0
}
.entry-meta .reading-time:before {
	content:"";
	background:url(img/icon-file.svg) center center no-repeat;
	background-size:cover;
	filter: grayscale(1) brightness(1.3);
	display:block;
	width:1.1rem;
	height:1.4rem;
	margin:0 .65rem 0 0
}
.entradilla{
	color: var(--grey);
    font-size: 1.6rem;
    line-height: 2.4rem;
	margin:2.4rem 0 9.6rem
}
.entradilla p:first-child{margin-top:0}
.entradilla p:last-child{margin-bottom:0}

#ez-toc-container.ez-toc-counter{
	display:block;
	border-radius:.8rem;
	padding:1.6rem;
	background:#F0FBFF;
	border:.1rem solid var(--blue);
	margin-bottom:9.6rem
}
#ez-toc-container.ez-toc-counter .ez-toc-title-container{
	display:flex;
	align-items:center
}
#ez-toc-container.ez-toc-counter .ez-toc-title{
	display: flex;
	align-items: center;
	color: var(--blue);
    font-family: var(--font-noto-b);
    font-size: 2rem;
    line-height: 2.4rem;
    margin: 0 0 1.6rem
}
#ez-toc-container.ez-toc-counter .ez-toc-title:before{
	content:"";
	background:url(img/icon-file.svg) center center no-repeat;
	background-size:cover;
	display:block;
	width:2.13rem;
	height:2.66rem;
	margin:0 1.33rem 0 0
}
#ez-toc-container.ez-toc-counter .ez-toc-list {
	list-style:none;
	padding: 0;
    margin: 0
}
#ez-toc-container.ez-toc-counter .ez-toc-list a{
	display: flex;
    position: relative;
    color: var(--grey);
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin: 0 0 0.8rem;
    padding-right: 1.6rem
}
#ez-toc-container.ez-toc-counter .ez-toc-list a:before{margin:0 1.4rem 0 0}
#ez-toc-container.ez-toc-counter .ez-toc-list ul a{padding-left: 3.34rem}
#ez-toc-container.ez-toc-counter .ez-toc-list ul a:before{content:none}
#ez-toc-container.ez-toc-counter .ez-toc-list a:after{
	content:"";
	background:url(img/right-arrow.svg) center center no-repeat;
	background-size:cover;
	display:block;
	position:absolute;
	width:.6rem;
	height:1.06rem;
	margin:0;
    right:.2rem;
	top: 50%;
    transform: translateY(-50%);
	filter: grayscale(1) brightness(.9)
}
#ez-toc-container.ez-toc-counter .ez-toc-list a:hover:after{filter: none}
.entry-content {
	margin-top:9.6rem;
	margin-bottom: 9.6rem;
	color: var(--grey);
    font-size: 1.6rem;
    line-height: 2.4rem
}
.entry-content h2{
	font-family:var(--font-raleway);
    font-size: 2.2rem;
    line-height: 2.8rem;
	margin-bottom:1.6rem
}
.entry-content h2:not(:first-child){margin-top:9.6rem}
.entry-content h3{
    font-size: 1.8rem;
    line-height: 2.4rem;
	margin:3.2rem 0 1.6rem
}
.entry-content p:last-of-type{margin:0}
#author-box{
	display: flex;
	flex-direction:column;
    align-items: center;
	margin:9.6rem 0;
    padding: 2.4rem;
	background: #FAFAFA;
	outline: .1rem solid transparent;
	box-shadow: 0 .1rem .7rem -.1rem #1a1a1a14, 0 0 .4rem -.1rem #1a1a1a14, .1rem 0 .7rem -.1rem #1a1a1a14;
	border-radius: .8rem;
	overflow:hidden
}
#author-box figure{
	width:100%;
	height:16.4rem;
	margin:0 0 2.4rem;
	box-shadow: 0 .1rem .7rem -.1rem #1a1a1a14, 0 0 .3rem -.1rem #1a1a1a14, .1rem 0 .7rem -.1rem #1a1a1a14;
	border-radius: .8rem;
	background:#F5F5F5;
	text-align: center;
	overflow: hidden
}
#author-box figure img{height:100%}
#author-box div{
	color: var(--grey);
    font-size: 1.6rem;
    line-height: 2.4rem
}
#author-box div h3{
	font-family: var(--font-raleway);
	letter-spacing: -.02rem;
	color:var(--blue);
	font-size: 2.2rem;
    line-height: 2.8rem;
	margin: 0 0 1.6rem
}

/* 404 */
.not-found{
	padding:4rem;
	text-align:center
}
.not-found h1{
	margin:0 0 3rem;
	font-family: var(--font-raleway);
	font-size: 4.2rem;
	line-height: 5rem;
	letter-spacing: -.02rem;
	color:var(--blue)
}
.not-found h3{
	margin:0 0 4rem;
	font-size: 2rem;
	line-height: 2.8rem;
	color:var(--grey)
}
.not-found .btn{margin:0 auto}

/*Overrides Widget iSalud*/
.widget-isalud-container .wi-main-doctori-blog .wi-main-doctori-blog-block{padding:0 1.6rem 1.6rem}
.widget-isalud-container .tabs-form__ul {
    grid-template-columns: repeat(5,minmax(4.8rem,1fr));
    grid-template-rows: 6.88rem
}
.widget-isalud-container .tabs-form__li span.tabs-form__li-text,.widget-isalud-container .tabs-form__li span.tabs-form__li-text1,.widget-isalud-container .tabs-form__li span.tabs-form__li-text2 {
    font-size: 1.36rem
}
.widget-isalud-container .card-form {padding: 3.2rem}
.widget-isalud-container .wi-main-doctori-blog input.wi-submit{margin-top:2.4rem}

@media only screen and (max-width:160em){
    .widget-isalud-container .tabs-form__ul{
        grid-template-columns:repeat(5,minmax(4.8rem,1fr));
        grid-template-rows:6.4rem
    }
	.widget-isalud-container .tabs-form__li>div .tabs-form__anchor{grid-template-columns:4.8rem}
	.widget-isalud-container .tabs-form__li .tabs-form__anchor .tabs-form__anchor-img1,
	.widget-isalud-container .tabs-form__li .tabs-form__anchor .tabs-form__anchor-img2{
        width:2.4rem;
        height:1.925rem
    }
	.widget-isalud-container .tabs-form__li span.tabs-form__li-text,.widget-isalud-container .tabs-form__li span.tabs-form__li-text1,.widget-isalud-container .tabs-form__li span.tabs-form__li-text2{
        font-size:1.2rem
    }
}
@media only screen and (max-width:60em){
    .widget-isalud-container .tabs-form__ul{
        grid-template-columns:repeat(5,minmax(4.8rem,1fr));
        grid-template-rows:6.4rem
    }
	.widget-isalud-container .tabs-form__li>div .tabs-form__anchor{grid-template-columns:4.8rem}
	.widget-isalud-container .tabs-form__li .tabs-form__anchor .tabs-form__anchor-img1,
	.widget-isalud-container .tabs-form__li .tabs-form__anchor .tabs-form__anchor-img2{
        width:2.4rem;
        height:1.925rem
    }
	.widget-isalud-container .tabs-form__li span.tabs-form__li-text,.widget-isalud-container .tabs-form__li span.tabs-form__li-text1,.widget-isalud-container .tabs-form__li span.tabs-form__li-text2{
        font-size:1.2rem
    }
	.widget-isalud-container .card-form{padding:4.5rem 1.6rem}
}
@media only screen and (max-width:38em){
    .widget-isalud-container .card-form{padding:3.2rem .96rem}
	.widget-isalud-container .wi-main-doctori-blog .wi-main-doctori-blog-block{padding:0 .8rem .8rem}
}
.widget-isalud-container{overflow-x:auto}	
body.category .widget-isalud-container{margin-bottom:9.6rem}
.first-block .post-list:not(.grid) .post-card .post-info {
	display: flex;
	flex-direction: column;
	justify-content: center
}
   
/* Responsive
   ----------------------------- */
   
@media (min-width: 576px) {
	#main-header .main-menu .container-lg{padding:4.8rem 3rem 6rem 3rem}
	#main-footer ul{background:transparent}
	#main-footer{margin-top: 8rem}
	.top-footer{
		flex-direction:row;
		flex-wrap:wrap;
		justify-content: space-between;
		margin-bottom:0
	}
	.top-footer .col-05{max-width:15rem}
	.top-footer [class*="col-0"]:not(:last-child){margin-right:1.8rem}
	.top-footer [class*="col-0"]{margin-bottom:1.8rem}
	.top-footer [class*="col-0"] > ul, .top-footer [class*="col-0"] .textwidget{display:block}
	.top-footer [class*="col-0"] .footer-title{
		display:block;
		color:var(--blue);
		font-family:var(--font-noto-sb);
		margin:0 0 .8rem;
		padding:0;
		border:none
	}
	.top-footer .footer-title:after{content:none}
	.top-footer .col-01{
		text-align:left;
		margin-bottom:2rem
	}
	.top-footer [class*="col-0"] > ul li,
	.top-footer [class*="col-0"] .textwidget,
	.top-footer [class*="col-0"] > ul li:first-child,
	.top-footer [class*="col-0"] > ul li:last-child{
		padding:0;
		background:transparent
	}
	.top-footer [class*="col-0"] .textwidget img{
		margin:.0;
		min-width:auto
	}
	#main-footer .footer-social .textwidget{margin:1.6rem 0}
	#main-footer .footer-legal ul {margin: 3.2rem 0 1.6rem}
	#intro-home figcaption h1 {
		font-size: 3.6rem;
		line-height: 4.2rem
	}
	#intro-home figure{
	  margin: 10.4rem 0;
      padding: 0 2.4rem;
      flex-direction: row
	}
	#intro-home figure img{ margin:0 2.4rem 0 0}	
	.post-list:not(.grid) .post-card, .recent-posts .post-card, .related-posts .post-card{
		flex-direction: row;
		padding-bottom: 0
	}
	.post-list:not(.grid) .post-card figure, .recent-posts .post-card figure, .related-posts .post-card figure{
		width: 16.4rem;
		min-width: 16.4rem;
		height: auto
	}
	.post-list:not(.grid) .post-card figure img, .recent-posts .post-card figure img, .related-posts .post-card figure img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		transform: none;
		top: auto
	}
	.post-list:not(.grid) .post-card .post-info, .recent-posts .post-card .post-info, .related-posts .post-card .post-info{flex-shrink:100}
	.post-list .post-card header {padding:2.4rem 2.4rem 0}
	.post-list:not(.grid) .post-card .post-excerpt, .recent-posts .post-card .post-excerpt, .related-posts .post-card .post-excerpt {padding: 0 2.4rem 2.4rem}
	.recent-posts .post-card h3, .related-posts .post-card h3{margin:0}
	.post-list:not(.grid) .post-card h2 a, .recent-posts .post-card h3 a, .related-posts .post-card h3 a{
		font-size:2rem;
		line-height:2.4rem;
		padding:0 0 1.6rem;
		letter-spacing:.02rem
	}
	.second-block .related-posts .post-card h3 a{padding:.8rem 0 1.6rem}
	.category .post-list .post-card h2 a{padding:.8rem 0 1.6rem}
	.post-list.grid .row article:not(:nth-child(-n+3)){
		padding-right: 1.2rem;
		padding-left: 1.2rem;
		margin-top: 2.4rem
	}
	.post-list.grid .row article:nth-child(-n+3){
		margin-top: 1.5rem;
		padding-right: 1.2rem;
		padding-left: 1.2rem
	}
	.post-list.grid .post-card{padding-bottom:2.4rem} 
	.post-list.grid .post-card figure{height:16rem} 
	.post-list.grid .post-card h2 a{
		font-size:2rem;
		line-height:2.4rem;
		letter-spacing:.02rem
	}
	.post-list.grid .post-card .post-excerpt{padding:0 2.4rem 2.4rem 2.4rem}
	.post-list.grid .post-card .post-category a{
		margin:0 0 0 2.4rem; 
		letter-spacing:.02rem
	}
	.pagination .page-numbers.prev span, .pagination .page-numbers.next span{display:inline}
	.pagination .page-numbers.prev{
		padding-left:3.6rem;
		padding-right:1.6rem
	}
	.pagination .page-numbers.next{
		padding-left:1.6rem;
		padding-right:3.6rem
	}
	.pagination .page-numbers.prev:before{left:1.6rem}
	.pagination .page-numbers.next:after{right:1.6rem}
	#ez-toc-container.ez-toc-counter{padding:2.4rem}
}
@media (min-width: 768px) {
	#main-header .main-menu .container-lg{padding:4.8rem 4.8rem 7rem 4.8rem}
	#main-footer .footer-legal li:not(:last-of-type):after{
	content:"";
	width: .1rem;
    height: 2.4rem;
    display: inline-block;
    background: #66666666;
    vertical-align: bottom;
    margin-left: 1.6rem
	} 
	.top-footer .col-05{max-width:18rem}
	#sidebar{padding-bottom:8rem}
	#newsletter-block {padding: 3.2rem 0 0}
	#newsletter-block:before {
		background:url(img/newsletter-illust-tablet.svg) center center no-repeat;
		background-size:cover;
		width:38.4rem;
		height:31.2rem
	}
	#newsletter-block fieldset {flex-direction: row}
	#newsletter-block fieldset input:first-child {margin-right:.8rem}
	#newsletter-block fieldset input:last-child {margin-left:.8rem}
	#ez-toc-container.ez-toc-counter .ez-toc-list a{
		display: inline-block;
		padding-left:1.67rem
	}
	.entradilla {margin: 3.2rem 0 8rem}
	.entry-content {margin-top:0}
	.entry-content h2{
		font-size: 2.8rem;
		line-height:3.2rem;
		margin-bottom:1.6rem
	}
	.entry-content h2:not(:first-child){margin-top:8rem}
	.entry-content h3{
		font-size: 2rem;
		line-height: 2.4rem;
		margin:3.2rem 0 1.6rem
	}
	#author-box{
		flex-direction:row;
		margin: 8rem 0
	}
	#author-box figure{
		min-width: 16.4rem;
		margin: 0 2.4rem 0 0;
		width: auto
	}
	#author-box div h3{
		font-size:2.8rem;
		line-height:3.2rem
	}
}
@media (min-width: 992px) {
	#main-header {
		position: sticky;
		top: 0;
		z-index: 1000;
		margin-bottom: 0
	}
	#main-header > .container-lg{
		padding:1.2rem 0;
		box-shadow:none
	}
	body {
		padding-bottom: 0
	}
	.ai-chatbot-bar {
		position: static;
		padding: 0;
		box-shadow: none
	}
	.ai-chatbot-content {
		justify-content: center;
		gap: 1.6rem;
		height: 5.6rem
	}
	.ai-chatbot-bar .ai-text {
		display: block;
		font-size: 1.6rem;
		line-height: 2.4rem;
		flex: 0 0 auto
	}
	.ai-chatbot-bar .ai-cta {
		padding: .6rem 1.6rem;
		font-size: 1.6rem;
		line-height: 2.4rem
	}
	.ai-chatbot-bar .ai-icon-stars {
		width: 2rem;
		height: 2rem
	}
	.main-menu{
		display:block;
		top: auto;
		height: auto;
		position: relative;
		background:#133e6a;
		box-shadow: 0 .2rem .2rem #3333331a, 0 .4rem .8rem #33333326
	}
	#main-header .main-menu .container-lg{padding:0}
	#menu-categorias{
		flex-direction: row;
		align-items: center;
		justify-content: center
	}
	#menu-categorias .menu-item a{
		display: flex;
		font-size: 1.5rem;		
		height: 5.6rem;
		color: #FFF;
		padding: 1.6rem;
		align-items: center
	}
	#menu-categorias .menu-item a:before, #menu-categorias .menu-item a:after {content:none}
	#menu-categorias .menu-item:not(:last-child) a:after{
		content: "";
		opacity:1;
		position: absolute;
		right: -.1rem;
		width: .1rem;
		height: 4rem;
		background: #0080b366;
		transition: opacity 120ms ease-in-out
	}
	#menu-categorias .menu-item:not(:last-child) a:hover:after{opacity:0}
	#menu-categorias .menu-item a:hover{background:var(--blue-m)}
	#menu-categorias .menu-item a:active{background:var(--blue-d)}
	#menu-categorias .menu-item:last-of-type a{border-right:none}
	#main-footer{
		box-shadow: 0 -.2rem .2rem #33333314, 0 -.4rem .8rem #33333314;
		padding:6.4rem 0 0
	}
	.post-list .load-more a{width: auto}
	body.category .first-block{order:1}
	body.category .second-block{order:3}
	body.category #sidebar{
		order:2;
		padding-bottom:0
	}
	.sidebar-content{padding:0 0 0 1.6rem}
	.widget-isalud-container{margin-bottom:4.8rem}
	body.category .widget-isalud-container{margin-bottom:4.8rem}
	.top-footer{flex-wrap:nowrap}
	.top-footer .col-01{width:auto}
	.top-footer .col-05{max-width:100%}
	.top-footer [class*="col-0"]{margin-bottom:0}
	#ez-toc-container.ez-toc-counter{margin-bottom:0}
	.single-post .sidebar-content .recent-posts,.recent-posts article:last-child{display:block}
	.sidebar-content .recent-posts .post-card .post-excerpt, .recent-posts .post-card time{display:none}
	.sidebar-content .recent-posts h2{
		font-size: 2rem;
		line-height: 2.4rem;
		color: var(--grey);
		margin: 0 0 2.4rem
	}
	.sidebar-content .recent-posts .post-card figure {
		max-width: 7.2rem;
		min-width: auto;
		height: auto
	}
	.sidebar-content .recent-posts .post-card figure + div {
		width:100%;
		min-height: 112px
	}
	.sidebar-content .recent-posts .post-card header{
		flex-shrink:2;
		display: flex;
		flex-direction: column;
		justify-content: center
	}
	.sidebar-content .recent-posts .post-card h3{margin:0}
	.sidebar-content .recent-posts .post-card h3 .post-title{
		position:relative;
		min-height: 96px!important;
		color:var(--grey);
		font-family:var(--font-noto);
		font-size:1.4rem;
		line-height:2rem;
		padding-right:1.4rem;
		min-height: 5.6rem;
		display:flex;
		flex-direction: column;
		justify-content: center
	}
	.sidebar-content .recent-posts .post-card h3 .post-title:after{
		content:"";
		background:url(img/right-arrow.svg) center center no-repeat;
		background-size:cover;
		display:block;
		width:.6rem;
		height:1.06rem;	
		position:absolute;
		right:.2rem;
		top: calc(50% - .8rem);
		transform: translateY(-50%);
		filter: grayscale(1) brightness(.9)
	}
	.first-block .post-list:not(.grid) .post-card .post-info {
		min-height: 308px
	}
}
@media (min-width: 1200px) {
	#menu-categorias .menu-item a{font-size:1.6rem}
	#main-header{margin-bottom:4.4rem}
	.sidebar-content {padding: 0 0 0 6.892rem}
	.single-post .second-block .recent-posts{display:none}
	.recent-posts article:last-child, .related-posts article:last-child {margin-bottom: 1.6rem}
	.related-posts article{
		padding-right: 1.2rem;
		padding-left: 1.2rem
	}
	.related-posts h2 {text-align:center}
	.related-posts .post-card{
		display: flex;
		flex-direction: column;
		height:100%;
		background: #FAFAFA;
		outline: .1rem solid transparent;
		box-shadow: 0 .1rem .7rem -.1rem #1a1a1a14, 0 0 .4rem -.1rem #1a1a1a14, .1rem 0 .7rem -.1rem #1a1a1a14;
		border-radius: .8rem;
		overflow:hidden;
		padding-bottom:2.4rem;
		cursor:pointer;
		transition:all 180ms ease-out
	} 
	.related-posts .post-card:hover, .related-posts .post-card:focus{
		background: #F5F5F5;
		outline: .1rem solid var(--grey-l)
	}
	.related-posts .post-card:active{background: #E0F6FF}
	.related-posts .post-card figure{
		position:relative;
		width: 100%;
		height:16rem;
		margin:0;
		overflow:hidden
	} 
	.related-posts .post-card figure img{
		width: 100%;
		height: auto;
		position: relative;
		top: 50%;
		transform: translateY(-50%)
	} 
	.related-posts .post-card header{padding:2.4rem 2.4rem 0}
	.related-posts .post-card h3 a{
		display:block;
		padding:.8rem 0 1.6rem;
		font-family:var(--font-raleway);
		font-size:1.8rem;
		line-height:2.4rem;
		color:var(--grey)
	}
	.related-posts .post-card .post-excerpt{
		margin:0;
		padding:0 2.4rem;
		font-size:1.6rem;
		line-height:2.4rem;
		color:var(--grey)	
	}
	#newsletter-block{display:flex}
	#newsletter-block {padding: 9.6rem 0 0}
	#newsletter-block:before {
		background:url(img/newsletter-illust-desktop.svg) center center no-repeat;
		background-size:cover;
		min-width:41.6rem;
		width:41.6rem;
		height:26.4rem;
		margin:0 8rem 0 0
	}
	.newsletter-wrap > span, .newsletter-wrap > p{text-align:left}
	#author-box figure{
		min-width:14.6rem;
		width:14.6rem;
		height:14.6rem
	}
	.first-block .post-list:not(.grid) .post-card .post-info {
		min-height: 260px
	}
}