/* Paleta del design system BH Ingenieros (bh-ingenieros-design-system) */
.proyectos-header,
.proyectos-grid-section,
.bh-proyectos-widget{
	--bh-navy: #001c44;      /* color-brand / color-text-primary */
	--bh-accent: #e81d23;    /* color-accent */
	--bh-accent-hover: #c81820;
	--bh-text: #354a67;      /* color-text-secondary */
	--bh-muted: #6b7075;     /* color-text-muted */
	--bh-border: #d1d3d5;    /* color-border */
	--bh-border-strong: #b3b7bb;
	--bh-bg-subtle: #f6f6f6;
}

/* Página de Proyectos (archive-proyectos.php) */
.proyectos-header{padding:3.5rem 0 1.5rem;}
.proyectos-breadcrumb{font-size:.9rem;color:var(--bh-muted);margin:0 0 1rem;}
.proyectos-breadcrumb a{color:var(--bh-muted);text-decoration:none;}
.proyectos-breadcrumb a:hover{color:var(--bh-navy);text-decoration:underline;}
.proyectos-title{font-size:2.6rem;color:var(--bh-navy);margin:0 0 .75rem;text-align:left;}
.proyectos-subtitle{font-size:1.1rem;color:var(--bh-text);max-width:60rem;margin:0 0 2rem;text-align:left;font-weight:300;}

.proyectos-filtros{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem;}
.proyectos-filtro{font-family:'Lato',sans-serif;font-size:.95rem;font-weight:700;color:var(--bh-navy);background:#fff;border:1px solid var(--bh-border-strong);border-radius:999px;padding:.6rem 1.4rem;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;}
.proyectos-filtro:hover{border-color:var(--bh-navy);}
.proyectos-filtro.is-active{background:var(--bh-navy);border-color:var(--bh-navy);color:#fff;}

.proyectos-grid-section{padding-top:0;}
.proyectos-grid-section .container{width:92%;max-width:1280px;}
.proyectos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.75rem;}

.proyecto-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--bh-border, #d1d3d5);border-radius:12px;overflow:hidden;box-shadow:0 1px 2px rgba(0,12,30,.08);}
.proyecto-card[hidden]{display:none;}
.proyecto-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--bh-bg-subtle, #f6f6f6);}
.proyecto-card__media img{width:100%;height:100%;object-fit:cover;display:block;}
.proyecto-card__body{padding:1.25rem 1.4rem 1.5rem;display:flex;flex-direction:column;flex:1;}

.proyecto-card__badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;}
.proyecto-badge{display:inline-block;background:var(--bh-navy, #001c44);color:#fff;font-size:.75rem;font-weight:700;padding:.3rem .8rem;border-radius:999px;line-height:1;}

.proyecto-card__title{font-size:1.3rem;line-height:1.3;margin:0 0 .75rem;color:var(--bh-navy, #001c44);}

.proyecto-card__meta p{font-size:.98rem;margin:0 0 .35rem;color:var(--bh-text, #354a67);font-weight:300;}
.proyecto-card__meta strong{color:var(--bh-navy, #001c44);font-weight:700;}

.proyecto-card__text{font-size:.98rem;color:var(--bh-text, #354a67);margin:.5rem 0 0;font-weight:300;line-height:1.5;}
.proyecto-card__text strong{color:var(--bh-navy, #001c44);font-weight:700;}

.proyecto-card__cta{margin-top:1.1rem;font-weight:700;font-size:.98rem;color:var(--bh-navy, #001c44);text-decoration:none;}
.proyecto-card__cta:hover{color:var(--bh-accent, #e81d23);text-decoration:underline;}

.proyectos-vacio{text-align:center;color:var(--bh-text, #354a67);padding:2rem 0;}

@media (max-width: 992px){
	.proyectos-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 640px){
	.proyectos-title{font-size:2rem;}
	.proyectos-grid{grid-template-columns:1fr;}
	.proyectos-filtros{gap:.5rem;}
	.proyectos-filtro{padding:.5rem 1rem;font-size:.85rem;}
}

/* Widget de Elementor: grid de proyectos (filtro por categoría se hace desde el panel de Elementor) */
.bh-proyectos-widget .proyectos-grid{grid-template-columns:repeat(3,1fr);}
.bh-proyectos-widget .proyectos-grid--cols-2{grid-template-columns:repeat(2,1fr);}
.bh-proyectos-widget .proyectos-grid--cols-3{grid-template-columns:repeat(3,1fr);}
.bh-proyectos-widget .proyectos-grid--cols-4{grid-template-columns:repeat(4,1fr);}

@media (max-width: 992px){
	.bh-proyectos-widget .proyectos-grid--cols-3,
	.bh-proyectos-widget .proyectos-grid--cols-4{grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 640px){
	.bh-proyectos-widget .proyectos-grid--cols-2,
	.bh-proyectos-widget .proyectos-grid--cols-3,
	.bh-proyectos-widget .proyectos-grid--cols-4{grid-template-columns:1fr;}
}