/* YOLIA_READMORE_V1 — Componente reutilizable "Leer completo".
   Regla del negocio: en PC el texto SIEMPRE se ve completo, sin recortar
   nada — Yolia vende información, y en escritorio nunca hay excusa de
   espacio para esconderla. Solo en pantallas angostas (celular) un bloque
   de texto largo se recorta con un desvanecido y un botón "Leer completo"
   que lo expande, para no obligar a hacer scroll infinito en el celular
   antes de llegar al resto de la página. */
.yolia-readmore{position:relative}
.yolia-readmore-body{margin:0}
.yolia-readmore-toggle{display:none;margin-top:.6rem;padding:.35rem 0;background:none;border:none;color:var(--yolia-terracotta-dark,#a8502f);font-weight:700;font-size:.82rem;font-family:inherit;cursor:pointer;align-items:center;gap:.3rem}
.yolia-readmore-toggle:hover{text-decoration:underline}
.yolia-readmore-toggle::after{content:'';display:inline-block;width:.42rem;height:.42rem;border-right:.14rem solid currentColor;border-bottom:.14rem solid currentColor;transform:rotate(45deg);transition:transform .18s ease;margin-top:-.15rem}
.yolia-readmore.is-expanded .yolia-readmore-toggle::after{transform:rotate(-135deg);margin-top:.15rem}

@media (max-width:640px){
  .yolia-readmore:not(.is-expanded) .yolia-readmore-body{
    max-height:9.6em;
    overflow:hidden;
    -webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);
    mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);
  }
  .yolia-readmore-toggle{display:inline-flex}
}