/* ==========================================================================
SOBRE MÍ  ·  css/pages/sobre-mi.css
Se carga solo en /sobre-mi/
========================================================================== */

.about-row-title .w-text-value>span{
	font-size: 2rem;
}

/* --------------------------------------------------------------------------
Valores
-------------------------------------------------------------------------- */
#valores .value>.wpb_wrapper{
	display: flex;
	gap: 2rem;
}

#valores .value>.wpb_wrapper>p{
	color: #007369;
	font-weight: bold;
	margin: 0 0 6px;
	font-size: 1.5rem;
	line-height: 1;
}
#valores .content h3{
	margin: 0 0 8px;
}

/* --------------------------------------------------------------------------
Trayectoria y colaboraciones
-------------------------------------------------------------------------- */
#trayectoria .l-section-h.i-cf>.g-cols>.wpb_column:last-of-type>.vc_column-inner>.wpb_wrapper{
	display: flex;
	flex-direction: column;
	height: 100%;
}

#trayectoria .team-grid{
	display: grid !important;
	grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	align-items: stretch;
	flex: 1;
	gap: 0.5rem;
}
#trayectoria .team-grid>.w-text{
	display: flex;
	justify-content: center;
	align-items: center;
}
#trayectoria .path-element>.wpb_wrapper{
	display: flex;
	gap: 2rem;
}

#trayectoria .path-element>.wpb_wrapper>p{
	color: #007369;
	font-weight: 600;
	margin: 0 0 4px;
}

#trayectoria .path-element .content>p:first-of-type{
	color: #2a2a2a;
	font-weight: 600;
	margin: 0 0 2px;
}

#trayectoria .path-element .content>p:last-of-type{
	color: #6a6a6a;
	margin: 0;
	font-size: 14px;
}

/* --------------------------------------------------------------------------
Elementos de lista compartidos: trayectoria y premios
-------------------------------------------------------------------------- */
:is(#trayectoria, #prensa) .path-element>.wpb_wrapper{
	display: flex;
	gap: 2rem;
}
:is(#trayectoria, #prensa) .path-element>.wpb_wrapper>p{
	color: #007369;
	font-weight: 600;
	margin: 0 0 4px;
}
:is(#trayectoria, #prensa) .path-element .content>p:last-of-type:not(:first-of-type){
	color: #6a6a6a;
	margin: 0;
	font-size: 14px;
}
:is(#trayectoria, #prensa) .path-element .content>p:first-of-type{
	color: #2a2a2a;
	font-weight: 600;
	margin: 0 0 2px;
}

/* --------------------------------------------------------------------------
Aparición en prensa
-------------------------------------------------------------------------- */
#prensa .press-card{
	height: 100%;
	transition: border-color .3s ease, box-shadow .3s ease, transform .3s ease;
}
#prensa .press-card:hover{
	border-color: rgba(0,115,105,.3) !important;
	box-shadow: 0 10px 30px rgba(1,57,65,.08);
	transform: translateY(-3px);
}
#prensa .press-logo img{
	height: 52px;
	width: auto;
	max-width: 100%;
	object-fit: contain;
	filter: grayscale(1);
	opacity: 0.8;
	mix-blend-mode: multiply;
	transition: filter .3s ease, opacity .3s ease;
}
#prensa .press-logo--invert img{
	filter: invert(1) grayscale(1);
}
#prensa .press-card:hover .press-logo img{
	filter: grayscale(0);
	opacity: 1;
}
#prensa .press-card:hover .press-logo--invert img{
	filter: invert(1);
}