:root {
  --def-font-family: 'Neue Montreal', sans-serif;
  --def-alt-font-family: var(--def-font-family);
}

@font-face {
  font-family: "Roboto Slab";
  src: url(../fonts/RobotoSlab-Black.woff2) format("woff2"),
    url(../fonts/RobotoSlab-Black.woff) format("woff");
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Slab";
  src: url(../fonts/RobotoSlab-ExtraBold.woff2) format("woff2"),
    url(../fonts/RobotoSlab-ExtraBold.woff) format("woff");
  font-weight: 800;
  font-stretch: normal;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Slab";
  src: url(../fonts/RobotoSlab-Bold.woff2) format("woff2"),
    url(../fonts/RobotoSlab-Bold.woff) format("woff");
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Slab";
  src: url(../fonts/RobotoSlab-SemiBold.woff2) format("woff2"),
    url(../fonts/RobotoSlab-SemiBold.woff) format("woff");
  font-weight: 600;
  font-stretch: normal;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Slab";
  src: url(../fonts/RobotoSlab-Medium.woff2) format("woff2"),
    url(../fonts/RobotoSlab-Medium.woff) format("woff");
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Slab";
  src: url(../fonts/RobotoSlab-Regular.woff2) format("woff2"),
    url(../fonts/RobotoSlab-Regular.woff) format("woff");
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Slab";
  src: url(../fonts/RobotoSlab-Light.woff2) format("woff2"),
    url(../fonts/RobotoSlab-Light.woff) format("woff");
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Slab";
  src: url(../fonts/RobotoSlab-ExtraLight.woff2) format("woff2"),
    url(../fonts/RobotoSlab-ExtraLight.woff) format("woff");
  font-weight: 200;
  font-stretch: normal;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Roboto Slab";
  src: url(../fonts/RobotoSlab-Thin.woff2) format("woff2"),
    url(../fonts/RobotoSlab-Thin.woff) format("woff");
  font-weight: 100;
  font-stretch: normal;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: "Raleway";
  src: url(../fonts/Raleway-Regular.woff2) format("woff2"),
    url(../fonts/Raleway-Regular.woff) format("woff");
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  font-style: normal;
}

/* BLOQUES PERSONALIZADOS */
.bloque-tc-un-recomendado {width: 100%; margin: 0 0 1em; border: 1px solid #ddd; border-top: solid 2px #fada38; padding: 15px 4% 12px; box-sizing: border-box;}
.bloque-tc-un-recomendado .imagen-post img {width: 100%; height: auto;}
.bloque-tc-un-recomendado .titulares h2 {font-size: 22px; font-weight: 500; line-height: 1.35em;}
.bloque-tc-un-recomendado .titulares h2 a {text-decoration: none; color: #2c3338;}
.bloque-tc-un-recomendado .titulares .bajada {display:block; margin: 0px 0 5px; font-size: 16px; color: #666; font-weight: 400;}

.bloque-tc-dos-recomendados {width: 100%; margin: 0 0 1em;}
.bloque-tc-dos-recomendados h3 {font-family: var(--def-alt-font-family);  font-size: 24px; margin: 0 0 12px; border-bottom: solid 4px #fada38; font-weight: 500;}
.bloque-tc-dos-recomendados .contenedor-dos-recomendados {display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: 1fr; grid-column-gap: 4%; grid-row-gap: 0;}
.bloque-tc-dos-recomendados article {width:auto;}
.bloque-tc-dos-recomendados .imagen-post {width: 100%; display:block; margin: 0 0 12px;}
.bloque-tc-dos-recomendados .imagen-post img {max-width:100% !important;height:auto; margin:0 !important;}
.bloque-tc-dos-recomendados h4 {margin: 0; line-height: 1.35em; font-weight: 500;font-size: 16px;}
.bloque-tc-dos-recomendados h4 a {text-decoration: none; color: #222;}

.bloque-tc-tres-recomendados {width: 100%; margin: 0 0 1em;}
.bloque-tc-tres-recomendados h3 {font-family: var(--def-alt-font-family);  font-size: 24px; margin: 0 0 12px; border-bottom: solid 4px #fada38; font-weight: 500;}
.bloque-tc-tres-recomendados article {width: 100%; margin: 0 0 12px; border-bottom: solid 1px #ddd; padding: 0 0 12px;}
.bloque-tc-tres-recomendados .imagen-post {float: left; width: 100px; margin: 0 12px 0 0;}
.bloque-tc-tres-recomendados .imagen-post img {width: 100% !important; height: auto; margin: 0 !important;}
.bloque-tc-tres-recomendados h4 {margin: 0;  line-height: 1.4em; font-weight: 500; font-size: 0.9rem; float: left; width: calc(100% - 112px);}
.bloque-tc-tres-recomendados h4 a {text-decoration: none; color: #222;}

.bloque-tc-cita-destacada {/*border: double 8px #fada38;*/ padding: 0px; margin: 1em auto 1.5em !important; width: 100%; box-sizing: border-box; background: #fff;}
.bloque-tc-cita-destacada span {background: url(../img/featured-quote.png) 2px 2px no-repeat #fada38; background-size: 48px; color: #000; padding: 20px 4% 1em 64px; margin: 0; font-size: 0.9rem; line-height: 1.35em; display: block; text-align: right; font-style: italic;}

.bloque-tc-texto-destacado {border: double 8px #222; padding: 2px; margin:1em auto 1.44em; width: 100%; box-sizing: border-box;}
.bloque-tc-texto-destacado span {background: #fff; color: #333; padding: 20px; margin: 0; font-size: 21px; line-height: 1.5em; display: block; font-weight: 400;}


/* BLOQUES */
.listado.bloque-dos-destacados {margin:0 0 40px; width:100%;}
.listado.bloque-dos-destacados img {margin:0 auto !important;}
.listado.bloque-dos-destacados h2 a {text-decoration:none;}
.listado.bloque-dos-destacados .autor a {text-decoration:none;}

.listado.bloque-tres-destacados {margin:0 0 40px; width:100%;}
.listado.bloque-tres-destacados img {margin:0 auto !important;}
.listado.bloque-tres-destacados h2 a {text-decoration:none;}
.listado.bloque-tres-destacados .autor a {text-decoration:none;}

.bloque-legacy-titulo {border-bottom: solid 5px; padding: 0 0 10px; margin:0 0 30px;}
.bloque-legacy-titulo h2 {font-family: Roboto Condensed; font-size: 34px; text-transform: uppercase; line-height: 1em; margin: 0;}
.bloque-legacy-titulo h2 a {color:#000;}
.bloque-legacy-titulo h3 {}

.bloque-tc-biografia-autor {width: 100%; clear: both; margin: 1em 0 1.5em; background: #f0f0f0; color: #303030; border-radius: 4px; padding: 12px 3%;box-sizing:border-box;}
.bloque-tc-biografia-autor .imagen-autor {width: 80px; border: solid 2px #303030; border-radius: 50%; height: 80px; overflow: hidden; background: #fff; padding: 2px; float: left; margin: 0 15px 0 0;}
.bloque-tc-biografia-autor .imagen-autor img {height: auto; border-radius: 50%;}
.bloque-tc-biografia-autor .info-autor {float: left; width: calc(100% - 103px);}
.bloque-tc-biografia-autor .info-autor h3 {margin: 0 0 8px; font-family: var(--def-alt-font-family);  font-weight: 500; text-transform: uppercase; text-shadow: 1px 1px 1px #fff;}
.bloque-tc-biografia-autor .info-autor .bio-autor {display:block; line-height: 1.44em; font-size: 16px !important; color: #000; margin: 0 !important;}
.bloque-tc-biografia-autor .redes-autor {margin: 10px 0 0;}
.bloque-tc-biografia-autor .redes-autor a.twitter {background:url(../img/redes-twitter.png) 0 0 no-repeat;height: 28px; display: block; background-size: contain; padding: 0 0 0 36px; line-height: 25px; font-family: 'Roboto Condensed', sans-serif; color: #202020; text-decoration: none; font-size:18px;}

.bloque-tc-notas-autor {width: 100%; margin: 0 0 1em;}
.bloque-tc-notas-autor h3 {font-family: var(--def-alt-font-family);  font-size: 22px; margin: 0 0 12px; border-bottom: solid 3px; font-weight: 500;}
.bloque-tc-notas-autor article {width: 100%; margin: 0 0 12px; border-bottom: solid 1px #ddd; padding: 0 0 12px;}
.bloque-tc-notas-autor .imagen-post {float: left; width: 90px; margin: 0 12px 0 0;}
.bloque-tc-notas-autor .imagen-post img {width: 100%; height: auto; margin: 0 !important;}
.bloque-tc-notas-autor h4 {margin: 0; font-family: var(--def-alt-font-family);  line-height: 1.4em; font-weight: 500; font-size: 18px; float: left; width: calc(100% - 112px);}
.bloque-tc-notas-autor h4 a {text-decoration: none !important; color: #222 !important;}

.huincha-sponsor {width: 100%; clear: both; text-align: center;}
.huincha-sponsor img {max-width: 100%; height: auto;}



@media only screen and (min-width:1240px) {

	.bloque-tc-un-recomendado {width: 600px; margin: 0 auto 1.5em; padding: 20px; box-sizing: content-box; border-top: solid 3px #fada38;}
	.bloque-tc-un-recomendado .titulares h2 {font-size: 24px; font-weight: 600;}

	.bloque-tc-dos-recomendados {margin-bottom: 1.5em;border: solid 1px #ddd; padding: 10px 20px 20px; box-sizing: border-box;}
	.bloque-tc-dos-recomendados h3 {font-size: 26px; margin-bottom: 16px;}
	.bloque-tc-dos-recomendados .contenedor-dos-recomendados {grid-column-gap: 24px;}
	.bloque-tc-dos-recomendados h4 {font-size: 20px; line-height: 1.5em;}

	.bloque-tc-tres-recomendados {margin-bottom:1.5em;}
	.bloque-tc-tres-recomendados h3 {font-size: 26px; margin-bottom: 16px;}
	.bloque-tc-tres-recomendados .contenedor-tres-recomendados {display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; grid-column-gap: 20px; grid-row-gap: 0px; border-bottom: solid 1px #ddd;}
	.bloque-tc-tres-recomendados article {width:auto; border:0 none; padding: 0; margin: 0 0 15px;}
	.bloque-tc-tres-recomendados .imagen-post {width: 90px; margin: 0 15px 0 0;}
	.bloque-tc-tres-recomendados h4 {width: calc(100% - 105px); -webkit-line-clamp: 4; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; line-height: 1.44em;}

	/* BLOQUES */
	.listado.bloque-dos-destacados {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 40px; grid-row-gap: 0px;}
	.listado.bloque-tres-destacados {display: grid; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 40px 30px; margin-bottom: 0;}
	
	.bloque-legacy-titulo {}
	.bloque-legacy-titulo h2 {font-size:38px !important;}
	.bloque-legacy-titulo h3 {}
	
	.bloque-tc-biografia-autor {padding: 20px;}
	.bloque-tc-biografia-autor .imagen-autor {width: 100px; border: solid 3px #303030; padding: 3px; margin: 0 20px 0 0; height: 100px;}
	.bloque-tc-biografia-autor .info-autor {width: calc(100% - 132px);}
	.bloque-tc-biografia-autor .info-autor h3 {font-size: 24px; margin-bottom: 12px;}
	.bloque-tc-biografia-autor .info-autor .bio-autor {display:block;font-size: 18px !important;}

	.bloque-tc-notas-autor {margin: 1em auto 1.5em; border: solid 1px #ddd; padding: 8px 20px 14px; box-sizing: border-box;}
	.bloque-tc-notas-autor h3 {font-size: 26px; margin-bottom: 20px;}
	.bloque-tc-notas-autor .contenedor-notas-autor {display: grid; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 40px 30px; }
	.bloque-tc-notas-autor article {border-bottom: 0 none; margin: 0; padding: 0 10px 0 0; border-right: solid 1px #ddd;}
	.bloque-tc-notas-autor article:last-child {border:0 none; padding: 0;}
	.bloque-tc-notas-autor .imagen-post {display:none;}
	.bloque-tc-notas-autor h4 {width: 100%;}
	
	
	
	
	
	
	
}