/* ==========================================================================
   Castillo & Prieto Abogados
   Reglas portadas verbatim — origen: design/css/styles.css
   ========================================================================== */

/* Ficha ampliada */
.ficha { max-width: 1080px; margin: 0 auto; padding: 40px 32px 96px; }
.ficha__volver {
  cursor: pointer; background: transparent; border: none; color: var(--celeste-oscuro);
  font-size: 13px; font-weight: 600; letter-spacing: 0.05em;
  padding: 12px 0; margin-bottom: 20px; display: inline-flex; align-items: center; gap: 8px;
}
.ficha__grid {
  animation: abgFade .45s ease both;
  display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 48px; align-items: start;
}
.ficha__foto {
  position: sticky; top: 100px; aspect-ratio: 3/4; border-radius: 10px;
  background: #eef3f5; overflow: hidden; width: 100%;
}
.ficha__foto span { position: absolute; inset: 0; background-size: cover; background-position: top center; }
.ficha h1 {
  font-family: var(--heading-font); font-size: clamp(30px, 4vw, 46px);
  color: var(--celeste); line-height: 1.1; margin: 0 0 16px;
}
.ficha__mail {
  display: inline-flex; align-items: center; gap: 8px;
  font-size: 14px; color: var(--celeste-oscuro); margin-bottom: 26px;
}
.ficha__resena {
  font-family: var(--heading-font); font-style: italic; font-size: 18px; line-height: 1.6;
  color: #55636a; margin: 26px 0; padding-left: 20px; border-left: 3px solid #cddde6;
}
.ficha__rotulo {
  font-size: 11.5px; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--celeste); font-weight: 600; margin-bottom: 14px;
}
.ficha__cv { font-size: 16px; line-height: 1.8; color: #647077; margin: 0; }
@media (max-width: 760px) {
  .ficha { padding: 28px 20px 72px; }
  .ficha__grid { grid-template-columns: 1fr; gap: 28px; }
  .ficha__foto { position: relative; top: auto; max-width: 240px; margin: 0 auto 8px; }
}