/* Receta: estilos para intro + toggle */
.re-hero-v2__intro{
  margin-top:.5rem;
  color: #fff;
}
/* 1) Fallback universal: 3 líneas con max-height (sin -webkit-line-clamp) */
#re-intro[data-collapsed="true"],
.re-hero-v2__intro[data-collapsed="true"]{
  display:block;             /* no uses -webkit-box aquí */
  overflow:hidden;
  line-height:1.5;           /* ajusta si tu tema usa otro line-height */
  max-height: calc(1.5em * 3); /* 3 líneas visibles */
}

/* 2) Si el navegador soporta -webkit-line-clamp, úsalo */
@supports (-webkit-line-clamp: 3) {
  #re-intro[data-collapsed="true"],
  .re-hero-v2__intro[data-collapsed="true"]{
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: none;        /* la pinza ya controla la altura */
  }
}
.re-intro-toggle{
  margin-top:.25rem;
  display:inline-flex; align-items:center; justify-content:center;
  gap:.25rem; padding:.35rem .5rem;
  border:1px solid var(--re-border,#e5e7eb);
  border-radius:.5rem; background:#fff; color:var(--re-txt,#222);
}
.re-intro-toggle .ico{ width:18px; height:18px; }
.re-intro-toggle:focus{ outline:2px solid rgba(11,107,58,.3); outline-offset:2px; }
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); border:0;
}