/* Bargo Studio V30 — ficha editorial. Solo afecta al contenido de proyectos. */
.bargo-project-editorial{
  --bpe-line:rgba(92,62,58,.22);
  --bpe-text:inherit;
  width:100%;
  color:var(--bpe-text);
  margin:clamp(56px,7vw,112px) 0 0;
}
.bargo-project-editorial__intro{
  display:grid!important;
  grid-template-columns:minmax(250px,.68fr) minmax(0,1.32fr)!important;
  gap:clamp(72px,9vw,168px)!important;
  align-items:start!important;
  padding:0 clamp(28px,4.5vw,76px) clamp(150px,15vw,230px)!important;
  margin:0!important;
}
.bargo-project-editorial__facts{margin:0;display:grid;gap:0;align-content:start}
.bargo-project-editorial__fact{padding:0 0 20px;margin:0 0 20px;border-bottom:1px solid var(--bpe-line)}
.bargo-project-editorial__fact dt{margin:0 0 8px;font:inherit;font-size:10px;line-height:1.2;letter-spacing:.065em;text-transform:uppercase;opacity:.62}
.bargo-project-editorial__fact dd{margin:0;font:inherit;font-size:clamp(16px,1.25vw,21px);line-height:1.3;font-weight:400}
.bargo-project-editorial__copy{max-width:660px;margin-left:auto;width:100%}
.bargo-project-editorial__paragraph{display:block;margin:0!important;padding:0!important;font:inherit;font-size:clamp(17px,1.35vw,22px);line-height:1.52;letter-spacing:-.012em}
.bargo-project-editorial__paragraph + .bargo-project-editorial__paragraph{margin-top:clamp(46px,4.4vw,70px)!important}
.bargo-project-editorial__paragraph p{margin:0!important;padding:0!important}
.bargo-project-editorial__copy-label{margin:0 0 14px;font-size:10px;line-height:1.2;letter-spacing:.08em;text-transform:uppercase;opacity:.58}
/* El espacio a la galería está en el padding inferior del bloque intro: no puede colapsar con estilos del tema. */
.bargo-project-editorial__gallery{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:clamp(16px,1.8vw,28px)!important;
  padding:0 clamp(28px,4.5vw,76px) clamp(100px,10vw,160px)!important;
  margin:0!important;
  clear:both!important;
  position:relative!important;
}
.bargo-project-editorial__image{margin:0!important;overflow:hidden;background:#eee;aspect-ratio:4/3!important;min-width:0}
.bargo-project-editorial__image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;margin:0!important}
body.single-bargo_project .related-projects,body.single-bargo_project .project-related,body.single-bargo_project .bargo-related-projects{display:none!important}
@media(max-width:800px){
  .bargo-project-editorial{margin-top:48px}
  .bargo-project-editorial__intro{grid-template-columns:1fr!important;gap:52px!important;padding:0 20px 96px!important}
  .bargo-project-editorial__facts{grid-template-columns:1fr 1fr;column-gap:22px}
  .bargo-project-editorial__fact{padding-bottom:16px;margin-bottom:16px}
  .bargo-project-editorial__copy{max-width:none;margin:0}
  .bargo-project-editorial__paragraph{font-size:18px;line-height:1.5}
  .bargo-project-editorial__paragraph + .bargo-project-editorial__paragraph{margin-top:34px!important}
  .bargo-project-editorial__gallery{grid-template-columns:1fr!important;padding:0 16px 85px!important;gap:16px!important}
  .bargo-project-editorial__image{aspect-ratio:4/3!important}
}
@media(max-width:520px){.bargo-project-editorial__facts{grid-template-columns:1fr}}

/* v1.9 · enlace editorial de categoría dentro de cada proyecto */
.bargo-project-editorial__fact--category dd{display:flex;align-items:center}
.bargo-project-editorial__category-pill{
  display:inline-flex!important;
  align-items:center;
  gap:11px;
  padding:7px 0 6px!important;
  color:inherit!important;
  background:transparent!important;
  border:0!important;
  border-bottom:1px solid currentColor!important;
  border-radius:0!important;
  text-decoration:none!important;
  font-size:12px!important;
  line-height:1.1!important;
  letter-spacing:.065em;
  text-transform:uppercase;
  opacity:.82;
  transition:opacity .2s ease,border-color .2s ease;
}
.bargo-project-editorial__category-pill span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:22px;
  height:22px;
  margin:-5px 0 -4px 1px;
  border:1px solid currentColor;
  border-radius:50%;
  font-size:11px;
  line-height:1;
  transition:transform .2s ease,background .2s ease,color .2s ease;
}
.bargo-project-editorial__category-pill:hover,
.bargo-project-editorial__category-pill:focus-visible{
  opacity:1;
}
.bargo-project-editorial__category-pill:hover span,
.bargo-project-editorial__category-pill:focus-visible span{
  transform:translate(2px,-2px);
  background:currentColor;
  color:#f3eee7;
}
@media(max-width:520px){
  .bargo-project-editorial__category-pill{font-size:11px!important}
  .bargo-project-editorial__category-pill span{width:20px;height:20px;font-size:10px}
}

/* v1.11 · categoría clicable dentro de la ficha: enlace editorial, no botón genérico */
.bargo-project-editorial__fact--category dd{
  display:flex!important;
  align-items:center!important;
}
.bargo-project-editorial__category-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:9px!important;
  width:auto!important;
  min-height:0!important;
  margin:2px 0 0!important;
  padding:4px 0 6px!important;
  border:0!important;
  border-bottom:1px solid currentColor!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit!important;
  text-decoration:none!important;
  font-size:11px!important;
  line-height:1.15!important;
  letter-spacing:.085em!important;
  text-transform:uppercase!important;
  opacity:.82!important;
  transition:opacity .2s ease!important;
}
.bargo-project-editorial__category-pill span{
  display:inline-block!important;
  width:auto!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  font-size:12px!important;
  line-height:1!important;
  transition:transform .2s ease!important;
}
.bargo-project-editorial__category-pill:hover,
.bargo-project-editorial__category-pill:focus-visible{opacity:1!important;}
.bargo-project-editorial__category-pill:hover span,
.bargo-project-editorial__category-pill:focus-visible span{transform:translate(3px,-2px)!important;}

/* v1.12 · navegación por categorías: H1 semántico + H2 editorial */
.bargo-project-category-subtitle{
  max-width:760px!important;
  margin:24px 0 0!important;
  padding:0!important;
  font:inherit!important;
  font-size:clamp(18px,1.45vw,22px)!important;
  line-height:1.42!important;
  font-weight:400!important;
  letter-spacing:-.015em!important;
  color:inherit!important;
  opacity:.86!important;
}
@media(max-width:680px){
  .bargo-project-category-subtitle{
    margin-top:20px!important;
    font-size:18px!important;
    line-height:1.45!important;
  }
}

/* v1.12 · categoría clicable: cápsula redondeada, clara y editorial */
.bargo-project-editorial__category-pill{
  display:inline-flex!important;
  align-items:center!important;
  gap:10px!important;
  width:auto!important;
  min-height:38px!important;
  margin:2px 0 0!important;
  padding:6px 7px 6px 13px!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--coral,var(--bargo-burgundy,#8b403a))!important;
  text-decoration:none!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  opacity:1!important;
  transition:background .22s ease,color .22s ease,transform .22s ease!important;
}
.bargo-project-editorial__category-pill span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:25px!important;
  height:25px!important;
  flex:0 0 25px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  background:currentColor!important;
  color:var(--cream,#f3eee7)!important;
  font-size:11px!important;
  line-height:1!important;
  transition:transform .22s ease,background .22s ease,color .22s ease!important;
}
.bargo-project-editorial__category-pill:hover,
.bargo-project-editorial__category-pill:focus-visible{
  background:var(--coral,var(--bargo-burgundy,#8b403a))!important;
  color:var(--cream,#f3eee7)!important;
  transform:translateY(-1px)!important;
}
.bargo-project-editorial__category-pill:hover span,
.bargo-project-editorial__category-pill:focus-visible span{
  background:var(--cream,#f3eee7)!important;
  color:var(--coral,var(--bargo-burgundy,#8b403a))!important;
  transform:translate(1px,-1px)!important;
}
@media(max-width:520px){
  .bargo-project-editorial__category-pill{
    min-height:36px!important;
    padding:5px 6px 5px 12px!important;
    font-size:10.5px!important;
  }
  .bargo-project-editorial__category-pill span{width:24px!important;height:24px!important;flex-basis:24px!important;}
}


/* v1.13 · escala heredada del sistema global + aire real en la categoría */
.bargo-project-category-subtitle{
  max-width:760px!important;
  margin:18px 0 0!important;
  padding:0!important;
  font-family:inherit!important;
  font-size:var(--bargo-h2,26px)!important;
  line-height:1.34!important;
  font-weight:400!important;
  letter-spacing:-.018em!important;
  color:inherit!important;
  opacity:.86!important;
}

.bargo-project-editorial__fact--category{
  padding-bottom:30px!important;
  margin-bottom:26px!important;
}
.bargo-project-editorial__fact--category dt{
  margin-bottom:12px!important;
}
.bargo-project-editorial__fact--category dd{
  display:flex!important;
  align-items:flex-start!important;
  min-height:44px!important;
  margin:0!important;
  padding:0!important;
}
.bargo-project-editorial__category-pill{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:auto!important;
  max-width:100%!important;
  min-height:42px!important;
  margin:0!important;
  padding:8px 9px 8px 15px!important;
  border:1px solid currentColor!important;
  border-radius:999px!important;
  background:transparent!important;
  color:var(--coral,var(--bargo-burgundy,#8b403a))!important;
  text-decoration:none!important;
  font-size:11px!important;
  line-height:1!important;
  letter-spacing:.075em!important;
  text-transform:uppercase!important;
  opacity:1!important;
  white-space:nowrap!important;
  transition:background .22s ease,color .22s ease,transform .22s ease!important;
}
.bargo-project-editorial__category-pill span{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:26px!important;
  height:26px!important;
  flex:0 0 26px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid currentColor!important;
  border-radius:50%!important;
  background:transparent!important;
  color:inherit!important;
  font-size:11px!important;
  line-height:1!important;
  transition:transform .22s ease,background .22s ease,color .22s ease!important;
}
.bargo-project-editorial__category-pill:hover,
.bargo-project-editorial__category-pill:focus-visible{
  background:var(--coral,var(--bargo-burgundy,#8b403a))!important;
  color:var(--cream,#f3eee7)!important;
  transform:translateY(-1px)!important;
}
.bargo-project-editorial__category-pill:hover span,
.bargo-project-editorial__category-pill:focus-visible span{
  border-color:var(--cream,#f3eee7)!important;
  transform:translate(1px,-1px)!important;
}

@media(max-width:1000px){
  .bargo-project-category-subtitle{font-size:var(--bargo-h2,24px)!important;}
}
@media(max-width:700px){
  .bargo-project-category-subtitle{
    margin-top:16px!important;
    font-size:var(--bargo-h2,22px)!important;
    line-height:1.38!important;
  }
  .bargo-project-editorial__fact--category{
    padding-bottom:26px!important;
    margin-bottom:22px!important;
  }
  .bargo-project-editorial__category-pill{
    min-height:40px!important;
    padding:7px 8px 7px 14px!important;
  }
  .bargo-project-editorial__category-pill span{
    width:24px!important;
    height:24px!important;
    flex-basis:24px!important;
  }
}
