/*
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;
  --heading: #001A80;
  --heading-bg: #C9E9F5;
  --grey: #6E6E6E;
  --grey-l: #999999;
  --grey-m: #808080;
  --red: #E00333;
  --red-m: #B33200;
  --red-d: #862500;
  --font-livvic: 'Livvic', sans-serif;
  --font-raleway-sb: 'Raleway Semibold', sans-serif;
  --font-raleway-b: 'Raleway Bold', sans-serif;
  --font-raleway-xb: 'Raleway Extrabold', 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;
  --font-noto-xb: 'NotoSans ExtraBold', 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-b);
	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: var(--blue);
	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-b);
  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-b);
	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-b);
	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:3.2rem}
.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-b);
	font-size:2.8rem;
	line-height:3.2rem;
	letter-spacing:.02rem;
	color:var(--heading);
	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:1rem;
	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-xb);
	color: var(--heading);
    font-size: 2.6rem;
    line-height: 2.8rem;
	font-weight: 800;
    letter-spacing: .02rem;
    margin: 1.6rem 0 1.6rem
 }
.entry-image{
	position: relative;
	height: 23.1rem;
	margin: 0 0 1.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;
}
.entry-meta .reading-time:before {
	content:"";
	background:url(img/icon-clock.svg) center center no-repeat;
	background-size:cover;
	display:block;
	width:1.25rem;
	height:1.25rem;
	margin:0 .325rem 0 0
}
.entradilla{
	color: var(--grey);
    font-size: 1.6rem;
    line-height: 2.4rem;
	margin:0 0 1.2rem
}
.entradilla p:first-child{margin-top:0}
.entradilla p:last-child{margin-bottom:0}

.entry-content {
	margin-bottom: 4.2rem;
	color: var(--grey);
    font-size: 1.6rem;
    line-height: 2.4rem
}
.entry-content h2{
	font-family: var(--font-noto-xb);
	color: var(--heading);
    font-size: 2.2rem;
    line-height: 2.8rem;
	margin-bottom:1.6rem
}
.entry-content h2:not(:first-child){margin-top:2.6rem}
.entry-content h3{
	font-family: var(--font-noto-xb);
	color: var(--heading);
    font-size: 1.8rem;
    line-height: 2.4rem;
	margin:3.2rem 0 1.6rem
}
.entry-content h4, .entry-content h5, .entry-content h6{
	font-family: var(--font-noto-xb);
	color: var(--heading);
	margin: 2.4rem 0 1.2rem
}
/* Tablas */
.entry-content table{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	font-size: 1.5rem;
	line-height: 2.2rem
}
.entry-content table thead th,
.entry-content table > tbody > tr:first-child > th{
	background: var(--heading-bg);
	color: var(--heading);
	font-family: var(--font-raleway-b);
	padding: .75rem .8rem;
	text-align: left;
	font-size: 1.6rem;
	line-height: 2.4rem;
	border: .1rem solid var(--grey)
}
.entry-content .wp-block-table thead {
    border-bottom: 0;
}
.entry-content table td{
	padding: .75rem .8rem;
	border: .1rem solid var(--grey);
	vertical-align: top
}
.entry-content p:last-of-type{margin:0}

/* ---- Entry meta en línea ---- */
.entry-meta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .6rem 1.2rem;
	margin-bottom: 2.8rem
}
.entry-meta p {
	display: flex;
	align-items: center;
	margin: 0;
	color: var(--grey-l);
	font-size: 1.2rem;
	line-height: 1.6rem
}
.entry-meta .date-author {
	font-family: var(--font-noto-m);
	gap: .5rem
}
.entry-meta .date-updated {
	color: var(--heading);
	font-family: var(--font-noto-m)
}

/* ---- Caja TOC rediseñada ---- */
#ez-toc-container.ez-toc-counter{
	display: block;
	border-radius: .8rem;
	padding: 2rem 2.4rem;
	border: .15rem solid var(--heading);
	box-shadow: 0 .2rem 1.2rem rgba(2,78,110,.07);
	margin: 0 0 1.2rem
}
#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;
	gap: 1.36rem;
	color: var(--heading);
	font-family: var(--font-noto-xb);
	font-size: 2rem;
	line-height: 2.4rem;
	margin: 0 0 1.75rem
}
#ez-toc-container.ez-toc-counter .ez-toc-title:before{
	content:"";
	-webkit-mask:url(img/icon-file.svg) center / cover no-repeat;
	mask:url(img/icon-file.svg) center / cover no-repeat;
	background-color:var(--heading);
	display:block;
	width:2.07rem;
	height:2.58rem;
	flex-shrink: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;
	align-items: baseline;
	color: var(--grey);
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin: 0 0 .8rem;
	padding-right: 1.6rem;
	text-decoration: none;
	transition: color 120ms ease
}
#ez-toc-container.ez-toc-counter .ez-toc-list a:hover{
	color: var(--heading);
	text-decoration: none
}
#ez-toc-container.ez-toc-counter .ez-toc-list a:before{margin:0 1rem 0 0; color: var(--heading); font-family: var(--font-noto-b)}
#ez-toc-container.ez-toc-counter .ez-toc-list ul a{padding-left: 2.4rem}
#ez-toc-container.ez-toc-counter .ez-toc-list ul a:before{content:none}
#ez-toc-container.ez-toc-counter .ez-toc-list a:hover:after{filter: grayscale(1) brightness(.5)}

/* ---- Bloques ACF: Puntos Clave ---- */
.acf-block-puntos-clave {
	background: #E2F1FB;
	border-left: .4rem solid var(--heading);
	border-radius: .8rem;
	padding: 2.4rem 2.4rem 2.4rem 1.8rem;
	margin: 0 0 3.6rem
}
.acf-block-puntos-clave .pk-title {
	display: flex;
	align-items: center;
	gap: 1.35rem;
	font-family: var(--font-noto-xb);
	color: var(--heading);
	font-size: 2rem;
	line-height: 4rem;
	letter-spacing: -.2px;
	margin: 0 0 .6rem
}
.acf-block-puntos-clave .pk-title:before {
	content:"";
	background:url(img/icon-keypoint.svg) center center no-repeat;
	background-size:cover;
	display:block;
	width:2.53rem;
	height:2.8rem;
	flex-shrink:0
}
.acf-block-puntos-clave ul {
	margin: 0;
	padding: .6rem 0 0 3.6rem;
	color: var(--grey);
	font-size: 1.4rem;
	line-height: 2rem
}
.acf-block-puntos-clave ul li {
	margin-bottom: 2rem
}

/* ---- Bloques ACF: Cita Destacada ---- */
.acf-block-cita {
	display:flex;
	flex-direction: column;
	gap:1.6rem;
	background: #E2F1FB;
	border-radius: .8rem;
	padding: 3.2rem 3.2rem 2.4rem 3.2rem;
	margin: 4rem 0
}


.acf-block-cita blockquote {
	display:flex;
	flex-direction: column;
	gap:1.6rem;
	font-family: var(--font-noto);
	font-size: 1.6rem;
	line-height: 2.4rem;
	margin: 0;
	color: var(--grey)
}
.acf-block-cita blockquote h3 {
	font-size: 2.8rem;
	line-height: 3.2rem;
	font-family: var(--font-noto-b);
	margin:0;
}
.acf-block-cita blockquote h3:before {
    content: "";
	-webkit-mask:url(img/icon-quotes.svg) center center no-repeat;
	mask:url(img/icon-quotes.svg) center center no-repeat;
	background-color:var(--heading);
    background-size: cover;
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin:-.1rem 1.6rem 0 -.6rem
}
.acf-block-cita .cita-author {
	display: flex;
	align-items: flex-end;
	justify-content: end;
	gap: 1rem;
	font-size: 1.4rem;
	color: var(--grey);
}
.acf-block-cita .cita-avatar {
	width: 5rem;
	height: 5rem;
	border-radius: .5rem;
	object-fit: cover;
	flex-shrink: 0
}
.acf-block-cita .cita-author span {
	display: flex;
	flex-direction:	column;
	gap: .4rem;
	font-size: 1.4rem;
	line-height:1.6rem;
	font-family: var(--font-raleway-sb);
	text-align: end;
}
.acf-block-cita .cita-author strong {
	color: var(--heading);
	font-family: var(--font-raleway-b);
}
.acf-block-cita .cita-author em {
	font-style: normal;
	color: var(--grey-l);
}

/* ---- Bloques ACF: Respuesta Experto ---- */
.acf-block-experto {
	background: #F4FAFD;
	border-radius: .8rem;
	padding: 2.4rem;
	margin: 3.2rem 0
}
.acf-block-experto .experto-header {
	display: flex;
	align-items: center;
	gap: 1.4rem;
	margin-bottom: 1.6rem
}
.acf-block-experto .experto-avatar {
	width: 5.6rem;
	height: 5.6rem;
	border-radius: 50%;
	object-fit: cover;
	flex-shrink: 0
}
.acf-block-experto .experto-meta strong {
	display: block;
	font-family: var(--font-noto-xb);
	color: var(--heading);
	font-size: 1.6rem
}
.acf-block-experto .experto-meta span {
	font-size: 1.3rem;
	color: var(--grey)
}
.acf-block-experto .experto-content {
	font-size: 1.6rem;
	line-height: 2.4rem;
	color: var(--grey)
}

/* ---- Bloque: Firma Autor y Revisor ---- */
.acf-block-firma {
	display: grid;
	grid-template-columns: 1fr;
	gap: 4rem;
	background: #FAFAFA;
	border-radius: .8rem;
	padding: 2.4rem;
	margin: 0 0 4.2rem;
	border:.1rem solid var(--heading);
}
.acf-block-firma .firma-persona {
	display: flex;
	align-items: flex-start;
    flex-wrap: wrap;
	gap: 1.6rem 1rem;
}
.acf-block-firma .firma-avatar {
	width: 6.6rem;
	height: 6.2rem;
	border-radius: .5rem;
	object-fit: cover;
	flex-shrink: 0
}
.acf-block-firma .firma-persona > div {
	flex: 1;
	min-width: 0
}
.acf-block-firma .firma-rol {
	font-size: 1.4rem;
	line-height: 1.6rem;
	font-family: var(--font-raleway-b);
	color: var(--heading);
	letter-spacing: -.02rem;
	margin: 0 0 .4rem
}
.acf-block-firma .firma-nombre {
	font-family: var(--font-raleway-xb);
	color: var(--heading);
	font-size: 2rem;
	line-height: 2.2rem;
	margin: 0 0 .4rem
}
.acf-block-firma .firma-nombre a {
	color: var(--heading);
}
.acf-block-firma .firma-cargo {
	font-size: 1.6rem;
	line-height: 1.8rem;
	font-family: var(--font-raleway-sb);
	color:var(--grey-l);
	margin:0
}
.acf-block-firma .firma-bio {
	width: 100%;
	font-family: var(--font-noto);
	font-size: 1.35rem;
	line-height: 2.3rem;
	color: var(--grey);
	margin: 0
}
@media (min-width: 576px) {
	.acf-block-firma {grid-template-columns: repeat(auto-fit, minmax(28rem, 1fr))}
}

/* ---- Bloque: Fuentes y Referencias ---- */
.acf-block-fuentes {
	margin: 0
}
.acf-block-fuentes details summary {
	display: inline-flex;
	align-items: center;
	gap: 1.6rem;
	cursor: pointer;
	font-family: var(--font-raleway-xb);
	font-size: 1.8rem;
	line-height: 2rem;
	color: #fff;
	background: var(--heading);
	padding: 1rem 2.4rem;
	border: 1px solid #fff;
	border-radius: .8rem;
	list-style: none;
	user-select: none
}
.acf-block-fuentes details summary::-webkit-details-marker {display:none}
.acf-block-fuentes details summary:after {
	content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none"><path fill="%23fff" stroke="%23fff" stroke-width=".5" d="M15.1 5.75a.9.9 0 0 1 .84.56.9.9 0 0 1-.22.98l-6.1 6.2a.9.9 0 0 1-1.25 0l-6.11-6.2a.9.9 0 0 1 0-1.26l.17.17-.17-.17a.9.9 0 0 1 1.25 0l5.48 5.57 5.49-5.57a1 1 0 0 1 .62-.28Z"/></svg>');
	display: inline-block;
	width:1.8rem;
	height: 1.8rem;
	transition: transform 180ms ease
}
.acf-block-fuentes details[open] summary:after {
	transform: rotate(180deg)
}
.acf-block-fuentes .fuentes-lista {
	margin: -2rem 0 0;
	padding: 4.8rem 6.8rem 3.6rem;
	background: #E2F1FB;
	border-radius: .8rem;
	list-style: decimal;
	font-size: 1.4rem;
	line-height: 2.2rem;
	color: var(--grey)
}
.acf-block-fuentes .fuentes-lista li {
	font-size:1.35rem;
	line-height: 2rem;
	margin-bottom: .8rem;
}
.acf-block-fuentes .fuentes-lista li p{margin:0}
.acf-block-fuentes .fuentes-lista a {
	color: var(--blue);
	text-decoration: underline;
}

/* ---- Widget Resumen IA ---- */
#summary-shortcut {margin: 0 auto 2.8rem}
#summary-shortcut .ss-title {
	display: inline-flex;
    align-items: center;
	gap: .6rem;
	font-family: var(--font-noto-m);
	font-weight: 500;
	font-size: 1rem;
	line-height: 1rem;
	margin: 0 0 1.4rem;
	color: var(--heading)
}
#summary-shortcut .ss-title:before{
	content:"";
	background-size:cover;
	-webkit-mask:url(img/icon-ai.svg) center / cover no-repeat;
	mask:url(img/icon-ai.svg) center / cover no-repeat;
	background-color:var(--heading);
	display:block;
	height: 2rem;
    width: 2rem;
}
#summary-shortcut .ss-grid {
	display: flex;
	flex-wrap: wrap;
	gap: .9rem
}
#summary-shortcut button {
	padding: .8rem 1.6rem;
	color: #fff;
	border: none;
	cursor: pointer;
	transition: transform .15s, opacity .15s;
	border-radius: 1.2rem;
	white-space: nowrap;
	font-size: 1.2rem;
	line-height:1rem
}
#summary-shortcut button:hover {opacity: .88; transform: scale(1.03)}

/* ---- Pop-up Calcular Seguros ---- */
#popup-calcular {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 9999;
	background: rgba(0,0,0,.55);
	justify-content: center;
	align-items: flex-end
}
#popup-calcular.open {display: flex}
#popup-calcular .popup-inner {
	background: #fff;
	border-radius: 1.2rem 1.2rem 0 0;
	width: 100%;
	max-width: 64rem;
	max-height: 90vh;
	overflow-y: auto;
	padding: 4.4rem 2rem 0;
	position: relative
}
#popup-calcular .popup-close {
	position: absolute;
	top: 1.2rem;
	right: 1.6rem;
	background: none;
	border: none;
	font-size: 2.4rem;
	cursor: pointer;
	color: var(--grey);
	line-height: 1
}
#popup-calcular .popup-close:hover {color: var(--heading)}
@media (min-width: 768px) {
	#popup-calcular {align-items: center}
	#popup-calcular .popup-inner {
		border-radius: 1.2rem;
		max-height: 85vh
	}
}

#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-b);
	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-b);
	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(--heading);
		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}

	.breadcrumb a, .breadcrumb .breadcrumb_last {
		font-size: 1.2rem;
		line-height: 1.8rem
	}
	 .entry-title{
		margin-top: 5.2rem;
		font-size: 2.8rem;
		line-height: 3.2rem
	}
	#summary-shortcut .ss-title {
		flex-direction: row-reverse;
		font-size: 2rem;
		line-height: 2rem
	}
	.entry-content {
    	margin-top: 9.6rem
	}
	.entry-meta {
		margin-bottom: 2.8rem
	}
	.entradilla, #ez-toc-container.ez-toc-counter, .entry-image {
		margin: 0 0 1.6rem
	}
	.acf-block-puntos-clave {
		margin: 0 0 3.6rem
	}
	.acf-block-puntos-clave ul {
		font-size: 1.6rem;
		padding: .6rem 0 0 5.6rem
	}
}
@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
	}
	.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:2rem}
	.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:var(--heading);
		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}
	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}
	.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-b);
		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
	}
}
