/* BLOG */
#blog .blogItem { box-shadow: 0px 0px 15px 0px #eaeaea; }
#blog .blogItem .blogItem-img { max-height: 200px; }
#blog .blogItem .blogItem-img img { transition: var(--transition-all); }
#blog .blogItem .blogItem-img:hover img { filter: grayscale(100%); }
#blog .blogItem .blogItem-info { 
	padding: 5px 20px;
  font-size: 12px;
  line-height: 18px; }
#blog .blogItem .blogItem-title { 
	padding: 15px 20px 18px;
	font-size: 18px;
  line-height: 22px; }
#blog .blogItem .blogItem-title a:hover { color: var(--color-primario); }


/* POST BLOG */
#itemBlog .headBlog {
	padding-top: 76px;
	padding-bottom: 3%; }
#itemBlog .containerBreadcrumb { 
	font-size: 12px;
	line-height: 16px;
	font-weight: 300;
	padding-top: 5px;
	padding-bottom: 5px; }
#itemBlog .containerBreadcrumb a { 
	transition: var(--transition-all);
	font-weight: 600;
	color: var(--color-primario); }
#itemBlog .containerBreadcrumb a:hover { color: var(--color-blanco); }
#itemBlog .headBlog h1 {
	font-size: 60px;
	line-height: 1em;
	margin-top: 50px;
	padding-bottom: 0; }
#itemBlog .itemBlog-content .imageBlog {
	max-width: 500px;
	margin-right: 20px;
	margin-bottom: 15px; }
#itemBlog .columnTOCSidebar .itemBlog-content .imageBlog { max-width: none; }
#itemBlog .itemBlog-content a { color: var(--color-primario); }
#itemBlog .itemBlog-content h2,
#itemBlog .itemBlog-content h3 {
	color: var(--color-secundario);
	line-height: 1em;
	padding-bottom: 10px;
	font-weight: 500;
	margin-top: 30px;
	text-align: left; }
#itemBlog .itemBlog-content h2 { font-size: 26px; }
#itemBlog .itemBlog-content h3 { font-size: 22px; }
#itemBlog .itemBlog-content h4 {
	color: var(--color-secundario-intenso);
	line-height: 1em;
	padding-bottom: 10px;
	font-weight: 300;
	margin-top: 20px;
	font-size: 18px;
	text-align: left; }
#itemBlog .itemBlog-content ul, #itemBlog .itemBlog-content ol { margin: 10px 0 15px; }
#itemBlog .itemBlog-content ul { list-style: disc; }
#itemBlog .itemBlog-content ol { list-style: decimal; }
#itemBlog .itemBlog-content ul li, #itemBlog .itemBlog-content ol li { margin: 10px 10px 10px 20px; }
#itemBlog .itemBlog-content img { border-radius: 20px; }
#itemBlog .itemBlog-content blockquote { 
	border-left: 5px solid var(--color-primario);
	margin: 20px 0 30px;
	padding-left: 20px; }
#itemBlog .toc-sidebar { top: 100px; /* debajo del header */ }
#itemBlog .toc-sidebar .atb-toc { border-radius: 20px; }
#itemBlog .toc-sidebar ol ol { margin-left: 20px; }
#itemBlog .toc-sidebar a { color: var(--color-texto); }
#itemBlog .toc-sidebar a.active { 
	color: var(--color-primario);
	text-decoration: none; }
#itemBlog .toc-sidebar a.active span.atb-toc-num { font-weight: bold; }
#itemBlog .toc-sidebar li,
#itemBlog .toc-sidebar .atb-toc .atb-toc-num { 
	font-size: 14px;
   line-height: 18px;
	font-weight: 300; }
#itemBlog .toc-sidebar a:hover,
#itemBlog .toc-sidebar li.active a { color: var(--color-primario); }
#itemBlog .sidebar { max-width: 310px; }
#itemBlog .sidebar .sidebar-section { margin-bottom: 50px; }
#itemBlog .sidebar .sidebar-section::last-child { margin-bottom: 0px; }
#itemBlog .sidebar .sidebar-section form,
#itemBlog .sidebar .sidebar-section form table { max-width: 300px; }
#itemBlog .sidebar .sidebar-section form h2 { 
	font-size: 25px;
	line-height: 30px; }
#itemBlog .sidebar .sidebar-section form div { margin: 0 !important; }
#itemBlog .sidebar .sidebar-section form p { 
	font-size: 14px;
	line-height: 20px; }
#itemBlog .sidebar .sidebar-section form .columnContainer {
	display: grid;
	grid-row-gap: 15px; }
#itemBlog .sidebar .sidebar-section form .consentBlock > div { align-items: normal; }
#itemBlog .sidebar .sidebar-section form .consentBlock input { margin-top: 2px; }
#itemBlog .sidebar .sidebar-section form .consentBlock label p { font-size: 12px; }
#itemBlog .sidebar .sidebar-section form .MsoNormal > span { 
	display: inline-block;
	line-height: normal; }
#itemBlog .sidebar .sidebar-section form .MsoNormal span a { 
	font-size: 10px;
	font-family: 'DM Sans', Helvetica, Arial, Lucida, sans-serif; }
#itemBlog .sidebar .sidebar-section form button.submitButton { width: 100% !important; }


/**** RESPONSIVE ****/
@media (max-width: 1350px) and (min-width: 981px) {
  #itemBlog .itemBlog-content .imageBlog { 
    float: none;
    max-width: none;
    margin-right: 0; }
}
@media (max-width: 991px) {
  #itemBlog .headBlog { padding-top: 60px; }
  #itemBlog .headBlog h1 { 
    font-size: 40px;
    margin-top: 25px; }
  #itemBlog .imageBlog { 
    float: none;
    max-width: none;
    margin-right: 0; }
  #itemBlog .columnSidebar { grid-template-columns: 1fr; }
  #itemBlog .sidebar .sidebar-section form, #itemBlog .sidebar .sidebar-section form table { max-width: none; }
}
@media (max-width: 782px) {
	#itemBlog .headBlog { padding-top: 50px; }
  #itemBlog .headBlog h1 { 
    font-size: 30px;
    margin-top: 15px; }
}
@media (max-width: 540px) {
  #itemBlog .headBlog h1 {
    font-size: 26px;
    margin-top: 20px; }
}