/* Public Exposure Draft

/* Header
//--------------------------------------------------------------------- */

div.header-single div.pod div.img div.img-inner {
	padding-top: 46%;
	max-width: 1180px;
}

div.header-single div.pod div.img div.img-inner::after {

	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 6px;
	background: var(--gradient-main);
	z-index: 5;

}

div.header-single div.pod div.txt div.txt-inner {

	max-width: 900px;
	padding-top: 45px;

}

/* Main title */

div.header-single div.pod div.txt div.txt-inner h1 {

	font-family: var(--font-family-secundaria);
	font-weight: 500;
	line-height: 1.04;
	letter-spacing: -0.025em;
	color: var(--color-principal);
	margin-bottom: 38px;
	position: relative;
	padding-bottom: 30px;

}

div.header-single div.pod div.txt div.txt-inner h1::after {

	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 90px;
	height: 5px;
	background: var(--gradient-main);

}

/* Author */

div.header-single div.pod div.txt div.txt-inner p.autor {

	color: var(--color-gris-azulado);
	font-size: var(--font-size-20);

}

div.header-single div.pod div.txt div.txt-inner p.autor a {

	color: var(--color-principal);
	font-weight: 600;

}

/* Author subtitle */

div.header-single div.pod div.txt div.txt-inner p.subtitle {

	color: var(--color-gris-azulado);
	max-width: 700px;

}

/* Topic label */

div.header-single div.pod div.txt div.txt-inner span.label {

	margin-top: 20px;

}

/* Article body

//--------------------------------------------------------------------- */

div.post-single div.pod {

	max-width: 900px;

}

/*

 * Main RTE

 */

div.post-single div.rte.rte-completo {

	color: var(--color-gris-azulado);
	line-height: 1.65;

}

/* Paragraph rhythm */

div.post-single div.rte.rte-completo > p {

	margin-bottom: 1.4rem;

}

/*

 * Opening paragraph

 *

 * Un poco más editorial/importante, sin convertirlo en un "lead"

 * excesivamente grande.

 */

div.post-single div.rte.rte-completo > p:first-child {

	font-family: var(--font-family-secundaria);
	font-weight: 400;
	font-size: 1.12em;
	line-height: 1.55;
	color: var(--color-principal);
	margin-bottom: 2rem;

}

/* Links */

div.post-single div.rte.rte-completo a {

	color: var(--color-teal);
	text-decoration-thickness: 1px;
	text-underline-offset: 3px;

}

div.post-single div.rte.rte-completo a:hover {

	color: var(--color-blue);

}

/* Section headings

//--------------------------------------------------------------------- */

div.post-single div.rte.rte-completo h2 {

	font-family: var(--font-family-secundaria);
	font-weight: 500;
	color: var(--color-principal);
	line-height: 1.12;
	margin: 4rem 0 1.25rem 0;
	padding-top: 24px;
	position: relative;

}

div.post-single div.rte.rte-completo h2::before {

	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 1px;
	background: var(--color-gris-azulado-claro);

}

div.post-single div.rte.rte-completo h2::after {

	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: -2px;
	width: 65px;
	height: 5px;
	background: var(--gradient-main);

}

/* Lists

//--------------------------------------------------------------------- */

div.post-single div.rte.rte-completo ul {

	margin: 1.75rem 0 2rem 0;
	padding: 25px 30px;
	background: var(--color-clear);
	border-left: 4px solid var(--color-teal);

}

div.post-single div.rte.rte-completo ul li {

	padding-left: 28px;
	margin-left: 0;
	margin-bottom: 0.85rem;

}

div.post-single div.rte.rte-completo ul li:last-child {

	margin-bottom: 0;

}

div.post-single div.rte.rte-completo ul li::before {

	width: 7px;
	height: 7px;
	left: 2px;
	top: .65em;
	background: var(--color-teal);

}

/* Strong text */

div.post-single div.rte.rte-completo strong,

div.post-single div.rte.rte-completo b {

	color: var(--color-principal);

}

/* Responsive

//--------------------------------------------------------------------- */

@media (max-width: 991px) {

	div.header-single div.pod div.txt div.txt-inner {
		padding-top: 35px;
	}
	div.header-single div.pod div.txt div.txt-inner h1 {
		line-height: 1.08;
	}
	div.post-single div.rte.rte-completo h2 {
		margin-top: 3.25rem;
	}

}

@media (max-width: 767px) {


	div.header-single div.pod div.img div.img-inner {
		padding-top: 60%;
	}
	div.header-single div.pod div.txt div.txt-inner {
		padding-top: 30px;
	}
	div.header-single div.pod div.txt div.txt-inner h1 {
		line-height: 1.1;
		letter-spacing: -0.015em;
		padding-bottom: 22px;
		margin-bottom: 28px;
	}
	div.header-single div.pod div.txt div.txt-inner h1::after {
		width: 70px;
		height: 4px;
	}
	div.post-single div.rte.rte-completo > p:first-child {
		font-size: 1.05em;
	}
	div.post-single div.rte.rte-completo h2 {
		margin-top: 3rem;
		padding-top: 20px;
	}
	div.post-single div.rte.rte-completo ul {
		padding: 20px;
	}

}