/*
	Autor: 
		PUM! estudio
*/

@charset "UTF-8";

/* -- media */

.content img { display: block; max-width: 100%;}
.content video { display: block; width: 100%;}
.content img { pointer-events: none;}

.content-media { overflow: hidden; border-radius: var(--border-rad-3); }
.content-media img, 
.content-media video, 
.content-media iframe { display: block; width: 100%; height: 100%; border-radius: var(--border-rad-3); object-fit: cover; transition: all .4s var(--bezier);}
.content-media.hover img, 
.content-media.hover video,
.hover .content-media img, 
.hover .content-media video { transform: scale(1.1);}

.hide { display: none;}

.content-txt iframe,
.content-txt video { aspect-ratio: 16/9; width: 100%; max-width: 100%; height: auto;}

/* -- backgrounds */

.bg-grey-100 { background-color: var(--c-grey-100);color: var(--c-black);}
.bg-grey-200 { background-color: var(--c-grey-200);color: var(--c-black);}
.bg-grey-500 { background-color: var(--c-grey-500);color: var(--c-black);}
.bg-blue-100 { background-color: var(--c-blue-100);color: var(--c-black);}
.bg-blue-500 { background-color: var(--c-blue-500);color: var(--c-white);}
.bg-blue-900 { background-color: var(--c-blue-900);color: var(--c-white);}
.bg-orange-100 { background-color: var(--c-orange-100);color: var(--c-black);}
.bg-orange-500 { background-color: var(--c-orange-500);color: var(--c-black);}
.bg-orange-900 { background-color: var(--c-orange-900);color: var(--c-black);}
.bg-teal-100 { background-color: var(--c-teal-100);color: var(--c-black);}
.bg-teal-500 { background-color: var(--c-teal-500);color: var(--c-black);}
.bg-teal-900 { background-color: var(--c-teal-900);color: var(--c-black);}
.bg-red-100 { background-color: var(--c-red-100);color: var(--c-black);}
.bg-red-500 { background-color: var(--c-red-500);color: var(--c-black);}
.bg-red-900 { background-color: var(--c-red-900);color: var(--c-black);}
.bg-brown-100 { background-color: var(--c-brown-100);color: var(--c-black);}
.bg-brown-500 { background-color: var(--c-brown-500);color: var(--c-black);}
.bg-brown-900 { background-color: var(--c-brown-900);color: var(--c-black);}
.bg-green-100 { background-color: var(--c-green-100);color: var(--c-black);}
.bg-green-500 { background-color: var(--c-green-500);color: var(--c-black);}
.bg-green-900 { background-color: var(--c-green-900);color: var(--c-black);}
.bg-yellow-100 { background-color: var(--c-yellow-100);color: var(--c-black);}
.bg-yellow-500 { background-color: var(--c-yellow-500);color: var(--c-black);}
.bg-yellow-900 { background-color: var(--c-yellow-900);color: var(--c-black);}

.bg-infinito { background-color: var(--c-infinito);color: var(--c-white);}
.bg-fellowship { background-color: var(--c-fellowship);color: var(--c-white);}

/* -- model box */

.content-box { position: relative; padding-top: var(--unit-30); padding-bottom: var(--unit-30);}
.content-news-text .content-box { padding-top: var(--unit-15); padding-bottom: var(--unit-15);}

@media ( max-width: 1020px ) { 
	.content-box { padding-top: var(--unit-12); padding-bottom: var(--unit-12);} 
	.content-news-text .content-box { padding-top: var(--unit-4); padding-bottom: var(--unit-4);}
}

.content-box-fg { position: relative; z-index: 2;}
.content-box-bg { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%;}
.content-box-bg img,
.content-box-bg video { width: 100%; height: 100%; object-fit: cover;}

/* -- view */

@media ( min-width: 1020px ) { 
	.no-l { display: none;}
}
@media ( min-width: 720px ) { 
	.no-m { display: none;}
}
@media ( max-width: 720px ) { 
	.no-s { display: none;}
}

/* -- faqs */

.content-faqs .content-accordion-item { border-bottom: var(--border-1-g);}

@media ( min-width: 1020px ) { 
	.content-faqs .no-m { display: block;}
}
@media ( max-width: 720px ) { 
	.content-faqs .no-m { display: none;}
}

/* -- accordion */

.content-accordion-item .cta-accordion { text-align: left; gap: var(--unit-4);}
.content-accordion-item.active .icon:after { transform: rotate(135deg);}
.content-accordion-content { display: none;}

/* -- newsletter */

.content-newsletter-card { padding: var(--unit-10); border-radius: var(--unit-8); background-color: #E2E4E9; background-image: url(../img/isotipo-carasso-w.svg); background-size: auto 110%; background-position: calc(100% - 4rem) center; background-repeat: no-repeat;}

@media ( max-width: 1020px ) { 
	.content-newsletter-card { padding: var(--unit-10) var(--unit-6); border-radius: var(--unit-4); background-size: 28rem 45rem; background-position: calc(100% + 14rem) bottom; }
}

/* -- slider */

.content-slider { margin-bottom: var(--unit-10);}
.content-slider .content-slider-in { position: relative; display: flex;}
.content-slider-item { flex-shrink: 0; display: flex;}
.content-slider.active { width: 100%; display: block;}
.content-slider.active:after { content: 'flickity'; display: none;}

.content-slider .flickity-viewport { overflow: visible; position: static;}
.content-slider .flickity-slider { position: relative;}

.content-slider .flickity-button::after { content: ''; display: block; width: var(--unit-14); height: var(--unit-14); background-position: center; background-repeat: no-repeat; background-size: contain;}
.content-slider .flickity-button svg { display: none;}
.content-slider .flickity-prev-next-button { z-index: 2; top: 50%; width: auto; height: auto; border-radius: 0; background-color: transparent; transform: translateY(-50%);}
.content-slider .flickity-prev-next-button.hover { opacity: 1;}
.content-slider .flickity-prev-next-button.next { right: 0;}
.content-slider .flickity-prev-next-button.previous { left: 0;}
.content-slider .flickity-prev-next-button.next::after { background-image: var(--icon-c-circle_arrow_right);}
.content-slider .flickity-prev-next-button.previous::after { background-image: var(--icon-c-circle_arrow_left);}
.content-slider .flickity-prev-next-button.next:disabled::after { background-image: var(--icon-b-circle_arrow_right);}
.content-slider .flickity-prev-next-button.previous:disabled::after { background-image: var(--icon-b-circle_arrow_left);}
.content-slider .flickity-button:disabled { opacity: .4;}
.content-slider .flickity-page-dots { bottom: 0; z-index: 1; transform: translateY(calc( 100% + var(--unit-9))); display: flex; align-items: center; justify-content: center; gap: .8rem; }
.content-slider .flickity-page-dots .dot { display: block; width: .8rem; height: .8rem; margin: 0; background: var(--c-grey-100); border-radius: .4rem; opacity: 1; transition: all .4s var(--bezier);}
.content-slider .flickity-page-dots .dot.is-selected { width: 1.6rem; background-color: var(--c-blue-500);}

.bg-blue-500 .content-slider .flickity-prev-next-button.next::after { background-image: var(--icon-w-circle_arrow_right);}
.bg-blue-500 .content-slider .flickity-prev-next-button.previous::after { background-image: var(--icon-w-circle_arrow_left);}
.bg-blue-500 .content-slider .flickity-page-dots .dot.is-selected { width: 1.6rem; background-color: var(--c-white);}

.content-slider-row .flickity-prev-next-button { top: auto; bottom: 0; transform: translateY(calc( 100% + var(--unit)));}
.content-slider-row .flickity-enabled { display: flex;}
.content-slider-row .flickity-viewport { order: 2; width: 100%; height: auto !important; overflow: visible; margin-bottom: var(--unit-10);}
.content-slider-row .flickity-slider { position: relative !important; display: flex; left: auto !important;}
.content-slider-row .content-slider-item { flex: 0 0 auto; left: auto !important; min-height: 100%; position: relative !important; transform: translateX(0) !important;}

.content-slider-mob.active { display: flex;}
.content-slider-mob.active:after { content: ''; display: none;} 

@media ( max-width: 1020px ) { 
	.content-slider .flickity-page-dots { transform: translateY(calc( 100% + var(--unit-5)));}
	.content-slider .flickity-button::after { width: var(--unit-8); height: var(--unit-8);}
}
@media ( max-width: 720px ) { 
	.content-slider-mob,
	.content-slider-mob.active { width: 100%; display: block;}
	.content-slider-mob:after,
	.content-slider-mob.active:after { content: 'flickity'; display: none;} 
}

/* -- hero */

.content-hero { display: flex; flex-direction: column; height: 100dvh; max-height: 90dvh; position: relative; padding-top: var(--unit-40); padding-bottom: var(--unit-40); background-color: var(--c-black); color: var(--c-white); overflow: hidden;}
.content-hero::after,
.content-hero::before { content: ''; display: block; flex-grow: 1;}
.content-hero,
.content-hero .cta { color: var(--c-white);}
.content-hero .content-box-bg::before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; mix-blend-mode: multiply; opacity: 0.75; background: rgba(0, 0, 0, 0.4) /*linear-gradient(360deg, #000000 2.57%, rgba(102, 102, 102, 0) 95.26%)*/;}
.content-hero .content-box-fg { position: relative;}
.content-hero .content-box-fg:before { content: ''; display: block; position: absolute; top: 50%; left: calc(2/12*100%); z-index: 2; transform: translate(-50%, -50%); width: 1px; height: 100dvh; opacity: 0.2; background: #FFF;}
.content-hero .content-info { position: relative; overflow: hidden;}
.content-hero .content-info-in { transform: translateX(-100%); transition: all 1.4s var(--bezier);}
.content-hero .view .content-info-in,
.content-hero .is-selected .content-info-in { transform: translateX(0);}
.content-hero .content-box-bg > div { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.content-hero .content-box-bg .content-box-bg-s { display: none;}

@media (max-width: 1280px) { 
	.content-hero .content-box-fg:before { left: calc(1/12*100%); transform: translate(-50%, 0);}
	.content-hero .content-box-bg .content-box-bg-l { display: none;}
	.content-hero .content-box-bg .content-box-bg-s { display: block;}
}
@media (max-width: 720px) { 
	.content-hero .content-box-fg:before { left: calc(2% + var(--unit-2));}
}

.content-hero-slider { padding: 0; overflow: hidden;}
.content-hero-slider::after,
.content-hero-slider::before { display: none;}
.content-hero-slider .content-slider { height: 100dvh; max-height: 90dvh; flex-grow: 1; height: 100%;}
.content-hero-slider .content-slider-item { height: 100dvh; max-height: 90dvh;}

.content-hero-slider .content-slider { margin-bottom: 0;}
.content-hero-slider .content-slider .flickity-prev-next-button { top: auto; bottom: 10%;}
.content-hero-slider .content-slider .flickity-prev-next-button.next { right: 5%;}
.content-hero-slider .content-slider .flickity-prev-next-button.previous { left: 5%;}
.content-hero-slider .content-slider .flickity-prev-next-button.next::after { background-image: var(--icon-w-circle_arrow_right);}
.content-hero-slider .content-slider .flickity-prev-next-button.previous::after { background-image: var(--icon-w-circle_arrow_left);}
.content-hero-slider .content-slider .flickity-prev-next-button.next:disabled::after { background-image: var(--icon-b-circle_arrow_right);}
.content-hero-slider .content-slider .flickity-prev-next-button.previous:disabled::after { background-image: var(--icon-b-circle_arrow_left);}

@media ( max-width: 1020px ) { 
	.content-hero-slider .content-slider .flickity-prev-next-button { bottom: var(--unit-8);}
	.content-hero-slider .content-slider .flickity-prev-next-button.next { right: var(--unit-8);}
	.content-hero-slider .content-slider .flickity-prev-next-button.previous { left: var(--unit-9);}
}

/* -- hero - secciones */

.content-hero-section { min-height: 64rem; height: auto; padding-top: 18rem; padding-bottom: var(--unit-12);}
.content-hero-section::after,
.content-hero-section::before { display: none;}
.content-hero-section .col-main,
.content-hero-section .content-box-fg,
.content-hero-section .content-box-fg-in { display: flex; flex-grow: 1;}
.content-hero-section .content-box-fg:before { top: 0;}  
.content-hero-section .content-back { padding: 0;}
.content-hero-section .content-back * { color: var(--c-white);}
.content-hero-section .content-back .icon-b-chevron-left::after { background-image: var(--icon-w-chevron-left);}
.content-hero-section .content-media.content-logos img { max-height: 10rem;}

@media ( max-width: 1020px ) {
	.content-hero-section { height: 100dvh; max-height: 90dvh; padding-bottom: var(--unit-8);}
	.content-hero-section .content-back { position: absolute; top: -5.8rem; left: .4rem; z-index: 1;}
	
}

/* -- selector entre secciones */

.content-selector { position: relative; z-index: 1000;}
.content-selector-item { position: relative;}
.content-selector-item.active .icon-b-chevron-down::after { transform: rotate(180deg);}
.content-selector-item .content-selector-content { position: absolute; top: 100%; left: 0; display: none; z-index: 10000; padding: var(--unit); border-radius: var(--unit-2); box-shadow: 0 0 var(--unit-3) #00000030; background-color: var(--c-white);}
.content-selector-item .content-selector-content .select { padding: var(--unit-3); font-size: var(--txt-16); border-radius: var(--unit); display: flex; flex-direction: row; gap: var(--unit-2);}
.content-selector-item .content-selector-content .select.icon::after { display: none;}
.content-selector-item .content-selector-content .select.hover { background-color: var(--c-grey-100); font-weight: var(--fw-bold);}
.content-selector-item .content-selector-content .select.active { display: none;}
.content-selector-item .content-selector-content .select.active.icon::after { display: block;}

.content-title + .content-selector .cta-selector { padding-left: 0;}

@media ( max-width: 720px ) { 
	.content-selector .cta-selector.cta-box.cta-m { padding-left: 0; padding-right: 0; gap: var(--unit-2); white-space: nowrap;}
}

/* -- featured */

.content-featured { position: relative;}
.content-featured-info { padding-top: var(--unit-20); padding-bottom: var(--unit-20); padding-right: 20%; aspect-ratio: 1/1;}
.content-featured .content-media { height: 100%; border-radius: 0;}
.content-featured .content-media img,
.content-featured .content-media video { border-radius: 0;}
.content-featured .content-logos img { max-height: var(--unit-24); width: auto;}
.content-featured-info-txt ul,
.content-featured-info-txt ol { padding-left: var(--unit-8);}
.content-featured-info-txt li { margin-bottom: var(--unit);}
.content-featured-info-txt a { color: inherit; text-decoration: underline; text-decoration-thickness: 0.025em; text-underline-offset: 0.15em;}

@media ( max-width: 1020px ) { 
	.content-featured .col-main { padding: 0; display: flex; flex-direction: column;} 
	.content-featured .content-box-bg { position: static; order: -1;}
	.content-featured .content-box-bg img,
	.content-featured .content-box-bg video { aspect-ratio: 3/4;}
	.content-featured-info { padding-top: var(--unit-10); padding-bottom: var(--unit-10); padding-right: var(--padd-main-s); padding-left: var(--padd-main-s); aspect-ratio: auto;}
	.content-featured .content-logos img { max-height: var(--unit-20); width: auto;} 
}

/* -- featured text */

.content-featured-txt .col6-12 + .col6-12::before { content: ''; display: block; width: .1rem; height: 100%; background-color: var(--c-grey-500);}
.content-featured-txt .col6-12 + .col6-12 .txt-24 p { margin-bottom: var(--txt-18-lh);}
.content-featured-txt .col6-12 + .col6-12 .txt-24 p:last-child { margin-bottom: 0;}
.content-featured-txt a { text-decoration: underline;}

@media ( max-width: 1020px ) { 
	.content-featured-txt .col6-12 + .col6-12 { padding: 0 var(--padd-s);} 
}

@media ( max-width: 720px ) { 
	.content-selector + .content-featured-txt.content-box { padding-top: var(--unit-3);}
}

/* -- featured text + img */
.content-featured-txt-img .col6-12 + .col6-12 .txt-24 p { margin-bottom: var(--txt-18-lh);}
.content-featured-txt-img .col6-12 + .col6-12 .txt-24 p:last-child { margin-bottom: 0;}

/* -- section scroll */

.content-section-scroll { position: relative;}
.content-section-scroll-in { display: grid; grid-template-columns: repeat(12, 1fr);}
.content-section-scroll-in .link-anchors { grid-column-start: 1; grid-column-end: span 2; grid-row-start: 1;  align-self: start;}
.content-section-scroll-items { grid-column-start: 1; grid-column-end: span 12; grid-row-start: 1;}
.content-section-scroll .content-section-in { padding: var(--unit-20) 0; position: relative;}
.content-section-scroll .content-section-in > div { position: relative; position: relative; z-index: 2;}
.content-section-scroll .content-section-in:before { content: ''; display: block; position: absolute; left: 50%; top: 0; width: calc( 100dvw - var(--sw) ); height: 100%; transform: translate(-50%, 0); z-index: 1; background-color: var(--color-tipo-proyecto); opacity: 0; transition: all .4s var(--bezier);}
.content-section-scroll .content-section-in.active:before { opacity: 1;}
.content-section-scroll .content-media img { aspect-ratio: 5/6;}
.content-section-scroll .link-anchors { position: sticky; z-index: 10; top: 10.8rem; padding: var(--unit-20) var(--unit-4);}
.content-section-scroll .link-anchors .link-anchor { position: relative; padding: var(--unit-3) var(--unit-4);}
.content-section-scroll .link-anchors .link-anchor::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: .1rem; height: 100%; background-color: var(--c-black); transition: all .4s var(--bezier);}
.content-section-scroll .link-anchors .link-anchor.active { font-weight: var(--fw-bold);}
.content-section-scroll .link-anchors .link-anchor.active::before { width: .2rem;}

@media ( max-width: 1020px ) { 
	.content-section-scroll .content-section-in { padding: var(--unit-10) 0;}
	.content-section-scroll .content-media img { aspect-ratio: 6/4;}
	.content-section-scroll .link-anchors { display: none; top: 8rem; padding: var(--unit-2) var(--padd-s);}
	.content-section-scroll .link-anchors::before { content: ''; display: block; position: absolute; transform: translateY(-50%); top: 50%; left: 0; width: 100%; height: 100%; padding: var(--padd-main-s); background-color: var(--c-white); border-radius: var(--border-rad-3);}
}

/* -- projects */

.content-projects { overflow: hidden;}
.content-projects-item { position: relative; height: 100%;}
.content-projects-item .content-projets-media { padding: 0 var(--unit-5);}
.content-projects-item .content-media,
.content-projects-item .content-media img,
.content-projects-item .content-media video { aspect-ratio: 1/1; border-radius: 100%;}
.content-projects-item-card { display: block; height: 100%; position: relative; border-radius: var(--border-rad-2); overflow: hidden; padding: var(--unit-20) var(--unit-6) var(--unit-6) var(--unit-6);}
.content-projects-item .chip { position: absolute; top: var(--unit-6); left: var(--unit-6); z-index: 5;}
.content-projects-item-card .content-box-bg { opacity: 0; transition: opacity .4s var(--bezier);}
.content-projects-item-card.hover .content-box-bg { opacity: 1;}
.content-projects-item-card.hover ~ .chip { background-color: transparent !important;}

.content-projects .content-slider-item + .content-slider-item { border-left: 1px solid var(--c-grey-100);}

@media ( max-width: 1020px ) { 
	.content-projects .content-slider .flickity-prev-next-button.previous { left: var(--padd);} 
	.content-projects .content-slider .flickity-prev-next-button.next { right: var(--padd);} 
}

@media ( max-width: 720px ) { 
	.content-projects .content-slider .flickity-prev-next-button.previous { left: var(--padd-s);} 
	.content-projects .content-slider .flickity-prev-next-button.next { right: var(--padd-s);} 
}

/* -- cifras */

.content-nums { overflow: hidden;}
.content-nums-media-item img,
.content-nums-media-item video { aspect-ratio: 3/4; border-radius: var(--border-rad-2); object-fit: cover; display: block;}
.content-nums-title > div { padding-bottom: var(--unit-10); border-bottom: 1px solid var(--c-white);}

@media ( min-width: 1020px ) { 
	.content-nums .content-nums-media.no-m { display: flex; }
}

@media ( max-width: 1020px ) { 
	.content-nums-title > div { padding-bottom: var(--unit-6);}
}
@media ( max-width: 720px ) { 
	.content-nums .content-nums-media.no-m { display: none; }
}

/* -- convocatorias/actividades */

.content-calls-item { padding: var(--unit-8) 0;} 
.content-calls-item .content-media,
.content-calls-item .content-media > * { aspect-ratio: 1/1; max-width: var(--unit-34); width: 100%;}
.content-calls-item + .content-calls-item { border-top: 1px dashed var(--c-grey-200);} 
.content-calls-title { padding: 0 0 var(--unit-7) 0;}

.content-calls .download-placeholder { display: flex; align-items: center; justify-content: center; background: var(--c-blue-500);}
.content-calls .download-placeholder .icon::after{ width: var(--unit-10); height: var(--unit-10);}

@media ( min-width: 1020px ) {
	.content-calls-item .content-media.no-m { display: block;}
}
@media ( max-width: 720px ) {
	.content-calls-item .content-media.no-m { display: none;}
}

@media ( max-width: 1020px ) {
	.content-calls-title { padding: 0 var(--unit-6) var(--unit-7) var(--unit-6);}
}

@media ( max-width: 720px ) {
	.content-calls .col-main,
	.content-calls .p-h { padding: 0;}
	.content-calls-info.p-h { padding: 0 calc( var(--padd-main-s) + var(--padd-s) );}
	.content-calls-item { padding: var(--unit-5) calc( var(--padd-main-s) + var(--padd-s) );} 
	.content-calls-item + .content-calls-item { border-top: none;} 
	.content-calls-item:nth-child(even) { background-color: var(--c-grey-100);} 
	.content-calls-item .cta { background-color: transparent; padding: 0; border: none;} 
	.content-calls-item .cta.hover { background-color: transparent; color: var(--c-blue-500);} 
	.content-calls-item .cta::after { content: ''; display: block; width: var(--unit-6); height: var(--unit-6); background-position: center; background-repeat: no-repeat; background-size: contain; flex-shrink: 0; background-image: var(--icon-c-arrow-right);} 
}

/* -- page-convocatorias */

@media ( max-width: 720px ) {
	.content-calls-page.content-calls.content-box { padding: var(--unit-6) 0;}
	.content-calls-page.content-calls .col-main { padding: 0 var(--padd-main-s);}
	.content-calls-page.content-calls .p-h { padding: 0 var(--padd-s);}
	.content-calls-page .content-calls-item { background-color: transparent; padding-left: 0; padding-right: 0;} 
	.content-calls-page .content-calls-item .content-media { max-width: var(--unit-16); max-height: auto;}
	.content-calls-page .content-calls-item + .content-calls-item { border-top: 1px dashed var(--c-grey-200);}
	.content-calls-page .content-calls-title { padding: 0;}

}

/* -- podcast */

.content-podcast-list .content-podcast-item .content-media,
.content-podcast-list .content-podcast-item .content-media > * { aspect-ratio: 1/1;}
.content-podcast-list .content-podcast-item .content-media img, 
.content-podcast-list .content-podcast-item .content-media video { aspect-ratio: 1/1; object-fit: cover;}


/* -- news */

.content-news { overflow: hidden;}

@media ( max-width: 1020px ) { 
	.content-news .content-slider .flickity-prev-next-button.previous { left: var(--padd);} 
	.content-news .content-slider .flickity-prev-next-button.next { right: var(--padd);} 
}

@media ( max-width: 720px ) { 
	.content-news .content-slider .flickity-prev-next-button.previous { left: var(--padd-s);} 
	.content-news .content-slider .flickity-prev-next-button.next { right: var(--padd-s);} 
}

/* -- dropdown cards */

.columns-2 { column-count: 2; column-gap: var(--unit-16);}

.content-dropdown-cards-in { display: grid; grid-template-columns: 1fr 1fr;	grid-auto-flow: row dense; column-gap: var(--unit-16);}
.content-dropdown-item { grid-column-start: 1;}
.content-dropdown-item.col2 { grid-column-start: 2;}
.content-dropdown-item { margin-bottom: var(--unit-5); -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */ page-break-inside: avoid; /* Firefox */ break-inside: avoid;}
.content-dropdown-item * {  color: var(--c-grey-500);}
.content-dropdown-item > div { width: 100%; border: var(--border-1-g-200); border-radius: var(--unit-4); transition: all .4s var(--bezier);}
.content-dropdown-item:hover > div { background-color: var(--c-yellow-100); border: solid .1rem #00000000;} 
.content-dropdown-item .cta-dropdown { padding: var(--unit-10) var(--unit-8);}
.content-dropdown-item.active .icon::after { transform: rotate(-180deg);}
.content-dropdown-item.active:hover > div { background-color: transparent; border: var(--border-1-g-200);} 
.content-dropdown-content { display: none; padding: 0 var(--unit-8) var(--unit-10) var(--unit-8);}

@media ( max-width: 1020px ) {
	.columns-2 { columns: 1;}
	.content-dropdown-cards-in { grid-template-columns: 1fr;}
	.content-dropdown-item.col2 { grid-column-start: 1;}
	.content-dropdown-item .cta-dropdown { padding: var(--unit-6);}
	.content-dropdown-content { padding: 0 var(--unit-6) var(--unit-6) var(--unit-6);}
}

/* -- proyectos destacados */
.content-featured-cards-in .content-featured-cards-item .content-media { aspect-ratio: 5/4; min-width: 100%;}
.content-featured-cards-in .content-featured-cards-item:nth-child(even) { padding-top: 16rem;}

@media ( max-width: 1020px ) {
	.content-featured-cards-in .content-featured-cards-item { padding: 0 var(--padd-s);}
	.content-featured-cards-in .content-featured-cards-item:nth-child(even) { padding-top: 0;}
}

/* -- search */

.content-search input { border-radius: 0; border: none; border-bottom: var(--border-1-g);}
.content-search input:focus { border-color: var(--c-blue-500);}

/* -- search (s) */

.content-search.content-search-s input { width: 30rem; padding: 0 var(--unit-2);}

@media ( max-width: 720px ) {
	.content-filter .f-w,
	.content-filter-search .f-w { flex-wrap: nowrap; width: 100%;}
	.content-search.content-search-s input { width: 100%; max-width: 90%; min-height: 100%; padding: 0;}
	.content-search input { padding: 0;}
}

/* -- search main */

.content-search-message { padding: var(--unit-20) 0;}
.content-search-message img { height: var(--unit-30); width: auto; margin: 0 auto var(--unit-12) auto;}

@media ( max-width: 1020px ) {
	.content-search-message { padding: var(--unit-10) 0;}
	.content-search-message img { height: var(--unit-15); margin: 0 auto var(--unit-6) auto;}
}

/* -- back */

.content-back { padding-top: 18rem; padding-bottom: var(--unit-6);}
.content-back .content-back-page-title { transform: translateY(-4%);}
.icon-b-map.active::after { background-image: var(--icon-w-map);}
.icon-b-grid.active::after { background-image: var(--icon-w-grid);}

@media ( max-width: 1020px ) {
	.content-back { padding-top: 12rem;}
	.content-back .col-main { padding-left: var(--unit);}
}

@media ( max-width: 720px ) {
	.cta-project-view { position: fixed; right: var(--unit-6); bottom: var(--unit-6); z-index: 1000; padding: 0;}
}

/* -- filtro */

.content-filter { margin-top: var(--unit-6); margin-bottom: var(--unit-6); max-width: 100%;}
.content-filter:has(.content-search-m) { margin-top: 0;}
.content-filter-box { overflow: hidden; -webkit-mask-image: linear-gradient(to right, var(--c-black) 0%, var(--c-black) 80%, transparent 100%); mask-image: linear-gradient(to right, var(--c-black) 0%, var(--c-black) 80%, transparent 100%);}
.content-filter [data-popup="filter"] { flex-shrink: 0;}
.content-filter-bar { padding-right: var(--unit-8); flex-grow: 1;}
.content-filter-bar .content-slider { margin: 0;}
.content-filter-bar .content-slider-row .flickity-viewport { margin: 0;}
.content-filter-bar .content-slider-row .content-slider-item { margin-right: var(--unit-2);}
.content-filter-txt { white-space: nowrap;}

.content-filter-bar .content-slider .flickity-prev-next-button,
.content-filter-bar .content-slider .flickity-page-dots { display: none;}
.content-filter-bar .cta.active.icon-b-filter:after { background-image: var(--icon-w-filter);}

@media ( min-width: 1020px ) {
	.icon[class*=-filter] span.no-m { display: block;}
	.icon[class*=-filter] span.no-m .num::before { content: '(';}
	.icon[class*=-filter] span.no-m .num::after { content: ')';}
}

@media ( max-width: 1020px ) {
	.icon[class*=-filter] { gap: 0; position: relative;}
	.icon[class*=-filter] span.no-m { display: block;}
	.icon[class*=-filter] span.no-m .txt { display: none;}
	.icon[class*=-filter] span.no-m .num { position: absolute; right: 0; top: 0; font-size: var(--txt-12); line-height: var(--txt-12-lh); background-color: var(--c-blue-500); color: var(--c-white); border-radius: var(--border-rad-3); padding: var(--unit); min-width: var(--unit-5); transform: translate(50%,-50%);}
}

@media ( max-width: 720px ) {
	.content-filter { margin: 0; padding-top: var(--unit-4); padding-bottom: var(--unit-4);}
}


/* -- Filter Pop-Up */

.content-filter-popup { position: fixed; right: 0; top: 0; transform: translateX(100%); z-index: 1000; width: 33%; height: 100dvh; display: flex; flex-direction: column; justify-content: space-between; background-color: var(--c-white); transition: transform .4s var(--bezier); box-shadow: 0 var(--unit) var(--unit-4) 0 #25282A00;}
.content-filter-popup .filter-popup-title { position: sticky; top: 0; background-color: var(--c-white); border-top: solid .8rem var(--c-blue-500); z-index: 1000;}
.content-filter-popup > div:first-child { overflow: scroll; scrollbar-color: var(--c-grey-100) transparent; scrollbar-width: thin;}
.content-filter-popup-in { padding: var(--unit-10) var(--unit-6); }
.filter-popup-close::before { content: ''; display: block; height: var(--unit-6); width: var(--unit-6); background-image: var(--icon-b-exit); background-repeat: no-repeat; background-position: center; background-size: cover;}
.filter-popup-close.hover { transform: rotate(90deg);}
.content-filter-popup .tag { display: inline-flex; align-items: center; gap: var(--unit-2);}

.filter-popup-button { width: 100%; background-color: var(--c-black-5); padding: var(--unit-6);}
.filter-popup-bg { position: absolute; top: 0; left: 0; z-index: -15; width: 100vw; height: 100dvh; transform: translateX(-100%); background-color: var(--c-black); opacity: 0; transition: opacity .3s var(--bezier); pointer-events: none;}

.content-filter-popup-in .cta-accordion { padding: var(--unit-2);}
.content-filter-popup-in .content-accordion-item { border-bottom: var(--border-1-g);}
.content-filter-popup-in .content-accordion-item.active .content-accordion-content .icon:after { transform: none;}
.content-filter-popup-in .cta-accordion .selected-tags { font-weight: var(--fw-regular);}

/* -- Filter Pop-Up - ACTIVE */

.popup-active, .popup-active body { overflow: hidden;}
.popup-active .content-filter-popup { transform: translateX(0); box-shadow: 0 var(--unit) var(--unit-4) 0 #25282A66;}
.popup-active .filter-popup-bg { pointer-events: all;}

@media ( max-width: 1020px ) {
	.content-filter-popup { width: 75%;}

}

@media ( max-width: 720px ) {
	.content-filter-popup { width: 100%;}
}

/* -- Filter + Search (S) */

.content-filter-search .content-search-s { display: none;}

@media ( max-width: 720px ) {
	.content-filter-search .content-search-s { display: flex; width: 100%;}
}

/* -- grid */

.content-box.content-grid { padding-top: 0;}
.content-box.content-grid.content-calls { padding-top: 0;}
.content-grid-box .content-grid-in { row-gap: 7rem; padding-top: var(--unit-10); padding-bottom: var(--unit-10);}
.content-grid-box .content-grid-in { row-gap: 7rem; padding-top: var(--unit-10); padding-bottom: var(--unit-10);}
.content-grid-box .content-grid-item .content-media { min-width: 100%;}
a.hover .content-item-title { text-decoration: underline;}

.content-grid-item { position: relative;}
.content-grid-item .tag-open,
.content-grid-item .tag-close { position: absolute; top: var(--unit-4); right: calc(var(--unit-4) + var(--padd)) ;} 
.content-grid-item .content-grid-item-txt,
.content-grid-masonry-item .content-grid-item-txt { width: 100%;}

@media ( max-width: 1020px ) {

	.content-grid-box .content-grid-in { row-gap: var(--unit-8);}
	.content-grid-box .content-grid-item .content-media { aspect-ratio: 1/1;}
	.content-grid-box .content-grid-item.p-h:nth-child(odd) { padding-right: .7rem;}
	.content-grid-box .content-grid-item.p-h:nth-child(even) { padding-left: .7rem;}

	.content-grid.content-call .content-grid-box .content-grid-in { row-gap: 0; padding-top: var(--unit-4); padding-bottom: var(--unit-4);}
	
	.content-grid.content-calls .col-main { padding-left: var(--padd-main-s); padding-right: var(--padd-main-s);}
	.content-grid.content-calls .p-h { padding-left: var(--padd-s); padding-right: var(--padd-s);}
	.content-grid.content-calls .content-grid-box.col-main,
	.content-grid.content-calls .content-grid-box .p-h { padding: 0;}
	.content-grid.content-calls .content-grid-box .content-grid-item.p-h { padding: var(--unit-5) calc( var(--padd-main-s) + var(--padd-s));} 
	.content-grid.content-calls .content-grid-box .content-grid-item:nth-child(even) { background-color: var(--c-grey-100);} 
	.content-grid.content-calls .content-grid-box .content-grid-item .cta { background-color: transparent; padding: 0; border: none;} 
	.content-grid.content-calls .content-grid-box .content-grid-item .cta.hover,
	.content-grid.content-calls .content-grid-box .content-grid-item .hover .cta { background-color: transparent; color: var(--c-blue-500);} 
	.content-grid.content-calls .content-grid-box .content-grid-item .cta::after { content: ''; display: block; width: var(--unit-6); height: var(--unit-6); background-position: center; background-repeat: no-repeat; background-size: contain; flex-shrink: 0; background-image: var(--icon-c-arrow-right);} 

	.content-grid.content-calls .content-grid-box .content-grid-item .tag-open,
	.content-grid.content-calls .content-grid-box .content-grid-item .tag-close { position: static;} 
}

@media ( min-width: 1020px ) {
	.content-grid.content-calls .content-grid-item .content-media.no-m { display: block;}
}
@media ( max-width: 720px ) {
	.content-grid.content-calls .content-grid-item .content-media.no-m { display: none;}
	.content-grid-item .tag-open,
	.content-grid-item .tag-close { position: absolute; top: var(--unit-2); right: calc(var(--unit-2) + var(--padd)) ;} 
}

/* -- texto simple */

.content-text-open { position: relative; z-index: 2;}

.content-text-s { position: relative;}
.content-text-s.content-box { padding-top: 0; padding-bottom: 15rem;}
.content-text-s .content-text-media { position: absolute; top: 0; left: 50%; height: 100%; width: 50%; max-width: 79.5rem;}
.content-text-s .content-text-media-in { position: sticky; top: 0; right: 0;}
.content-text-s .content-text-media-in.content-media { border-radius: 0 0 0 var(--border-rad-3);}
.content-text-s .content-text-media-in.content-media img,
.content-text-s .content-text-media-in.content-media video { height: 100dvh; max-height: 105rem; border-radius: 0 0 0 var(--border-rad-3);}

@media ( min-width: 1520px ) 	{ 
	.content-text-s .content-text-in.col10-12 { width: 100%;}
	.content-text-s .content-text-media-in.content-media { border-radius: 0 0 var(--border-rad-3) var(--border-rad-3);}
}

@media ( max-width: 1020px ) {
	.content-text-s.content-box { padding-top: 0; padding-bottom: 8rem;}
	.content-text-s .content-text-media { position: static; width: 100%; max-width: 100%;}
	.content-text-s .content-text-media-in { position: static;}
	.content-text-s .content-text-media-in.content-media { border-radius: 0;}
	.content-text-s .content-text-media-in.content-media img,
	.content-text-s .content-text-media-in.content-media video { height: auto; aspect-ratio: 16/9; border-radius: 0;}
}

@media ( max-width: 720px ) {
	.content-text-s .content-text-content .cta { position: fixed; bottom: var(--unit-6); left: 50%; z-index: 1000; transform: translateX(-50%); white-space: pre;}
}

/* -- texto complejo */

.content-text-l .content-text-open { position: relative; padding-bottom: var(--unit-10);}

@media ( max-width: 1020px ) {
	.content-text-l .content-text-open { position: relative; padding-bottom: var(--unit-8);}
}

.content-text-l .content-open-media { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; max-width: 79.5rem;}
.content-text-l .content-open-media, 
.content-text-l .content-open-media img, 
.content-text-l .content-open-media video { border-radius: 0 0 0 var(--border-rad-3);}

.content-back[class*="bg-color-tipo"] { background: var(--c-grey-500);}
.content-back[class*="bg-color-tipo"] * { color: var(--c-white);}
.content-back[class*="bg-color-tipo"] .icon-b-chevron-left::after { background-image: var(--icon-w-chevron-left);}

.content-text-l .content-media-columns { overflow: hidden;}
.content-text-l .content-media-columns + .content-media-columns { margin-top: var(--unit-8);}
.content-text-l .content-media-columns .content-slider-item { width: calc(100%/3); display: flex; flex-direction: column;}
.content-text-l .content-media-columns .content-slider-item .content-media { aspect-ratio: 9/13;}
.content-text-l .content-media-columns .content-slider .flickity-prev-next-button { display: block;}
.content-text-l .content-media-columns .content-slider .flickity-page-dots { display: flex;}

@media ( max-width: 1020px ) {
	.content-text-l .content-media-columns .content-slider-item { width: calc(100%/2);} 
}

@media ( max-width: 720px ) {
	.content-text-l .content-media-columns .content-slider .flickity-prev-next-button { display: none;}
	.content-text-l .content-media-columns .content-slider .flickity-page-dots { display: none;}
	.content-text-l .content-media-columns .content-slider,
	.content-text-l .content-media-columns .flickity-viewport { margin-bottom: 0;}
}


.content-text-l .content-slider,
.content-text-l .flickity-viewport { margin-bottom: 0;}
.content-text-l .content-slider .flickity-prev-next-button, 
.content-text-l .content-slider .flickity-page-dots { display: none;}

.content-text-l .content-media.content-media-full, 
.content-text-l .content-media.content-media-full img, 
.content-text-l .content-media.content-media-full video { aspect-ratio: 16/9;}

.content-text-l .content-text-open-txt .cta { hyphens: auto;}

.content-text-l .content-animated-text { margin: var(--unit-10) 0;}

@media ( min-width: 1520px ) { 
	.content-text-l .content-open-media, 
	.content-text-l .content-open-media img, 
	.content-text-l .content-open-media video { border-radius: 0 0 var(--border-rad-3) var(--border-rad-3);}
}

@media ( max-width: 1020px ) {
	.content-text-l .content-text-open { padding-bottom: var(--unit-20);}
	.content-text-l .content-text-open-in.col-main { padding: 0;}
	.content-text-l .content-open-media { position: static; width: 100%; height: auto; aspect-ratio: 16/9;}
	.content-text-l .content-open-media, 
	.content-text-l .content-open-media img, 
	.content-text-l .content-open-media video { border-radius: 0;}
	.content-text-l .content-text-open-txt { padding: 0 calc(var(--padd-main) + var(--padd));}
}

@media ( max-width: 720px ) {
	.content-text-l .content-text-open { padding-bottom: var(--unit-5);}
	.content-text-l .content-text-open-txt { padding: 0 calc(var(--padd-main-s) + var(--padd-s));}
	.content-text-l .content-media-columns .content-slider-item { width: 98%;}
}

.content-text-l.content-news-text .content-text + .content-text .content-txt { padding-top: 0;}

.content-text-l.content-news-text .content-text-open-in > div { position: relative;}
.content-text-l.content-news-text .content-open-media { position: absolute; top: 0; left: 50%; width: 50vw; height: 100%; max-width: 79.5rem;}
.content-text-l.content-news-text .content-open-media, 
.content-text-l.content-news-text .content-open-media img, 
.content-text-l.content-news-text .content-open-media video { border-radius: var(--border-rad-3) 0 0 var(--border-rad-3);}
.content-text-l.content-news-text .content-txt * { max-width: 100rem;}

@media ( min-width: 1520px ) 	{ 
	.content-text-l.content-news-text .content-open-media, 
	.content-text-l.content-news-text .content-open-media img, 
	.content-text-l.content-news-text .content-open-media video { border-radius: var(--border-rad-3);}
}

@media ( max-width: 1020px ) {
	.content-text-l.content-news-text .content-open-media { position: static; width: calc(100vw - var(--padd) - var(--padd-main)); height: auto; aspect-ratio: 16/9; max-width: 100%;}
}

@media ( max-width: 720px ) {
	.content-text-l.content-news-text .content-open-media { width: calc(100vw - var(--padd-s) - var(--padd-main-s));}
}

/* -- galería */

.content-gallery .content-grid-in { row-gap: 7rem; padding-top: var(--unit-10); padding-bottom: var(--unit-10);}
.content-gallery .content-grid-in .content-grid-item:first-child { width: 100%; display: flex; flex-direction: row;}
.content-gallery .content-grid-in .content-grid-item:first-child > a { width: calc(10/12 * 100%);}
.content-gallery .content-grid-in .content-grid-item:first-child::before,
.content-gallery .content-grid-in .content-grid-item:first-child::after { content: ''; display: block; flex-grow: 1;}
.content-gallery .content-grid-in .content-grid-item .content-media.has-video { aspect-ratio: 16/9; position: relative;}
.content-gallery .content-grid-in .content-grid-item .content-media.has-video::after { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--unit-20); height: var(--unit-20); background-image: var(--icon-w-play-circle-l); background-size: contain; background-position: center; background-repeat: no-repeat; pointer-events: none;}

@media ( max-width: 720px ) {
	.content-gallery .content-grid-in .content-grid-item .content-media.has-video::after { width: var(--unit-12); height: var(--unit-12);}
}

.content-gallery .content-grid-in .content-grid-item.content-podcast-item > a { background-color: var(--c-grey-100); border-radius: var(--border-rad-3); overflow: hidden;}
.content-gallery .content-grid-in .content-grid-item.content-podcast-item .content-media,
.content-gallery .content-grid-in .content-grid-item.content-podcast-item .content-media img,
.content-gallery .content-grid-in .content-grid-item.content-podcast-item .content-media video { border-radius: 0;}
.content-gallery .content-grid-in .content-grid-item.content-podcast-item .content-grid-item-txt { padding: var(--unit-6);}
.content-gallery .content-grid-in .content-grid-item.content-podcast-item .content-logos img { max-height: var(--unit-6); width: auto;} 

.content-gallery .content-grid-in .content-grid-item.content-podcast-item.col12-12 > a { flex-direction: row;} 
.content-gallery .content-grid-in .content-grid-item.content-podcast-item.col12-12 .content-media { width: calc(7/12 * 100%);}
.content-gallery .content-grid-in .content-grid-item.content-podcast-item.col12-12 .content-grid-item-txt { width: calc(5/12 * 100%); padding: var(--unit-12);} 

.content-gallery [data-tipo="video"] img { aspect-ratio: 16/9; object-fit: cover;}

@media ( max-width: 1020px ) {
	.content-gallery .content-grid-in .content-grid-item.content-podcast-item.col12-12 .content-media { width: calc(5/12 * 100%);}
	.content-gallery .content-grid-in .content-grid-item.content-podcast-item.col12-12 .content-grid-item-txt { width: calc(7/12 * 100%);} 
	.content-gallery .content-grid-in { row-gap: var(--unit-12);}
}

@media ( max-width: 720px ) {
	.content-gallery .content-grid-in { row-gap: var(--unit-8);}
	.content-gallery .content-grid-in .content-grid-item:first-child > a { width: 100%;}
	.content-gallery .content-grid-in .content-grid-item:first-child::before,
	.content-gallery .content-grid-in .content-grid-item:first-child::after { display: none;}

	.content-gallery .content-grid-in .content-grid-item.content-podcast-item .content-logos img { max-height: var(--unit-6); width: auto;} 

	.content-gallery .content-grid-in .content-grid-item.content-podcast-item.col12-12 > a { flex-direction: column;} 
	.content-gallery .content-grid-in .content-grid-item.content-podcast-item.col12-12 .content-media { width: 100%;}
	.content-gallery .content-grid-in .content-grid-item.content-podcast-item.col12-12 .content-grid-item-txt { width: 100%; padding: var(--unit-6);} 
}

/* -- Lista de descargas */

.content-calls-item.content-calls-item-main { border: none; padding-top: 0;}
.content-calls-item.content-calls-item-main > div { background-color: var(--c-blue-500); border-radius: var(--border-rad-3); overflow: hidden; background-image: url(../img/isotipo-carasso-c-dark.svg); background-size: auto 110%; background-position: calc(100% - 4rem) center; background-repeat: no-repeat;}
.content-calls-item.content-calls-item-main .content-media, 
.content-calls-item.content-calls-item-main .content-media > * { max-width: 24rem; border-radius: 0;}
.content-calls-item.content-calls-item-main::before { content: ''; display: block; width: 100%; border-top: 1px dashed var(--c-grey-200); margin-bottom: var(--unit-8);}
.content-calls-item.content-calls-item-main .cta-secondary { border: var(--border-1-w); background-color: transparent; color: var(--c-white);}
.content-calls-item-txt { padding: var(--unit-6) var(--unit-8);}
.content-calls-item-txt *:not(.tag) { color: var(--c-white);}

@media ( max-width: 720px ) {
	.content-calls-item.content-calls-item-main { padding-top: var(--unit-5);}
	.content-calls-item.content-calls-item-main::before { display: none;}
	.content-calls-item.content-calls-item-main .cta-secondary { border: none;}
	.content-calls-item.content-calls-item-main .cta-secondary::after { background-image: var(--icon-w-arrow-right);}
}

.content-descarga:has(:not(.content-calls-item + .content-calls-item)) .content-calls-item { border-top: 1px dashed var(--c-grey-200); border-bottom: 1px dashed var(--c-grey-200);}
.content-descarga .content-calls-item + .content-calls-item { border-top: 1px dashed var(--c-grey-200); border-bottom: none;}

/* -- nums pags */

.content-pags-num { display: flex; padding: var(--unit) var(--unit-3); border-radius: var(--unit-6);}
.content-pags-num.active { background-color: var(--c-blue-500); color: var(--c-white);}

/* -- masonry */

.content-grid-masonry { padding: var(--unit-10) 0;}
.content-grid-masonry .content-media { min-width: 100%;}
.content-grid-masonry-item .content-newsletter-card { background-image: url(../img/isotipo-carasso.svg); background-size: auto 60%; background-position: calc(100% + 4rem) calc(100% + 1rem);}
.content-grid-masonry-item:nth-child(2) { padding-top: var(--unit-20);}
.content-grid-popup { pointer-events: none; opacity: 0; position: fixed; right: 0; top: 0; z-index: 1000; width: 100%; height: 100%; background-color: #00000070; transition: opacity .4s var(--bezier);}
.popup-active .content-filter-popup { pointer-events: all; opacity: 1;}

@media ( max-width: 1020px ) {
	.content-grid-masonry-item:nth-child(2) { padding-top: 0;}
}

@media ( max-width: 720px ) {
	.content-grid-masonry .content-grid-masonry-item.p-h { padding-right: .7rem; padding-left: .7rem;}
}

/* -- video/img full size */

.content-media-full { margin: var(--unit-20) auto; max-width: 152rem;} 
.content-media-full.content-media,
.content-media-full.content-media img,
.content-media-full.content-media video,
.content-media-full.content-media iframe { border-radius: 0; aspect-ratio: 16/9;}

@media ( min-width: 1368px ) {
	.content-media-full.content-media,
	.content-media-full.content-media img,
	.content-media-full.content-media video { border-radius: var(--border-rad-3);}
}

@media ( max-width: 720px ) {
	.content-media-full { margin: var(--unit-10) auto;} 
}

/* -- video simple */
.content-video .content-media.has-video,
.content-video .content-media.has-video img { aspect-ratio: 16/9;}
.content-video .content-media.has-video::after { content: ''; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: var(--unit-20); height: var(--unit-20); background-image: var(--icon-w-play-circle-l); background-size: contain; background-position: center; background-repeat: no-repeat; pointer-events: none;}

@media ( max-width: 720px ) {
	.content-video .content-media.has-video::after { width: var(--unit-12); height: var(--unit-12);}
}

/* -- componente destacado texto + iconos */
.content-featured-txt-icon .featured-icon img { width: var(--unit-6); height: var(--unit-6);}

/* -- texto degradado */

/* Contenedor del texto animado */
.animated-text { position: relative;}
.word { position: relative; display: inline-block;}
.char { position: relative; display: inline-block; color: var(--c-white); transition: color 0.8s cubic-bezier(0.4, 0, 0.2, 1); opacity: 0.3;}

/* Estados de color progresivos */
.char.animate-1 { color: var(--c-white); opacity: 0.5;}
.char.animate-2 { color: var(--c-white); opacity: 0.6;}
.char.animate-3 { color: var(--c-white); opacity: 0.7;}
.char.animate-4 { color: var(--c-white); opacity: 0.85;}
.char.animate-5 { color: var(--c-white); opacity: 0.95;}
.char.animate-6 { color: var(--c-white); opacity: 1;}

/* -- memoria */
.content-archive-item { position: relative; border-radius: var(--border-rad-3); padding: var(--unit-6); overflow: hidden;}
.content-archive-item > div { border-bottom: var(--border-1-g); padding-bottom: var(--unit-4);}
.content-archive-item::before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; opacity: 0; color: var(--c-white); background-color: var(--c-blue-500); background-image: url(../img/isotipo-carasso-c.svg); background-repeat: no-repeat; background-position: 14rem -2rem; background-size: 14%; transition: opacity .4s var(--bezier);}
.content-archive-item.hover::before { opacity: 1;}
.content-archive-item.hover > div { border-bottom: solid .1rem #00000000; color: var(--c-white);}

.content-archive-item.hover .content-archive-cta p { padding-right: var(--unit-3);}
.content-archive-item .cta { white-space: nowrap; flex-shrink: 0;}
.content-archive-item.hover .cta { padding-left: var(--unit-3);}
.content-archive-item .cta span { display: block; overflow: hidden; max-width: 0; transition: all .4s var(--bezier); padding: var(--unit-3) 0; border: solid .1rem #00000000; color: transparent;}
.content-archive-item.hover .cta span { max-width: 100cqw; padding: var(--unit-3) var(--unit-4); border: var(--border-1-w); color: var(--c-white);}

@media ( max-width: 720px ) {
	.content-archive-item::before { opacity: 1; background-size: 30%;}
	.content-archive-item > div { border-bottom: solid .1rem #00000000;  padding: 0;}
	.content-archive-item.hover .content-archive-cta p { padding-right: 0;}
	.content-archive-item .cta span { max-width: 100cqw; padding: var(--unit-3) var(--unit-4); border: var(--border-1-w); color: var(--c-white); background-color: transparent;}
}


/* -- MAPA -- */
.content-map { position: relative;}
.content-map-in { position: relative; width: 100%; height: 100dvh; background-color: var(--blue-500);}
.content-map-in .mapboxgl-ctrl-attrib-inner,
.content-map-in .mapboxgl-ctrl-bottom-right { display: none;}
.content-map .content-map-item { position: relative; overflow: scroll; opacity: 0; pointer-events: none; position: absolute; bottom: var(--unit-8); right: calc(var(--padd-main) + var(--padd)); z-index: 2; padding: var(--unit-2); max-width: 40rem; max-height: calc(100dvh - 14rem - 4rem); background-color: var(--c-white); border-radius: var(--border-rad-2); transition: all .4s var(--bezier);}
.content-map .content-map-item .content-media { position: relative;}
.content-map .content-map-item .content-media,
.content-map .content-map-item .content-media img,
.content-map .content-map-item .content-media video { border-radius: var(--unit);}
.content-map .content-map-item .content-media .chip { position: absolute; top: var(--unit-2); left: var(--unit-2);}
.content-map .content-map-item .close-btn { position: absolute; top: 0; right: 0; z-index: 2;}
.content-map .content-map-item .content-info { padding: var(--unit-3) var(--unit-4);}

.content-map.active .content-map-item { opacity: 1; pointer-events: all;}

.content-map-bar { position: absolute; top: 0; left: 0; z-index: 1;}

.content-map-bar { pointer-events: none;}
.content-map-bar a, 
.content-map-bar button,
.content-map-bar input { pointer-events: all;}

.content-map-bar .content-back { padding-top: 15rem; padding-bottom: 0;}
.content-map-bar .content-back * { color: var(--c-white);}
.content-map-bar .content-back .icon-b-chevron-left:after { background-image: var(--icon-w-chevron-left);}

.content-map-bar .content-filter { padding: 0;}
.content-map-bar .content-filter input { background-color: transparent; border-bottom: var(--border-1-w); color: var(--c-white);}
.content-map-bar .content-filter input::placeholder { color: var(--c-white);}
.content-map-bar .content-filter .icon-b-search:after { background-image: var(--icon-w-search);}

@media ( max-width: 720px ) {
	.content-map .content-map-item { display: block; transform: translate(0, 100%); position: fixed; bottom: var(--unit-4); right: var(--unit-4); left: var(--unit-4); padding: var(--unit-2); max-width: 100%; max-height: calc(100dvh - 11.6rem - 2rem);}
	.content-map.active .content-map-item { transform: translate(0,0);}
	.content-map .content-map-item .content-info .cta.cta-line { order: 3;}
	.content-map .content-map-item .content-info .txt-16 { order: 4;}
	
	.content-map-bar .content-back { padding-top: 12rem;}
}

/* -- MAPA -- Filter Pop-Up */
.map-active .content-filter-popup { background-color: #25282ACC;}
.map-active .content-filter-popup * { color: var(--c-white);}
.map-active .content-filter-popup .filter-popup-title { background-color: transparent; }
.map-active .filter-popup-close::before { background-image: var(--icon-w-exit); }

.map-active .content-filter-popup-in .content-accordion-item { border-bottom: var(--border-1-w);}
.map-active .content-filter-popup-in .content-accordion-item.active .content-accordion-content .icon:after { transform: none;}
.map-active .content-filter-popup-in .cta-accordion.icon-b-plus::after { background-image: var(--icon-w-plus);}
.map-active .content-filter-popup-in .content-accordion-content .tag { color: var(--c-black);}
.map-active .content-filter-popup-in .content-accordion-content .tag.active { color: var(--c-white);}

.map-active .filter-popup-button .cta-secondary { color: var(--c-blue-500);}
.map-active .filter-popup-button .cta-secondary.hover { color: var(--c-white);}

@media ( max-width: 720px ) {
	.map-active .content-filter-popup { background-color: #25282A;}
}

/* -- Cabecera con imagen - content-title-img */
.content-title-img .content-media { border-radius: 0;}
.content-title-img .content-media img, 
.content-title-img .content-media video { border-radius: 0; aspect-ratio: 2.4/1;}

@media ( max-width: 720px ) {
	.content-title-img .content-media img, 
	.content-title-img .content-media video { aspect-ratio: 6/3.6;}
}

/* -- Tabla - content-table */
.content-table .content-table-in { position: relative;} 
.content-table .txt-title-block { background-color: var(--c-white); position: relative;}
.content-table .txt-title-block-size { background-color: var(--c-white); position: absolute; top: 0; left: 0;}
.content-table .txt-title-block.top .txt-title-block-size { position: fixed; z-index: 1;}
.content-table .content-table-row { position: sticky; top: 0; width: 100%;} 
.content-table .content-table-row:last-child { z-index: 2;} 
.content-table .content-table-row.long { position: relative;}
.content-table .content-table-row-size { background-color: var(--c-white); padding-bottom: var(--unit-9); width: 100%;} 
.content-table .content-table-row.long .content-table-row-size { position: absolute; bottom: 0; left: inherit;}
.content-table .content-table-row.long.end .content-table-row-size { position: fixed;} 
.content-table .content-table-txt p { margin-bottom: var(--txt-20-lh);}
.content-table .content-table-txt a { text-decoration: underline;}

.content-table .border-grey::before { content: ''; display: block; height: .1rem; background-color: var(--c-grey-200); margin: 0 var(--padd);} 
.content-table .txt-title-block .border-grey::before { display: none;} 
.content-table .txt-title-block.top .border-grey::before { display: block;} 


@media ( max-width: 720px ) {
	.content-table .border-grey::before { content: ''; display: block; height: .1rem; background-color: var(--c-grey-200); margin: 0 var(--padd-s);} 

}

/* -- Quote - content-quote */
.content-quote .content-media { border-radius: 0;}
.content-quote .content-media img { border-radius: 0; aspect-ratio: 4/5; max-width: 58rem;}

/* -- Slider - content-slider-persona */
.content-slider-persona .content-slider-persona-in { padding: var(--unit-10) 0;}
.content-slider-persona .content-slider-item .content-slider-txt { padding-left: var(--unit-6); padding-right: var(--unit-14);}
.content-slider-persona .content-slider-item .content-media { border-radius: 0; background-color: var(--c-grey-500); height: 100%;}
.content-slider-persona .content-slider-item .content-media img { min-height: 58rem; border-radius: 0; transition: opacity .4s var(--bezier);}

.content-slider-persona .content-slider-persona-in .flickity-viewport .content-slider-item .content-media img { opacity: .25;}
.content-slider-persona .content-slider-persona-in .flickity-viewport .content-slider-item.is-selected .content-media img { opacity: 1;}
.content-slider-persona .content-slider-persona-in .flickity-prev-next-button.previous { left: calc(var(--padd) + var(--padd-main));}
.content-slider-persona .content-slider-persona-in .flickity-prev-next-button.next { right: calc(var(--padd) + var(--padd-main));}
.content-slider-persona .content-slider-persona-in .flickity-prev-next-button { top: auto; bottom: 0; transform: translateY(calc( 100% + var(--unit)));}
.content-slider-persona .content-slider-persona-in .flickity-enabled { display: flex;}
.content-slider-persona .content-slider-persona-in .flickity-viewport { order: 2; width: 100%; height: auto !important; overflow: visible;}
.content-slider-persona .content-slider-persona-in .flickity-slider { position: relative !important; display: flex; left: auto !important;}
.content-slider-persona .content-slider-persona-in .content-slider-item { flex: 0 0 auto; left: auto !important; min-height: 100%; position: relative !important; transform: translateX(0) !important;}


@media ( max-width: 720px ) {
	.content-slider-persona .content-slider-item { padding: 0 var(--unit); width: calc(100% - var(--unit-8));}
	.content-slider-persona .content-slider-item .content-media { height: auto;}
	.content-slider-persona .content-slider-item .content-media img { aspect-ratio: 1/1; min-height: auto;}
}

/* -- Slider (fondo azul) - content-slider-persona */
.content-slider-bg .content-slider { margin-bottom: 0;}
.content-slider-bg .content-slider-row { padding: var(--unit-10) 0;}
.content-slider-bg .content-media,
.content-slider-bg .content-media img { border-radius: 0;}
.content-slider-bg .content-slider-item { padding-right: var(--unit-3); width: 32%;}
.content-slider-bg .content-slider-item:last-child { padding-right: 0;}

.content-slider-bg .content-slider .flickity-slider { transition: transform .2s linear;}
.content-slider-bg .content-slider .flickity-prev-next-button { bottom: var(--unit-10);}
.content-slider-bg .content-slider .flickity-prev-next-button.previous { left: calc(var(--padd) + var(--padd-main));}
.content-slider-bg .content-slider .flickity-prev-next-button.next { right: calc(var(--padd) + var(--padd-main));}
.content-slider-bg .content-slider .flickity-page-dots { bottom: var(--unit-10);}


@media ( max-width: 1020px ) {
	.content-slider-bg .content-slider-item { width: 48%;}
}

@media ( max-width: 720px ) {
	.content-slider-bg .content-slider-item { width: 95%;}
}

/* -- Nums text */
.content-nums.content-text-bg .content-nums-in { row-gap: var(--unit-6);}

@media ( max-width: 720px ) {
	.content-nums-in-row { gap: var(--unit-6);}
}

/* -- location */
.content-location { padding-top: 0;}


/* -- Podcast */
.content-podcast .content-podcast-item { padding: var(--unit-8) var(--unit-10);}
.content-podcast .content-info .cta::after { content: 'Lire plus'; display: block; color: var(--c-blue-500); font-size: var(--txt-14); font-weight: var(--txt-14-fw); text-decoration: underline;}
.content-podcast .content-info.active .cta::after { content: 'Lire moins';}
.content-podcast .content-info .content-info-more { display: none;}
.content-podcast .content-info .content-info-more > * { margin-bottom: var(--unit-4);}
.content-podcast .content-info .content-info-more a { text-decoration: underline;}
.content-podcast-item + .content-podcast-item { border-top: 1px dashed var(--c-grey-200);}
.content-podcast-item .content-media, .content-podcast-item .content-media > * { aspect-ratio: 1/1; max-width: var(--unit-34); width: 100%;}

@media ( max-width: 1020px ) {
	.content-podcast .content-podcast-item { padding: var(--unit-8) 0;}

}

.content-podcast-links { padding: var(--unit-2);}
.content-podcast-links.hover { text-decoration: underline;}
.content-podcast-links img { max-height: var(--unit-8); width: auto;}

/* -- Share */

.content-share { position: relative; display: flex; align-items: center; gap: var(--unit-4); z-index: 10;}
.content-share-list { position: absolute; left: 0; top: calc( 100% + var(--unit-4) ); display: none; padding: var(--unit-5); border-radius: var(--unit-2); background-color: var(--c-white); box-shadow: var(--unit) var(--unit) var(--unit-2) rgba(0,0,0,.10);} 
.content-share-list.active { display: block; animation: fadein .4s forwards;}
.content-share-list ul { display: flex; gap: var(--unit-4); list-style: none;}

/* The end -- :P */