/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body {
	font-family: 'Montserrat'!important;
	font-size: 16px;
}
*/
@import url('https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap');

/**** TABS ****/
.woply-tabs-wrapper {
	position: relative;
}
	.woply-tabs-wrapper .woply-tabs-items {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
		justify-content: flex-start;
		gap: 0;
	}
		.woply-tabs-wrapper .woply-tabs-items .woply-tabs-item {
			position: relative;
			margin: 0;
			padding: 10px 10px;
			line-height: 1;
			color: #000;
			font-size: 15px;
			font-weight: 500;
			flex: 0 1 auto;
			cursor: pointer;
		}
		.woply-tabs-wrapper .woply-tabs-items .woply-tabs-item.active {
			color: var(--color-theme-primary);
			border-bottom: 1px solid var(--color-theme-primary);
			cursor: default;
		}

.woply-tabs-wrapper .woply-tabs-content {
	position: relative;
	padding: 20px;
}
	.woply-tabs-wrapper .woply-tabs-content .woply-tabs-content-item {
		display: none;
	}
	.woply-tabs-wrapper .woply-tabs-content .woply-tabs-content-item.active {
		display: block;
	}
		.woply-tabs-wrapper .woply-tabs-content .woply-tabs-content-item-wrapper {
			display: flex;
			flex-direction: column;
			gap: 30px;
		}
			.woply-tabs-wrapper .woply-tabs-content .woply-tabs-content-item-wrapper ul.woply-documents-items {
				order: 3;
			}
			.woply-tabs-wrapper .woply-tabs-content .woply-tabs-content-item-wrapper ul.woply-documents-tags {
				order: 1;
			}
			.woply-tabs-wrapper .woply-tabs-content .woply-tabs-content-item-wrapper .woply-tabs-description {
				order: 2;
			}


/*** DOCUMENTS ***/
#document-content-wrapper {
	gap: 20px;
}
	#document-content-wrapper .col-sidebar {
		max-width: 300px;
	}
		.widget-area .post-it {
			padding: 45px 25px 35px 25px;
			color: #222;
			transform: rotate(3deg);
			border: 1px solid color-mix( in srgb, #F7AE01, #000 15% );
			box-shadow: 0 3px 5px -2px rgba(0,0,0,0.8);
			background: linear-gradient(35deg, #F4E500 0, #F7AE01 100%);
		}
			.widget-area .post-it:before {
				position: absolute;
				left: 0;
				top: 0;
				width: 100%;
				height: 55px;
				content: '';
				background-color: rgba(0, 0, 0, 0.03);
			}
			.widget-area .post-it .post-it-inner {
				position: relative;
				transform: rotate(-2deg);
				
			}
				.widget-area .post-it .post-it-inner h2,
				.widget-area .post-it .post-it-inner p {
					_color: #222;
					font-family: "Indie Flower", cursive;
					font-weight: 400;
					font-style: normal;
				}
				.widget-area .post-it .post-it-inner h2 {

				}
				.widget-area .post-it .tip-content p {
					font-size: 20px;
				}
				.widget-area .post-it .tip-content p:last-child {
					margin-bottom: 0;
				}
				.widget-area .post-it .tip-content p:empty {
					display: none;
				}


ul.woply-documents-items {
	position: relative;
	margin: 0!important;
	padding: 0;
	list-style: none;
}
	ul.woply-documents-items li.woply-documents-item {
		position: relative;
		margin: 0 0 15px 0;
		padding: 0;
	}
		ul.woply-documents-items li.woply-documents-item .woply-documents-item-content {
			position: relative;
			display: flex;
			gap: 15px;
			align-items: flex-start;
			justify-content: flex-start;
		}
			ul.woply-documents-items li.woply-documents-item img {
				display: block;
				margin: 0;
				width: 60px;
				height: 60px;
				max-width: none;
				object-fit: cover;
				object-position: center center;
			}
			ul.woply-documents-items li.woply-documents-item a {
				color: #222;
				font-weight: 700;
				text-decoration: none;
			}
			ul.woply-documents-items li.woply-documents-item a + p {
				margin: 0 0 15px 0;
			}

/*** TAGS ***/
ul.woply-documents-tags {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 10px;
	margin: 0!important;
	padding: 0;
	list-style: none;;
}
	ul.woply-documents-tags li.woply-documents-tags-item {
		position: relative;
		margin: 0;
		padding: 5px 10px;
		color: #222;
		border-radius: 3px;
		background-color: hsl( from var(--color-theme-primary) h s l / .5 );
	}
		ul.woply-documents-tags li.woply-documents-tags-item > a {
			color: #222;
		}
	ul.woply-documents-tags li.woply-documents-tags-item.active {
		color: #fff;
		background-color: #222;
	}
		ul.woply-documents-tags li.woply-documents-tags-item.active > a {
			color: #fff;
		}


.widget-back {
	position: relative;
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	border-radius: 0!important;
	border-width: 0 0 1px 0!important;
	border-style: dotted!important;
	border-color: #555!important;
	
	background-color: transparent!important;
	overflow: hidden;
}
	.widget-back #go-back {
		position: relative;
		display: flex;
		align-items: center;
		font-weight: 700;
		text-transform: uppercase;
		cursor: pointer;
	}
		.widget-back #go-back i {
			position: relative;
			margin-right: 10px;
			width: 25px;
			height: 25px;
			line-height: 25px;
			color: #fff;
			text-align: center;
			border-radius: 3px;
			background-color: var(--color-theme-primary);
		}

	.widget-last-documents .woply-last-documents-item {
		display: flex;
		gap: 10px;
	}
	.widget-last-documents .woply-last-documents-items .woply-last-documents-item:not(:last-child) {
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px dotted #999;
	}
		.widget-last-documents .woply-last-documents-item .woply-documents-item-image img {
			display: block;
			width: 40px;
			max-width: none;
			height: 40px;
			aspect-ratio: 1/1;
			object-fit: cover;
			object-position: center center;
		}
		.widget-last-documents .woply-last-documents-item h3 {
			margin: 0 0 5px 0;
			line-height: 18px;
			font-size: 16px;
			font-weight: 700;
			text-wrap: balance;
		}
		.widget-last-documents .woply-last-documents-item p {
			display: -webkit-box;
			margin: 0;
			text-overflow: ellipsis;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			overflow: hidden;
		}


/*** BOTONES ***/
.wp-element-button.mini-button {
	padding: 5px 10px;
}





.e-tip {
	display: inline-block;
	position: absolute;
	right: -8px;
	top: 16px;
	width: 15px;
	height: 15px;
	line-height: 15px;
	color: #fff;
	font-size: 9px;
	text-align: center;
	border-radius: 50%;
	background-color: var(--color-theme-primary);
}


@media screen and (min-width: 60em) {

	body.blog .site-wrapper {
		grid-template-columns: 3fr 300px!important;
	}


}