/*-------------------------------------------------------------------------- 
////////////////////////////////////////////////////////////////////////////
BLOG ///////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////
-------------------------------------------------------------------------*/
/*------------------------------------------------------------------------ 
FEED  ////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------*/
/* -------------------------------------------------
---------------------------------- ❤ SET: DISEÑO ---
--------------------------------------------------*/
div.panel-feed{
	background-color:var(--color-black);
	}


div.panel-feed .post{
	background-color:var(--color-neutro-darker);
	color:inherit;
	}

div.panel-feed .post .post-cover{
	background-color:var(--color-neutro-dark);
	}
div.panel-feed .post .post-cover img{
	transition:all 0.22s;
	transform: scale(1.0);
	filter: grayscale(100%);
	}


div.panel-feed .post .post-title{
	color:var(--color-neutro-softer);
	font-size:var(--fs-regular);
	font-weight:var(--fw-bold);
	height:auto;
	line-height:1.2em;
	transition:all 0.22s;
	}

div.panel-feed .post .post-container p{
	font-size:0.8rem;
	}

div.panel-feed .post .post-container .post-more{
	color:var(--color-neutro);
	}


div.panel-feed .post:hover .post-title{
	color:var(--color-white);
	}
div.panel-feed .post:hover .post-cover img{
	transform: scale(1.06);
	filter: grayscale(0%);
	}


/* -------------------------------------------------
------------------------------------------ BASE ---
--------------------------------------------------*/
div.panel-feed{
	align-items:stretch;
	display:grid;
	grid-gap:1.6vmax;/*set*/
	grid-template-columns:repeat(auto-fill, minmax(300px, 1fr)); /*set*/
	padding-bottom:40px;/*set*/
	padding-top:40px;
	width:100%;
	}


div.panel-feed .post{
	gap:var(--gap-inside);
	height:auto;
	padding:0px;
	text-decoration:none;
	width:100%!important;
	}


/* if pos is anchor */
div.panel-feed > a.post:hover {
	box-shadow:0px 0px 6px rgba(0, 0, 0, 0.2);
	}


div.panel-feed .post .post-cover{
	aspect-ratio: 3 / 2;
	overflow:hidden;
	height:auto;
	width:100%;
	}

div.panel-feed .post .post-cover img{
	height:100%;
	object-fit:cover;
	width:100%;
	}



div.panel-feed .post .post-container{
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	flex-direction:column;
	gap:var(--gap-inside-small);
	justify-content:flex-start; 
	padding:20px;
	width:100%;
	}

div.panel-feed .post .post-title{
	margin:0px;
	padding:0px;
	}


div.panel-feed .post .post-container p{
	margin:0px;
	padding:0px;
	}


div.panel-feed .post .post-excerpt{
	height: auto;
	margin:0px 0px;
	padding:0px 0px;
	}

div.panel-feed .post .post-data{
	height: auto;
	font-size:var(--fs-medium);
	}


div.panel-feed .post .post-more{

	}


/*------------------------------------------------------------------------ 
SINGLE  //////////////////////////////////////////////////////////////////
------------------------------------------------------------------------*/
.container-single{
	background-color: var(--color-black);
	align-items:flex-start;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:space-between;
	gap:5vw;
	height:auto;
	max-width:100%;
	padding-bottom:40px;
	padding-top:40px;
	width:100%;	
	}


/*--------------------------------------------
SINGLE 1 /////////////////////////////////////
-------------------------------------------*/
.container-single.single-1  article.post {
	align-items:flex-start;
	background-color: var(--color-neutro-black);
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	gap:20px;
	justify-content:flex-start;
	margin:0px 0px;
	padding:0px 0px;
	}


/* Width
------------------------------*/
.container-single.single-1  article.post {
	flex-grow:2;
	max-width:100%;
	width:55%;
	}
.container-single.single-1 aside{
	color:var(--color-neutro-soft);
	flex-grow:10;
	min-width:200px;
	width:30%;
	}

	@media only screen and (max-width:620px) {
	.container-single.single-1  article.post{
	width:100%;
	}}



/* Article elemnts
------------------------------*/
.container-single.single-1 .post .post-title {
	font-size:var(--fs-xlarge);
	font-weight:var(--fw-bold);
	padding:0px 0px;
	width:100%;
	}



.container-single.single-1 .post .post-data {
	font-size:var(--fs-medium);
	text-transform:uppercase;
	width:100%;
	}


.container-single.single-1 .post .post-cover{
	height: auto;
	max-width:100%;
	width:100%;
	}


.container-single.single-1 article.post .post-cover img{
	border-radius:8px;
	height:auto;
	width:100%;
	}


.container-single.single-1 .post .post-excerpt{
	margin:0px 0px;
	padding:0px 0px;
	}


.container-single.single-1 .post .post-content {
	height: auto;
	width:100%;
	}


.container-single.single-1 .post .post-content p{
	text-align:justify;
	}



.container-single.single-1 .post .post-content img{
	max-width:100%;
	}


.container-single.single-1 .post .post-content iframe{
	min-width:50%!important;
	width:100%!important;
	}


.container-single.single-1 .post ul.social-bar{
	justify-content:safe flex-end;
	gap: 10px;
	}




/* Aside
------------------------------*/
.container-single.single-1 aside h4{
	font-size:var(--fs-medium);
	font-weight:var(--fw-bold);
	text-transform:uppercase;
	}



/* Last post
------------------------------*/
.container-single.single-1 aside .last-post {
	align-items:flex-start;
	display:flex;
	flex-direction:column;
	flex-wrap: wrap;
	justify-content:flex-start;
	width:100%;
	}



.container-single.single-1 aside .last-post .post {
	align-items:center;
	display:flex;
	flex-direction:row!important;
	flex-wrap:wrap;
	justify-content:flex-start;
	gap:20px;
	text-decoration:none;
	margin:0px 0px;
	padding:10px;
	width:100%!important;
	}

.container-single.single-1 aside .last-post .post:hover {
	box-shadow:0px 0px 6px rgba(0, 0, 0, 0.2);
	}
	@media only screen and (max-width:620px) {
	.container-single.single-1 aside .last-post .post:hover{
	box-shadow:0px 0px 6px rgba(0, 0, 0, 0.0);
	}}


.container-single.single-1 aside .last-post .post,
.container-single.single-1 aside .last-post .post:hover,
.container-single.single-1 aside .last-post .post:visited{
	color:inherit;
	}



.container-single.single-1 aside .last-post .post .post-cover{
	aspect-ratio: 3 / 2;
	height:auto;
	max-height:80px;
	max-width:80px;
	width:80px;
	}
	@media only screen and (max-width:920px) {
	.container-single.single-1 aside .last-post .post .post-cover{
	max-width:60px;
	width:60px;
	}}
	@media only screen and (max-width:720px) {
	.container-single.single-1 aside .last-post .post .post-cover{
	max-width:80px;
	width:80px;
	}}


.container-single.single-1 aside .last-post .post .post-cover img{
	height:100%;
	filter: grayscale(100%);
	object-fit:cover;
	transition:all 0.22s;
	width:100%;
	}


.container-single.single-1 aside .last-post .post:hover .post-cover img{
	filter: grayscale(0%);
	}


.container-single.single-1 aside .last-post .post .post-title{
	display:flex;
	flex-wrap:wrap;
	flex-grow:2;
	font-size:var(--fs-regular);
	font-weight:var(--fw-normal);
	min-width:200px;
	transition:all 0.22s;
	width:auto;
	}

.container-single.single-1 aside .last-post .post:hover .post-title{
	color: var(--color-neutro-softer);
	}









/* Breadcrumb
------------------------------*/
.container-single.single-1 .breadcrumb,
.container-single.single-1 .breadcrumb a{
	width:auto;
	}
	


.container-single.single-1 .breadcrumb a{
	color:inherit;
	text-decoration:none;
	}







/*-------------------------------------------------------------------------- 
/////////////////////////////////////////////////////////////////// END BLOG
--------------------------------------------------------------------------*/