/* ======================================================== */
/*            CLUSTER MULTI-PLATFORM CSS                    */
/* ======================================================== */


.jarvdc-cluster .no-scroll::-webkit-scrollbar-thumb{
	display:none;
}
.jarvdc-cluster .no-scroll::-webkit-scrollbar{
	display: none;
}


/* ITEMS
=================================================== */

/* item */
.jarvdc-cluster .jarvdc-cluster-item {
    position: relative;
    isolation: isolate; 
	height: 100%;
	z-index: 1;
}

/* capa trasera editable */
.jarvdc-cluster .jarvdc-cluster-item::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background-size: cover;
    background-position: center;
    border-radius: 0px !important;
    pointer-events: none;
    transition: all 0.25s ease;
}



/*  FEATURED IMAGE
=================================================== */

/* custom style y preview */
.jarvdc-cluster.jarvdc-cluster-custom-style .jarvdc-cluster-image-wrapper, .jarvdc-cluster.jarvdc-style-template-preview .jarvdc-cluster-image-wrapper {
	padding-top: 100%; 
	position: relative !important;
	width: 100% !important;
	overflow: hidden !important;
	margin: 0px;
	overflow: hidden;
}
/* custom style y preview */
.jarvdc-cluster.jarvdc-cluster-custom-style .jarvdc-cluster-image, .jarvdc-cluster.jarvdc-style-template-preview .jarvdc-cluster-image{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	transform: translate(-50%, -50%);
	object-fit: cover;
	object-position: center;
	max-height: none !important;
	max-width: none !important;
	min-height: 100% !important;
	min-width: 100% !important;
	padding: 0px;
}
/* custom style y preview */
.jarvdc-cluster.jarvdc-cluster-custom-style .jarvdc-cluster-item .jarvdc-cluster-image.img-hover, .jarvdc-cluster.jarvdc-style-template-preview .jarvdc-cluster-item .jarvdc-cluster-image.img-hover {
	opacity: 0;
	transition: opacity 0.1s ease-in-out;
}
/* custom style y preview */
.jarvdc-cluster.jarvdc-cluster-custom-style .jarvdc-cluster-item:hover .jarvdc-cluster-image.img-hover, .jarvdc-cluster.jarvdc-style-template-preview .jarvdc-cluster-item:hover .jarvdc-cluster-image.img-hover {
	opacity: 1;
	transition: opacity 0.1s ease-in-out;
}


/*  CONTENEDDOR METADATOS
=================================================== */

/* normal - classic*/
.jarvdc-cluster .jarvdc-cluster-metadata-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 0px;
    margin-top: 0px;
    background-color: transparent;
    border-radius: 0px; /* suaviza esquinas */
    box-shadow: none;
    width: 100%;
    box-sizing: border-box;
}

/* wrapper overlay */
.jarvdc-item-overlay .jarvdc-cluster .jarvdc-cluster-metadata-wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: auto;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    /* estado inicial (oculto abajo) */
    transform: translateY(100%);
    transition: transform 0.35s cubic-bezier(.22,.61,.36,1);
    will-change: transform;
}

/* hover → sube */
.jarvdc-item-overlay .jarvdc-cluster .jarvdc-cluster-item:hover .jarvdc-cluster-metadata-wrapper {
    transform: translateY(0%);
}

/* wrapper reveal */
.jarvdc-item-reveal .jarvdc-cluster .jarvdc-cluster-item .jarvdc-cluster-metadata-wrapper {
    position: absolute;
    left: 0;
    right: 0;
	top: 0;
    bottom: auto;
	width: 100%;
    height: 100%;
    max-width: none;
    max-height: none;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    transform: translateY(0);
	transition: all 0.35s cubic-bezier(.22,.61,.36,1);
}

.jarvdc-item-reveal .jarvdc-cluster .jarvdc-cluster-item:hover .jarvdc-cluster-metadata-wrapper {
    justify-content: flex-end;
}

.jarvdc-item-reveal .jarvdc-cluster .jarvdc-cluster-item .jarvdc-cluster-metadata-wrapper > *:not(.jarvdc-cluster-title),
.jarvdc-item-overlay .jarvdc-cluster .jarvdc-cluster-item .jarvdc-cluster-metadata-wrapper > *{
    opacity: 0;
    transform: translateY(15px);
    transition: all 0.35s cubic-bezier(.22,.61,.36,1);
}

.jarvdc-item-reveal .jarvdc-cluster .jarvdc-cluster-item:hover .jarvdc-cluster-metadata-wrapper > *:not(.jarvdc-cluster-title),
.jarvdc-item-overlay .jarvdc-cluster .jarvdc-cluster-item:hover .jarvdc-cluster-metadata-wrapper > *{
    opacity: 1;
    transform: translateY(0);
}

/* TITLES
=================================================== */
/*.jarvdc-item-reveal .jarvdc-cluster .jarvdc-cluster-item .jarvdc-cluster-metadata-wrapper .jarvdc-cluster-title {
	position: absolute;
	top: 0;
}

.jarvdc-item-reveal .jarvdc-cluster .jarvdc-cluster-item:hover .jarvdc-cluster-metadata-wrapper .jarvdc-cluster-title {
    position: relative;
	transition: all 0.3s ease;
}*/

/*  EXCERPT
=================================================== */


/*  AUTHOR
=================================================== */

.jarvdc-cluster .jarvdc-cluster-container-author {
	overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    padding: 0;
    margin: 0;
	list-style:none;
	min-width: 0;
	width: 100%;
	pointer-events: auto;
	scrollbar-width: none;      /* Firefox */
    -ms-overflow-style: none;   /* IE / Edge legacy */
}

.jarvdc-cluster .jarvdc-cluster-meta-author {
	display: inline-block;
    width: auto;
    margin: 0;
}

.jarvdc-cluster .jarvdc-cluster-item:hover .jarvdc-cluster-meta-author {
	transition: 0.3s ease-in-out;
}

.jarvdc-cluster .jarvdc-cluster-item:hover .jarvdc-cluster-meta-author:hover {
	transition: 0.3s ease-in-out;
}

/*  DATE
=================================================== */
.jarvdc-cluster .jarvdc-cluster-meta-date {
}

.jarvdc-cluster .jarvdc-cluster-item:hover .jarvdc-cluster-meta-date {
	transition: 0.3s ease-in-out;
}

.jarvdc-cluster .jarvdc-cluster-item:hover .jarvdc-cluster-meta-date:hover {
	transition: 0.3s ease-in-out;
}


/*  CATEGORIES
=================================================== */
.jarvdc-cluster .jarvdc-cluster-container-categories {
	overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-inline: contain;
    padding: 0;
    margin: 0;
	list-style:none;
	min-width: 0;
	width: 100%;
	pointer-events: auto;
	scrollbar-width: none;      /* Firefox */
    -ms-overflow-style: none;   /* IE / Edge legacy */
}
.jarvdc-cluster .jarvdc-cluster-container-categories::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Edge */
}

.jarvdc-cluster .jarvdc-cluster-category-li{
	display: inline-block;
    width: auto;
    margin: 0;
}

.jarvdc-cluster .jarvdc-cluster-meta-category-link {
    white-space: nowrap;
	margin: 0px;
	transition: 0.3s ease-in-out;
}

.jarvdc-cluster .jarvdc-cluster-item:hover .jarvdc-cluster-meta-category-link {
	transition: 0.3s ease-in-out;
}

.jarvdc-cluster .jarvdc-cluster-item:hover .jarvdc-cluster-meta-category-link:hover {
	transition: 0.3s ease-in-out;
}

/*  BUTTONS
=================================================== */ 
.jarvdc-cluster .custom-button-container { 
	display: flex; 
	transition: all 0.3s ease-in-out;
	width: 100%; 
}
.jarvdc-cluster .jarvdc-cluster-item .custom-link-button{
	display:inline-block; 
	overflow:hidden; 
	transition: all 0.35s cubic-bezier(.22,.61,.36,1); 
} 

.jarvdc-cluster .jarvdc-cluster-item:hover .custom-link-button {
	transition: all 0.35s cubic-bezier(.22,.61,.36,1); 
} 
.jarvdc-cluster .jarvdc-cluster-item:hover .custom-link-button:hover{
	transition: all 0.35s cubic-bezier(.22,.61,.36,1); 
}

/* ======================================================== */
/*        BASE STRUCTURE - CUSTOM LAYOUT Y PREVIEW          */
/* ======================================================== */

/* GRID */
.jarvdc-cluster.jarvdc-cluster-custom-layout .jarvdc-columns-cluster, .jarvdc-cluster.jarvdc-layout-template-preview .jarvdc-columns-cluster {
	display: grid;
}

/* SLIDER */
.jarvdc-cluster.jarvdc-cluster-custom-layout .jarvdc-slider-cluster, .jarvdc-cluster.jarvdc-layout-template-preview .jarvdc-slider-cluster {
	display: flex;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}

.jarvdc-cluster.jarvdc-cluster-custom-layout .jarvdc-slider-cluster .jarvdc-cluster-col, .jarvdc-cluster.jarvdc-layout-template-preview .jarvdc-slider-cluster .jarvdc-cluster-col {
	box-sizing: border-box;
}