/* sección 8: Quién está detrás (clara) */
.autor .wrap{display:grid;gap:clamp(26px,4vw,48px)}
.autor__cab{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(22px,4vw,56px);align-items:center}
.autor__foto{position:relative;width:min(40%,140px);margin:0 auto 22px;isolation:isolate}
.autor__foto::before{content:"";position:absolute;inset:10px -10px -10px 10px;border-radius:22px;background:var(--verde);z-index:-1}
.autor__foto::after{content:"";position:absolute;inset:auto auto -18px -14px;width:60px;height:60px;border-radius:50%;background:radial-gradient(circle at 35% 35%,var(--lima),#7bc21a);z-index:-2;opacity:.9}
.autor__foto img{width:100%;height:auto;aspect-ratio:464/500;object-fit:cover;border-radius:20px;box-shadow:0 16px 34px rgba(11,20,16,.26)}
.autor__txt{display:grid;gap:14px;max-width:60ch}
.autor h2 .serif{color:var(--verde)}
.autor__lead{font-size:clamp(1.3rem,2.6vw,1.9rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;color:var(--tinta)}
.autor__txt p{color:rgba(11,20,16,.8)}
.autor__txt strong{color:var(--tinta)}
.autor__sub{font-size:clamp(1.15rem,2.2vw,1.55rem);letter-spacing:-.02em;line-height:1.2;margin-top:clamp(6px,2vw,24px);color:var(--tinta)}
.trabs{display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(16px,2.4vw,24px)}
.trab{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(11,20,16,.12);box-shadow:0 14px 34px rgba(11,20,16,.12);transition:transform .3s,box-shadow .3s;color:var(--tinta)}
.trab:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(11,20,16,.2)}
.trab:focus-visible{outline:3px solid var(--verde);outline-offset:3px}
.trab__v{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:#e8e8e2;border-bottom:1px solid rgba(11,20,16,.1)}
.trab__v::before{content:"";position:absolute;left:12px;top:12px;width:44px;height:10px;z-index:2;background:radial-gradient(circle at 5px 5px,#f26 4px,transparent 5px) 0 0/16px 10px repeat-x;opacity:0}
.trab__v img{width:100%;height:100%;object-fit:cover;object-position:top}
.trab__t{display:grid;gap:3px;padding:16px 18px 18px}
.trab__t b{font-size:1.15rem;letter-spacing:-.02em;line-height:1.15}
.trab__t small{font:500 .78rem var(--mono);letter-spacing:.06em;color:var(--verde-osc)}
.trab__t em{font-style:normal;color:rgba(11,20,16,.7);font-size:.95rem;margin-top:4px}
/* celular: la foto a la izquierda y «Quién está detrás» a la derecha; el resto del texto debajo, de lado a lado */
@media (max-width:859px){
  .autor__cab{grid-template-columns:clamp(96px,34%,124px) minmax(0,1fr);column-gap:clamp(18px,6vw,28px);row-gap:22px;align-items:center}
  .autor__txt{display:contents}
  .autor__foto{grid-column:1;grid-row:1;width:100%;margin:0}
  .autor__txt h2{grid-column:2;grid-row:1}
  .autor__txt>p{grid-column:1/-1}
}
@media (min-width:860px){
  .autor__cab{grid-template-columns:minmax(0,180px) minmax(0,1fr)}
  .autor__foto{width:min(100%,170px);margin:0 0 14px}
  .autor__txt{gap:10px;max-width:56ch}
  .autor h2{font-size:clamp(1.9rem,2.7vw,2.4rem)}
  .autor__txt .autor__lead{font-size:1.25rem}
  .autor__txt p{font-size:.98rem}
  .trabs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (prefers-reduced-motion:reduce){.trab{transition:none}}