/* ===== Blog Yogagenda — componentes de entradas ===== */

/* Índice del artículo */
.yg-toc{background:#f5f3ec;border:1px solid #e3ded1;border-radius:14px;padding:1.5rem 1.75rem;margin:2.5rem 0}
.yg-toc__title{font-family:Fraunces,serif;font-size:1rem;margin:0 0 .75rem;color:#4a5340}
.yg-toc ol{margin:0;padding-left:1.2rem}
.yg-toc li{margin:.4rem 0;font-size:.95rem}
.yg-toc a{color:#7a9b5e;text-decoration:none;border-bottom:1px solid transparent}
.yg-toc a:hover{border-bottom-color:#7a9b5e}

/* Tabla comparativa */
.yg-tabla-wrap{overflow-x:auto;margin:2rem 0}
.yg-tabla{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px}
.yg-tabla th,.yg-tabla td{padding:.85rem 1rem;text-align:left;border-bottom:1px solid #e3ded1;vertical-align:top}
.yg-tabla thead th{font-family:Fraunces,serif;font-weight:600;color:#4a5340;background:#f5f3ec;font-size:.95rem}
.yg-tabla tbody th{font-weight:600;color:#4a5340;width:22%;background:#faf8f3}
.yg-tabla tbody tr:last-child th,.yg-tabla tbody tr:last-child td{border-bottom:none}

/* Caja destacada */
.yg-destacado{background:#f2f5ee;border-left:3px solid #7a9b5e;border-radius:0 14px 14px 0;padding:1.5rem 1.75rem;margin:2.5rem 0}
.yg-destacado__title{font-family:Fraunces,serif;font-size:1.1rem;color:#4a5340;margin:0 0 .9rem}
.yg-destacado ol{margin:0;padding-left:1.2rem}
.yg-destacado li{margin:.6rem 0}

/* Ficha de autor — VARIANTE A (editorial, foto centrada verticalmente) */
.yg-autor{background:#f5f3ec;border:1px solid #e3ded1;border-radius:14px;margin-top:3rem;padding:1.75rem;display:flex;gap:1.4rem;align-items:center}
/* max-width:none anula el `img{max-width:100%}` de GeneratePress, que si no
   recorta la foto al encogerse el ítem flex. Especificidad extra (.yg-autor …)
   para ganar con holgura. */
.yg-autor .yg-autor__foto img{width:88px;height:88px;border-radius:50%;object-fit:cover;max-width:none;display:block}
/* Especificidad .yg-autor + .yg-autor__* (2 clases) a propósito: single.php
   trae `.yg-post__content p{margin:0 0 1.35rem}` (1 clase + elemento) que
   gana por especificidad a un solo `.yg-autor__*` y pisa estos márgenes. */
.yg-autor .yg-autor__label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#8a8a7a;margin:0 0 .3rem}
.yg-autor .yg-autor__nombre{font-family:Fraunces,serif;font-size:1.15rem;color:#4a5340;margin:0 0 .35rem}
.yg-autor .yg-autor__descriptor{font-size:.85rem;color:#6b6b5f;font-style:italic;margin:0 0 .6rem}
.yg-autor .yg-autor__bio{font-size:.92rem;color:#6b6b5f;margin:0;line-height:1.6}
.yg-autor .yg-autor__enlaces{font-size:.85rem;color:#6b6b5f;margin:.85rem 0 0}
.yg-autor__enlaces a{color:#7a9b5e;text-decoration:none;border-bottom:1px solid transparent}
.yg-autor__enlaces a:hover{border-bottom-color:#7a9b5e}
.yg-autor__enlaces a:focus-visible{outline:2px solid #7a9b5e;outline-offset:2px;border-radius:2px}

@media (max-width:700px){
  .yg-autor{
    flex-direction:column;
    align-items:stretch;
  }
  .yg-autor__foto{
    align-self:center;
  }
}