/* =========================
   SINGLE ENCUENTROS – bloque
========================= */
.encuentro-hero-intro {
  margin: 0 0 var(--space-4);
}

.enc-intro-box {
  background: var(--negro);
  color: var(--crema);
  border-radius: var(--radius-sm);
  padding: var(--space-4) var(--space-3);
}

.enc-intro-inner {
  max-width: 1200px;
  margin: 0 auto;
}

/* Grid interno: texto + imagen */
.enc-intro-grid {
  display: grid;
  grid-template-columns: 1fr 0.9fr; /* texto más ancho */
  gap: var(--space-6);
  align-items: flex-start;
}

/* Columna izquierda */
.enc-meta { display:flex; gap: var(--space-2); align-items: baseline; margin-bottom: var(--space-4);}
.enc-cat { 
  color: var(--negro);
  text-transform: uppercase;
  background: var(--naranja);
  padding: .1rem .4rem;
  border-radius: .2rem;
     }
.enc-date { font-size: var(--font-size-h5); }

.enc-titulo   { font-size: clamp(1.25rem, 3vw, 2rem); margin: 0 0 var(--space-3) 0; color: var(--naranja); border-top:1px solid; padding-top: var(--space-4); border-color: var(--crema);}
.enc-headline { font-size: clamp(2rem, 5vw, 3.5rem); margin: 0 0 var(--space-2); line-height: 1.1; color: var(--crema);text-wrap: balance; text-wrap: pretty;}
.enc-descripcion { font-size: clamp(1.25rem, 3vw, 2rem);line-height: 1.33; margin-bottom: var(--space-2);}

/* Atributos */
.enc-atributos { 
  display: grid; 
  grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); 
  gap: var(--space-2);
}
.enc-atributo { text-align: left; }
.enc-atributo h3 {color: var(--naranja); font-size:var(--font-size-p); margin: 0 0 0.25rem;}
.enc-atributo p {font-size:var(--font-size-h5);}
.enc-atributo-img { max-width: 70px; display:block; margin-bottom:.5rem; }

/* Imagen derecha */
.enc-intro-media {
  border-radius: var(--radius-sm);
  overflow: hidden;
  position: relative;
   min-height: auto;
  height: 100%; 
  align-self: flex-start;
}
.enc-picture, 
.enc-picture img { 
  width:100%; 
  height:100%; 
  display:block; 
  object-fit: cover; 
}

/* Responsive */
@media (max-width: 900px){
  .enc-intro-grid {
    grid-template-columns: 1fr;
    gap: var(--space-2);
  }
}

.enc-breve-link {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  color: var(--naranja);
  text-decoration: none;
  transition: color .25s ease;
  font-size: var(--font-size-h5);
}

.enc-breve-link:hover {
  color: var(--crema);
}

.enc-breve-link .icon-arrow-left {
  flex-shrink: 0;
  transition: transform .3s ease; /* 👈 transición suave */
}

.enc-breve-link:hover .icon-arrow-left {
  transform: translateX(-4px); /* 👈 se desplaza 4px a la izquierda */
}

/* Botón pill */
.btn.btn-pill:hover {
  background: var(--crema);
  color: var(--negro);
}