/* ============================================================
 * Biohabitat — estilos públicos (Ficha + Slider + Enlace proyecto)
 * ============================================================ */

/* --- Ficha del proyecto --- */
.bh-ficha{
	border:1px solid #e2e2e2;
	border-radius:8px;
	padding:20px 22px;
	background:#fafafa;
}
.bh-ficha__title{
	margin:0 0 14px;
	font-size:1.1rem;
	line-height:1.2;
}
.bh-ficha__row{
	display:flex;
	justify-content:space-between;
	gap:16px;
	padding:8px 0;
	border-bottom:1px solid #ececec;
}
.bh-ficha__row:last-child{ border-bottom:0; }
.bh-ficha__label{ font-weight:600; }
.bh-ficha__value{ text-align:right; }

/* --- Enlace "VEURE PROJECTE" (estilo Figma) --- */
.bh-proyecto-link{
	--bh-green:#3f7a47;          /* <-- ajusta al verde exacto de Figma */
	display:inline-flex;
	align-items:center;
	gap:8px;
	margin-top:12px;
	color:var(--bh-green);
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.04em;
	text-decoration:none;
	transition:color .2s ease;
}
.bh-proyecto-link::after{
	content:"\2192";            /* flecha → */
	transition:transform .2s ease;
}
.bh-proyecto-link:hover{
	color:#000;
	text-decoration:none;
}
.bh-proyecto-link:hover::after{ transform:translateX(4px); }

/* --- Fix alineado tarjetas SEP List Posts (recorte uniforme) --- */
.sep-wrapper-list-posts .sep-image img{
	aspect-ratio:720/406;  /* coincide con el tamaño 'posts-thumb' del plugin */
	width:100%;
	height:auto;
	object-fit:cover;
	display:block;
}

/* --- Slider --- */
.bh-slider{ position:relative; overflow:hidden; border-radius:8px; }
.bh-slider__track{
	list-style:none; margin:0; padding:0;
	display:flex; transition:transform .4s ease;
}
.bh-slider__slide{ flex:0 0 100%; min-width:100%; }
.bh-slider .bh-slider__slide img{
	display:block !important;
	width:100% !important;
	height:600px !important;       /* desktop */
	max-height:none !important;
	object-fit:cover !important;   /* recorta para llenar sin deformar */
}
@media (max-width:1024px){
	.bh-slider .bh-slider__slide img{ height:500px !important; }  /* tablet */
}
@media (max-width:767px){
	.bh-slider .bh-slider__slide img{ height:400px !important; }  /* movil */
}

.bh-slider__nav{
	position:absolute; top:50%; transform:translateY(-50%);
	border:0; cursor:pointer;
	background:rgba(0,0,0,.45); color:#fff;
	font-size:28px; line-height:1;
	width:44px; height:44px; border-radius:50%;
}
.bh-slider__nav:hover{ background:rgba(0,0,0,.65); }
.bh-slider__prev{ left:12px; }
.bh-slider__next{ right:12px; }

.bh-slider__dots{
	position:absolute; left:0; right:0; bottom:12px;
	display:flex; gap:8px; justify-content:center;
}
.bh-slider__dot{
	width:10px; height:10px; border-radius:50%;
	border:0; cursor:pointer; background:rgba(255,255,255,.55);
}
.bh-slider__dot.is-active{ background:#fff; }
