/* @import url("https://fonts.googleapis.com/css2?family=Baloo+2&display=swap"); */
body {
	/* font-family: "Baloo 2", cursive; */
	font-size: 16px;
	text-rendering: optimizeLegibility;
	font-weight: initial;
}

.light {
	background: #f3f5f7;
}

/* Reset */

ul {
	list-style: none;
	padding: 0;
	list-style-type: none;
}

img[src=""],
img:not([src]) {
	visibility: hidden;
}

img[src=""]::before,
img:not([src])::before {
	display: block;
	content: "";
	padding-top: calc(100% - 24px);
}

a,
a:hover {
	color: black;
	text-decoration: none;
	transition: color 0.3s ease-in-out;
}

h1,
aside h2 {
	margin-top: 10px;
}

/* Social share icons */

.fa {
	padding: 5px;
	text-align: center;
	text-decoration: none;
	margin: 2px 2px;
	width: 40px;
	height: 40px;
}

@media (min-width: 768px) {
	.fa {
		width: 24px;
		height: 24px;
	}
}

.fa:hover {
	opacity: 0.5;
}

.fa-facebook {
	background: #3b5998;
	color: white;
}

.fa-twitter {
	background: #55acee;
	color: white;
}

.fa-pinterest {
	background: #cb2027;
	color: white;
}

.fa-whatsapp {
	background: #4dc247;
	color: white;
}

.fa-facebook {
	display: inline-block;
	display: inline-flex;
	position: relative;
	top: 0.1em;
	content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" class="svg-inline--fa fa-facebook-f fa-w-10" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="white" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path></svg>');
}

.fa-pinterest {
	display: inline-block;
	display: inline-flex;
	position: relative;
	top: 0.1em;
	content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="pinterest-p" class="svg-inline--fa fa-pinterest-p fa-w-12" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="white" d="M204 6.5C101.4 6.5 0 74.9 0 185.6 0 256 39.6 296 63.6 296c9.9 0 15.6-27.6 15.6-35.4 0-9.3-23.7-29.1-23.7-67.8 0-80.4 61.2-137.4 140.4-137.4 68.1 0 118.5 38.7 118.5 109.8 0 53.1-21.3 152.7-90.3 152.7-24.9 0-46.2-18-46.2-43.8 0-37.8 26.4-74.4 26.4-113.4 0-66.2-93.9-54.2-93.9 25.8 0 16.8 2.1 35.4 9.6 50.7-13.8 59.4-42 147.9-42 209.1 0 18.9 2.7 37.5 4.5 56.4 3.4 3.8 1.7 3.4 6.9 1.5 50.4-69 48.6-82.5 71.4-172.8 12.3 23.4 44.1 36 69.3 36 106.2 0 153.9-103.5 153.9-196.8C384 71.3 298.2 6.5 204 6.5z"></path></svg>');
}

.fa-twitter {
	display: inline-block;
	display: inline-flex;
	position: relative;
	top: 0.1em;
	content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="twitter" class="svg-inline--fa fa-twitter fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="white" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg>');
}

.fa-whatsapp {
	display: inline-block;
	display: inline-flex;
	position: relative;
	top: 0.1em;
	content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" focusable="false" data-prefix="fab" data-icon="whatsapp" class="svg-inline--fa fa-whatsapp fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="white" d="M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z"></path></svg>');
}

.fa-sharer {
	display: inline-block;
	display: inline-flex;
	position: relative;
	top: 0.1em;
	content: url('data:image/svg+xml;utf8,<svg aria-hidden="true" fill="white"  focusable="false" data-prefix="fab" data-icon="sharer" class="svg-inline--fa fa-sharer fa-w-14" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M11 2.5a2.5 2.5 0 1 1 .603 1.628l-6.718 3.12a2.499 2.499 0 0 1 0 1.504l6.718 3.12a2.5 2.5 0 1 1-.488.876l-6.718-3.12a2.5 2.5 0 1 1 0-3.256l6.718-3.12A2.5 2.5 0 0 1 11 2.5z"/></svg>');
}

.bss:first-child .fa {
	margin-left: 0;
}

.bss:last-child .fa {
	margin-right: 0;
}

.redondos {
	margin: 2px 2px;
	border-radius: 5px;
	opacity: 0.8;
}

/* Enhanced Footer Styles */
.footer {
	background-color: #111827;
	color: #9ca3af;
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.footer h5 {
	font-weight: 600;
	text-transform: uppercase;
	font-size: 0.75rem;
	letter-spacing: 0.1em;
	color: #f9fafb !important;
}

.footer a {
	color: #9ca3af;
	text-decoration: none !important;
	transition: all 0.2s ease;
}

.footer a:hover {
	color: #ffffff;
}

.footer .social-link {
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	background: rgba(255, 255, 255, 0.03);
	border: 1px solid rgba(255, 255, 255, 0.05);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.footer .social-link:hover {
	background: rgba(255, 255, 255, 0.1);
	border-color: rgba(255, 255, 255, 0.2);
	transform: translateY(-3px);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.footer .footer-links li {
	margin-bottom: 0.75rem;
}

.footer .footer-links a {
	font-size: 0.9rem;
	position: relative;
	display: inline-block;
}

.footer .footer-links a::after {
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	bottom: -2px;
	left: 0;
	background-color: #ffffff;
	transition: width 0.3s ease;
}

.footer .footer-links a:hover::after {
	width: 100%;
}

.pluginCountButton {
	background: white;
	border: 1px solid #9197a3;
	border-radius: 2px;
	color: #4e5665;
	display: inline-block;
	font-size: 11px;
	height: auto;
	line-height: 18px;
	margin-left: 6px;
	min-width: 15px;
	padding: 0 3px;
	text-align: center;
	white-space: nowrap;
}

.pluginCountButtonNub {
	height: 0;
	left: 97px;
	position: relative;
	top: -15px;
	width: 5px;
	z-index: 2;
}

.pluginCountButtonNub s,
.pluginCountButtonNub i {
	border-color: transparent #9197a3;
	border-style: solid;
	border-width: 4px 5px 4px 0;
	display: block;
	position: relative;
	top: 1px;
}

.pluginCountButtonNub i {
	border-right-color: #fff;
	left: 2px;
	top: -7px;
}

/* Navbar */

.navbar {
	display: flex;
	justify-content: space-between;
	height: 50px;
	padding: 5px 0px;
	background: #e1e5ea;
	background-image: linear-gradient(260deg,
			rgba(189, 21, 11, 0.05),
			transparent 50%);
	border: none;
	border-radius: 0;
	margin-bottom: 10px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid lightgray;
}

/* .navbar img, */
.navbar svg {
	width: 100%;
	height: auto;
}

.navbar .navbar-toggler {
	border-radius: 10px;
}

/* Barra de pesquisa */
.searchbar {
	margin-bottom: auto;
	margin-top: auto;
	height: 100%;
	background-color: #fff;
	border-radius: 5px;
}

.search_input {
	padding: 0 10px;
	border: 0;
	outline: 0;
	background: none;
	width: 100px;
	line-height: 30px;
	transition: width 0.25s ease;
}

.search_input:focus {
	padding: 0 10px;
	width: calc(100vw - 64px);
	transition: width 0.25s ease;
}

.search_input:focus~.search_icon {
	background: #353b48;
	color: #fff;
}

.search_icon {
	height: 100%;
	width: 30px;
	float: right;
	border-radius: 0 5px 5px 0;
	transition: background 0.25s ease;
	border: none;
	padding: 0 !important;
}

.search_icon:hover {
	cursor: pointer;
}

@media screen and (min-width: 768px) {
	.search_input {
		width: 170px;
	}

	.search_input:focus {
		width: 300px;
	}
}

@media screen and (max-width: 768px) {
	.searchform {
		position: absolute;
		right: 0.75rem;
	}
}

/* Sidenav */
.sidenav {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1032;
	top: 0;
	left: 0;
	background-color: rgb(255, 115, 115);
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
}

.sidenav a {
	padding: 5px 5px 5px 32px;
	text-decoration: none;
	font-size: 16px;
	color: black;
	display: block;
	transition: 0.3s;
}

.sidenav a:hover,
.offcanvas a:focus {
	color: #f1f1f1;
}

.sidenav .closebtn {
	position: absolute;
	top: 0;
	right: 25px;
	font-size: 36px;
	margin-left: 50px;
}

@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

	.sidenav a {
		font-size: 18px;
	}
}

/* BS Cards */
.postcard {
	flex-wrap: wrap;
	display: flex;
	/* box-shadow: 0 4px 21px -12px rgba(0, 0, 0, 0.66); */
	box-shadow: 0 4px 10px -8px rgba(0, 0, 0, 0.66);
	border-radius: 10px;
	margin: 0 0 2rem 0;
	overflow: hidden;
	position: relative;
	color: #fff;
}

.postcard.dark {
	background-color: #18151f;
	border: 1px solid #e1e5ea;
}

.postcard.light {
	/* background-color: #e1e5ea; */
	background-color: #e1e5ea21;
	border: 1px solid #e1e5ea;
}

.postcard .t-dark {
	color: #18151f;
}

.postcard a {
	color: inherit;
}

.postcard h1,
.postcard .h1 {
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.2;
}

.postcard .small {
	font-size: 80%;
}

.postcard .postcard__title {
	font-size: 1.75rem;
}

.postcard .postcard__img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
}

.postcard .postcard__img_link {
	display: contents;
}

.postcard .postcard__bar {
	width: 50px;
	height: 3px;
	margin: 3px 0;
	border-radius: 5px;
	background-color: #424242;
	transition: width 0.2s ease;
}

.postcard .postcard__text {
	padding: 1.5rem;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.postcard .postcard__preview-txt {
	overflow: hidden;
	text-overflow: ellipsis;
	height: 100%;
}

.postcard__tagbox {
	display: flex;
	flex-flow: row wrap;
	font-size: 14px;
	margin: 20px 0 0 0;
	padding: 0;
	justify-content: start;
}

.postcard__tagbox .tag__item {
	display: inline-block;
	background: rgba(220, 220, 220, 0.4);
	border-radius: 3px;
	padding: 2.5px 10px;
	margin: 0 5px 5px 0;
	cursor: default;
	user-select: none;
	transition: background-color 0.3s;
}

.postcard__tagbox .tag__item:hover {
	background: rgba(83, 83, 83, 0.8);
}

.postcard__tagbox .play:hover a {
	color: white;
}

.postcard:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-image: linear-gradient(-70deg, #424242, transparent 50%);
	opacity: 1;
	border-radius: 10px;
}

.postcard:hover .postcard__bar {
	width: 100px;
}

@media screen and (min-width: 769px) {
	.postcard {
		flex-wrap: inherit;
	}

	.postcard .postcard__title {
		font-size: 2rem;
	}

	.postcard .postcard__img {
		max-width: 30vw;
		/*max-width: 250px;
		max-height: 250px;*/
		/* height: 100%; */
		transition: transform 0.3s ease;
	}

	.postcard .postcard__text {
		padding: 1rem;
		width: 100%;
	}

	/* .postcard .media.postcard__text::before {
    content: '';
    position: absolute;
    display: block;
    background: #18151f;
    top: -20%;
    height: 130%;
    width: 25px;
  } */
	.postcard:hover .postcard__img {
		transform: scale(1.1);
	}

	.postcard:nth-child(2n + 1) {
		flex-direction: row;
	}

	/* .postcard:nth-child(2n + 0) {
		flex-direction: row-reverse;
	} */
	.postcard:nth-child(2n + 1) .postcard__text::before {
		left: -12px !important;
		transform: rotate(4deg);
	}

	.postcard:nth-child(2n + 0) .postcard__text::before {
		right: -12px !important;
		transform: rotate(-4deg);
	}
}

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

	/* .postcard__text::before {
    content: '';
    position: absolute;
    display: block;
    top: -20%;
    height: 130%;
    width: 55px;
  } */
	.postcard.dark .postcard__text::before {
		background: #18151f;
	}

	.postcard.light .postcard__text::before {
		/* background: #e1e5ea; */
		background: #e1e5ea21;
	}

	.postcard__text {
		padding: 2rem 3.5rem;
	}
}

/* BS card & temas colors */
.postcard__tagbox .green.play:hover {
	background: #368a05;
	color: white;
}

.postcard__tagbox .green.play {
	border: 1px solid #368a05;
}

.green .postcard__title:hover {
	color: #368a05;
}

.green .postcard__bar {
	background-color: #368a05;
}

.green::before {
	background-image: linear-gradient(-30deg,
			rgba(121, 221, 9, 0.05),
			transparent 50%);
}

.green:nth-child(2n)::before {
	background-image: linear-gradient(30deg,
			rgba(121, 221, 9, 0.05),
			transparent 50%);
}

.postcard__tagbox .blue.play:hover {
	background: #0076bd;
	color: white;
}

.postcard__tagbox .blue.play {
	border: 1px solid #0076bd;
}

.blue .postcard__title:hover {
	color: #0076bd;
}

.blue .postcard__bar {
	background-color: #0076bd;
}

.blue::before {
	background-image: linear-gradient(-30deg,
			rgba(0, 118, 189, 0.05),
			transparent 50%);
}

.blue:nth-child(2n)::before {
	background-image: linear-gradient(30deg,
			rgba(0, 118, 189, 0.05),
			transparent 50%);
}

.postcard__tagbox .red.play:hover {
	background: #bd150b;
	color: white;
}

.postcard__tagbox .red.play {
	border: 1px solid #bd150b;
}

.red .postcard__title:hover {
	color: #bd150b;
}

.red .postcard__bar {
	background-color: #bd150b;
}

.red::before {
	background-image: linear-gradient(-30deg,
			rgba(189, 21, 11, 0.05),
			transparent 50%);
}

.red:nth-child(2n)::before {
	background-image: linear-gradient(30deg,
			rgba(189, 21, 11, 0.05),
			transparent 50%);
}

.postcard__tagbox .yellow.play:hover {
	background: #bdbb49;
	color: white;
}

.postcard__tagbox .yellow.play {
	border: 1px solid #bdbb49;
}

.yellow .postcard__title:hover {
	color: #bdbb49;
}

.yellow .postcard__bar {
	background-color: #bdbb49;
}

.yellow::before {
	background-image: linear-gradient(-30deg,
			rgba(189, 187, 73, 0.05),
			transparent 50%);
}

.yellow:nth-child(2n)::before {
	background-image: linear-gradient(30deg,
			rgba(189, 187, 73, 0.05),
			transparent 50%);
}

@media screen and (min-width: 769px) {
	.green::before {
		background-image: linear-gradient(-80deg,
				rgba(121, 221, 9, 0.05),
				transparent 50%);
	}

	.green:nth-child(2n)::before {
		background-image: linear-gradient(80deg,
				rgba(121, 221, 9, 0.05),
				transparent 50%);
	}

	.blue::before {
		background-image: linear-gradient(-80deg,
				rgba(0, 118, 189, 0.05),
				transparent 50%);
	}

	.blue:nth-child(2n)::before {
		background-image: linear-gradient(80deg,
				rgba(0, 118, 189, 0.05),
				transparent 50%);
	}

	.red::before {
		background-image: linear-gradient(-80deg,
				rgba(189, 21, 11, 0.05),
				transparent 50%);
	}

	.red:nth-child(2n)::before {
		background-image: linear-gradient(80deg,
				rgba(189, 21, 11, 0.05),
				transparent 50%);
	}

	.yellow::before {
		background-image: linear-gradient(-80deg,
				rgba(189, 187, 73, 0.05),
				transparent 50%);
	}

	.yellow:nth-child(2n)::before {
		background-image: linear-gradient(80deg,
				rgba(189, 187, 73, 0.05),
				transparent 50%);
	}
}

/* BS Pagination */
.pagination-outer {
	text-align: center;
}

.pagination {
	font-family: "Kodchasan", sans-serif;
	border-radius: 10px;
	border: 1px solid #4a4a4aa6;
	overflow: hidden;
	display: inline-flex;
	position: relative;
}

.pagination li a.page-link {
	color: #000;
	background-color: transparent;
	/* font-size: 22px; */
	font-weight: 600;
	text-align: center;
	line-height: 43px;
	border: none;
	border-radius: 0;
	position: relative;
	z-index: 1;
}

.pagination li.active a.page-link,
.pagination li a.page-link:hover,
.pagination li.active a.page-link:hover {
	color: #fff;
	background: transparent;
	border: none;
}

.pagination li a.page-link:before,
.pagination li a.page-link:after {
	content: "";
	height: 100%;
	width: 100%;
	border: 1px solid rgba(83, 83, 83, 0.4);
	border-top: none;
	border-bottom: none;
	transform: rotate(4deg);
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.3s;
}

.pagination li a.page-link:after {
	background-color: #4a4a4a;
	border: none;
	border-radius: 50%;
	transform: skewx(-4deg) scale(0);
}

.pagination li.active a.page-link:after,
.pagination li a.page-link:hover:after,
.pagination li.active a.page-link:hover:after {
	border-radius: 0;
	transform: skewx(-4deg) scale(1);
}

.pagination li:first-child a.page-link:before,
.pagination li:last-child a.page-link:before {
	display: none;
}

.pagination li:first-child a.page-link:after {
	left: -1px;
}

.pagination li:last-child a.page-link:after {
	left: auto;
	right: -1px;
}

@media only screen and (max-width: 480px) {
	.pagination {
		padding: 10px 0;
		margin: 0;
		display: flex;
		width: 100%;
		justify-content: space-around;
	}

	.pagination li {
		display: inline-block;
	}

	.pagination li a.page-link:before {
		display: none;
	}

	.pagination li a.page-link:after {
		transform: skew(0) scale(0);
	}

	.pagination li.active a.page-link:hover:after,
	.pagination li.active a.page-link:after,
	.pagination li a.page-link:hover:after {
		border-radius: 20px;
		transform: skew(0) scale(1);
	}
}

/* Temas */
.temas>div {
	position: relative;
}

.temas a {
	color: white;
	color: #2b2b2b;
	position: absolute;
	bottom: 0;
	mix-blend-mode: luminosity;
	width: 100%;
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.temas>div img,
.temas>div .img-gradient:after {
	/* border-radius: 10px 25% 10px 10px / 10px 75% 10px 10px; */
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;

	/* box-shadow: 0 4px 21px -12px rgb(0 0 0 / 66%); */
	box-shadow: 0 2px 12px -10px rgba(0, 0, 0, 0.66);
}

.temas>div:nth-child(2n + 1) img,
.temas>div:nth-child(2n + 1) .img-gradient:after {
	/* border-radius: 10px 10px 10px 25% / 10px 10px 10px 75%; */
	/* border-radius: 36% 64% 24% 76% / 82% 63% 37% 18%; */
	border-radius: 90% 54% 44% 81% / 82% 63% 37% 55%;
}

.temas>div:nth-child(3n + 1) img,
.temas>div:nth-child(3n + 1) .img-gradient:after {
	/* border-radius: 10px 10px 10px 25% / 10px 10px 10px 75%; */
	border-radius: 70% 30% 43% 57% / 39% 18% 82% 61%;
}

.temas>div:nth-child(4n + 1) img,
.temas>div:nth-child(4n + 1) .img-gradient:after {
	/* border-radius: 10px 10px 10px 25% / 10px 10px 10px 75%; */
	border-radius: 64% 36% 39% 61% / 44% 66% 34% 56%;
}

.img-gradient {
	position: relative;
	display: inline-block;
}

.temas>div .img-gradient::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
}

.gradient-1::after {
	background: -moz-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(220, 66, 37, 0.3) 100%);
	/* FF3.6+ */
	background: -webkit-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(220, 66, 37, 0.3) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(220, 66, 37, 0.3) 100%);
	background: linear-gradient(to bottom,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(220, 66, 37, 0.3) 100%);
	/* W3C */
	background-image: linear-gradient(45deg,
			#ffb7b9 0%,
			#fad0c4 99%,
			#fad0c4 100%);
}

/* .temas > div:nth-child(2n) .img-gradient:after, */
.gradient-2::after {
	background: -moz-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(89, 220, 37, 0.3) 100%);
	/* FF3.6+ */
	background: -webkit-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(89, 220, 37, 0.3) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(89, 220, 37, 0.3) 100%);
	background: linear-gradient(to bottom,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(89, 220, 37, 0.3) 100%);
	/* W3C */
	background: linear-gradient(149deg, #e9ffb5 0%, #bce4c2 100%);
}

/* .temas > div:nth-child(3n) .img-gradient:after, */
.gradient-3::after {
	background: -moz-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(49, 37, 220, 0.3) 100%);
	/* FF3.6+ */
	background: -webkit-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(49, 37, 220, 0.3) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(49, 37, 220, 0.3) 100%);
	background: linear-gradient(to bottom,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(49, 37, 220, 0.3) 100%);
	/* W3C */
	background: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%);
}

/* .temas > div:nth-child(4n) .img-gradient:after,
.top > div .img-gradient:after, */
.gradient-4::after {
	background: -moz-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(217, 220, 37, 0.3) 100%);
	/* FF3.6+ */
	background: -webkit-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(217, 220, 37, 0.3) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -ms-linear-gradient(top,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(217, 220, 37, 0.3) 100%);
	background: linear-gradient(to bottom,
			rgba(83, 83, 83, 0.8) 0%,
			rgba(217, 220, 37, 0.3) 100%);
	/* W3C */
	background-image: radial-gradient(circle,
			rgba(255, 244, 169, 1) 0%,
			rgba(255, 244, 234, 1) 100.2%);
}

/* .temas > div:nth-child(5n) .img-gradient:after,
.top > div .img-gradient:after, */
.gradient-5:after {
	background: linear-gradient(127deg, #c1dfc4 0%, #deecdd 100%);
}

/* .temas > div:nth-child(6n) .img-gradient:after,
.top > div .img-gradient:after, */
.gradient-6:after {
	background-image: linear-gradient(47deg,
			#fdcbf1 0%,
			#fdcbf1 1%,
			#e6dee9 100%);
}

/* .temas > div:nth-child(7n) .img-gradient:after,
.top > div .img-gradient:after, */
.gradient-7::after {
	background-image: linear-gradient(90deg, #cfd9df 0%, #e2ebf0 100%);
}

/* .temas > div:nth-child(8n) .img-gradient:after,
.top > div .img-gradient:after, */
.gradient-8::after {
	background-image: linear-gradient(59deg, #c3fded 0%, #c1e8ff 100%);
}

.gradient-9::after {
	background-image: radial-gradient(circle 321px at 8.3% 75.7%,
			rgba(209, 247, 241, 1) 0%,
			rgba(249, 213, 213, 1) 81%);
}

.gradient-10::after {
	background-image: linear-gradient(177deg,
			rgb(246, 214, 165) 7.1%,
			rgb(242, 220, 185) 67.4%);
}

.gradient-11::after {
	background-image: radial-gradient(circle farthest-corner at 1.3% 2.8%,
			rgba(239, 249, 249, 1) 0%,
			rgba(182, 199, 226, 1) 100.2%);
}

/* Link underline for footer, card, breadcrumbs, nav */
footer li a:not(.page-link):not(.share__link),
.breadcrumb a:not(.page-link):not(.share__link) {
	display: inline-block;
	position: relative;
}

footer li a:not(.page-link):not(.share__link):after,
.breadcrumb a:not(.page-link):not(.share__link):after {
	content: "";
	position: absolute;
	width: 100%;
	transform: scaleX(1);
	height: 1px;
	top: 95%;
	left: 0;
	background-color: rgba(0, 1, 0);
	transform-origin: bottom right;
	transition: transform 0.25s ease-out;
}

footer li a:not(.page-link):not(.share__link):hover:after,
.breadcrumb a:not(.page-link):not(.share__link):hover:after {
	transform: scaleX(0);
	transform-origin: bottom left;
}

/* Footer */
footer {
	background-image: linear-gradient(45deg,
			rgba(189, 21, 11, 0.05) 0%,
			#e1e5ea 100%);
	margin-top: auto;
	color: #000;
}

footer ul {
	-webkit-column-count: 3;
	column-count: 3;
}

/* Premium Citation Card Styles */
.postcard.premium {
	flex-direction: column;
	background-color: #fff;
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	border: 1px solid #eee;
	margin-bottom: 2rem;
	overflow: hidden;
}

.postcard.premium .postcard__img_link {
	width: 100%;
	height: 100%;
	display: block;
	max-height: none;
}

.postcard.premium .postcard__img {
	width: 100%;
	height: 100%;
	object-fit: cover !important;
	max-width: none;
	display: block;
}

.postcard.premium .postcard__text {
	padding: 1.5rem;
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
}

/* Floating Like/Heart Icon */
.postcard.premium .postcard__like {
	position: absolute;
	top: 1rem;
	right: 1rem;
	color: #adb5bd;
	cursor: pointer;
	transition: color 0.3s ease;
	z-index: 10;
}

.postcard.premium .postcard__like:hover {
	color: #e63946;
}

.postcard.premium .postcard__preview-txt {
	font-family: 'Playfair Display', serif;
	font-size: 1.25rem;
	line-height: 1.6;
	color: #333;
	margin-top: 0;
	margin-bottom: 1rem;
	font-style: italic;
	border-left: none;
	padding-left: 0;
}

.postcard.premium hr {
	border: 0;
	border-top: 1px solid #f0f0f0;
	margin: 1rem 0 0.75rem 0;
}

.postcard.premium .postcard__author-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.postcard.premium .postcard__author-info {
	display: flex;
	align-items: center;
}

.postcard.premium .postcard__avatar {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin-right: 0.75rem;
	object-fit: cover;
	background-color: #f8f9fa;
	border: 1px solid #eee;
}

.postcard.premium .postcard__author-text {
	display: flex;
	flex-direction: column;
}

.postcard.premium .postcard__author-label {
	font-size: 0.75rem;
	color: #999;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	line-height: 1;
	margin-bottom: 2px;
}

.postcard.premium .postcard__author-name {
	font-size: 0.9rem;
	font-weight: 700;
	color: #2c3e50;
	line-height: 1.2;
}

.postcard.premium .postcard__cta {
	font-size: 0.85rem;
	color: #3498db;
	text-decoration: none;
	transition: color 0.3s ease;
}

.postcard.premium .postcard__cta:hover {
	color: #2980b9;
	text-decoration: underline;
}

.postcard.premium .postcard__img_link>div {
	height: 100%;
}

@media screen and (min-width: 992px) {
	.postcard.premium:not(.premium-detail) {
		flex-direction: row !important;
		min-height: 350px;
		align-items: stretch;
	}

	.postcard.premium:not(.premium-detail) .postcard__img_link {
		width: 35%;
		height: 100%;
		flex-shrink: 0;
	}

	.postcard.premium:not(.premium-detail) .postcard__text {
		width: 65%;
		padding: 2rem 2.5rem 1.5rem 2.5rem;
		justify-content: center;
	}

	.postcard.premium:not(.premium-detail) .postcard__preview-txt {
		font-size: 1.5rem;
		margin-top: 0;
	}

	.postcard.premium.premium-detail {
		flex-direction: column !important;
		width: 100%;
		max-width: 800px;
		margin-left: auto;
		margin-right: auto;
	}

	.postcard.premium.premium-detail .postcard__img_link {
		width: 100%;
	}

	.postcard.premium.premium-detail .postcard__text {
		width: 100%;
		padding: 2rem;
	}
}

/* Gradient Background overlays for the image section */
.postcard.premium.blue .postcard__img_link:after {
	background-image: linear-gradient(to right, rgba(0, 118, 189, 0.1), transparent);
}

.postcard.premium.red .postcard__img_link:after {
	background-image: linear-gradient(to right, rgba(189, 21, 11, 0.1), transparent);
}

.postcard.premium.green .postcard__img_link:after {
	background-image: linear-gradient(to right, rgba(54, 138, 5, 0.1), transparent);
}

.postcard.premium.yellow .postcard__img_link:after {
	background-image: linear-gradient(to right, rgba(189, 177, 11, 0.1), transparent);
}

.postcard.premium .postcard__img_link {
	position: relative;
}

.postcard.premium .postcard__img_link:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

/* --- Citation Complete (Detail View) --- */
.citation-complete {
	background: #fff;
	max-width: 800px;
	margin: 0 auto;
}

.citation-complete__hero {
	background: #f8f9fa;
	width: 100%;
}

.citation-complete__hero img {
	width: 100%;
	max-height: 800px;
	object-fit: contain;
	display: block;
}

/* Social shares removed from detail as per user request */
/*
.citation-complete__share-bar {
	background: #fff;
}

.btn-share {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	text-decoration: none;
	font-size: 0.9rem;
	transition: opacity 0.3s ease;
}

.btn-share:hover {
	opacity: 0.8;
	color: #fff;
}

.btn-share.facebook {
	background: #3b5998;
}

.btn-share.pinterest {
	background: #bd081c;
}

.btn-share.twitter {
	background: #000;
}

.btn-share.whatsapp {
	background: #25d366;
}
*/

.citation-complete__text {
	font-family: 'Playfair Display', serif;
	font-size: 2rem;
	line-height: 1.4;
	color: #1a1a1a;
	font-style: italic;
	border: none;
	padding: 0;
}

@media (max-width: 768px) {
	.citation-complete__text {
		font-size: 1.5rem;
	}
}

.citation-complete__author {
	font-family: 'Inter', sans-serif;
	letter-spacing: 0.05em;
}

.btn-copy-citation {
	border-radius: 8px;
	font-weight: 500;
	transition: all 0.2s ease;
}

.btn-copy-citation:hover {
	background-color: #f1f1f1;
	border-color: #ccc;
}