/* ═══════════════════════════════════════════════════════════════════
   SUJETO · v3 (Hugo, 27-sep-2026) — fotos nuevas de la doctora
   Los PNG de images/sujetos/ se usan TAL CUAL (2048×2048, fondo transparente,
   sin recortar ni re-codificar). Como traen aire transparente alrededor, aquí
   se compensa solo con CSS: cada foto se ajusta por la ALTURA del sujeto y se
   centra en él, así cada figura conserva el mismo tamaño y la misma técnica
   que ya tenía (inclusión frontal, anclaje a la base, máscara, pop-out).
   Ver REGLA-FOTOS-DOCTORA.md.
   ═══════════════════════════════════════════════════════════════════ */

/* héroe (busto, corte recto abajo → anclado a la base del héroe) */
.garza-subject{height:calc(var(--subj-h) / 0.849);translate:-49% 0}
@media (max-width:1024px),(max-aspect-ratio:10/11){
  .garza-subject{height:calc((100% - var(--sub-top)) / 0.849);max-height:calc(150vw / 0.849)}
}
/* avatares: recorte al rostro con CSS */
.garza-av{position:relative;display:block;flex:none;overflow:hidden;border-radius:50%;width:58px;height:58px;background:linear-gradient(160deg,#edd5de,#d286a2)}
.garza-av img{position:absolute!important;left:50%!important;top:-9%!important;width:205%!important;height:auto!important;max-width:none!important;translate:-50% 0;border-radius:0!important;box-shadow:none!important;object-fit:fill!important;background:none!important}
.garza-vcard__who .garza-av{width:60px;height:60px;box-shadow:0 0 0 3px var(--hot-a)}
.garza-sheet__who .garza-av{width:52px;height:52px}
.garza-phone__hero::before{background:#f1dee5 url(../images/optimizadas/dra-mariel-garza-sonriendo-240.webp) 50% 12%/205% no-repeat!important}
@media (min-width:1025px){
  .garza-portrait img{position:absolute;inset:auto;left:50%;top:-10.74%;height:110.74%;width:auto;max-width:none;translate:-50.70% 0;object-fit:fill;object-position:50% 50%;-webkit-mask-image:linear-gradient(180deg,#000 9.7%,#000 60.3%,rgba(0,0,0,.85) 69.3%,rgba(0,0,0,.5) 78.3%,rgba(0,0,0,.18) 88.3%,transparent 97.3%);mask-image:linear-gradient(180deg,#000 9.7%,#000 60.3%,rgba(0,0,0,.85) 69.3%,rgba(0,0,0,.5) 78.3%,rgba(0,0,0,.18) 88.3%,transparent 97.3%)}
  .garza-about__fig img{position:absolute;inset:auto;left:50%;top:-13.77%;height:113.77%;width:auto;max-width:none;translate:-50.30% 0;object-fit:fill;object-position:50% 50%;-webkit-mask-image:linear-gradient(180deg,#000 12.1%,#000 57.8%,rgba(0,0,0,.82) 66.6%,rgba(0,0,0,.45) 75.4%,rgba(0,0,0,.12) 85.1%,transparent 94.7%);mask-image:linear-gradient(180deg,#000 12.1%,#000 57.8%,rgba(0,0,0,.82) 66.6%,rgba(0,0,0,.45) 75.4%,rgba(0,0,0,.12) 85.1%,transparent 94.7%)}
  .garza-exp__fig img{position:absolute;inset:auto;left:50%;top:-14.20%;height:122.40%;width:auto;max-width:none;translate:-50.30% 0;object-fit:fill;object-position:50% 50%}
  .garza-rev-photo img{position:absolute;inset:auto;left:50%;top:-11.61%;height:111.61%;width:auto;max-width:none;translate:-55.00% 0;object-fit:fill;object-position:50% 50%;-webkit-mask-image:linear-gradient(180deg,#000 10.4%,#000 64.2%,rgba(0,0,0,.8) 73.1%,rgba(0,0,0,.42) 82.1%,rgba(0,0,0,.1) 91.0%,transparent 99.1%);mask-image:linear-gradient(180deg,#000 10.4%,#000 64.2%,rgba(0,0,0,.8) 73.1%,rgba(0,0,0,.42) 82.1%,rgba(0,0,0,.1) 91.0%,transparent 99.1%)}
  .garza-faq-photo img{position:absolute;inset:auto;left:50%;top:-17.79%;height:117.79%;width:auto;max-width:none;translate:-49.00% 0;object-fit:fill;object-position:50% 50%;-webkit-mask-image:linear-gradient(180deg,#000 15.1%,#000 62.6%,rgba(0,0,0,.85) 71.1%,rgba(0,0,0,.5) 79.6%,rgba(0,0,0,.18) 89.0%,transparent 97.5%);mask-image:linear-gradient(180deg,#000 15.1%,#000 62.6%,rgba(0,0,0,.85) 71.1%,rgba(0,0,0,.5) 79.6%,rgba(0,0,0,.18) 89.0%,transparent 97.5%)}
  .garza-connect__doc{height:calc(min(104%,600px) / 0.821);bottom:calc(min(104%,600px) / 0.821 * -0.066);translate:36.6% 0}
  .garza-cta-banner__fig{position:relative;height:clamp(360px,40vw,560px);aspect-ratio:0.736}
  .garza-cta-banner__fig img{position:absolute;inset:auto;left:50%;top:-42.14%;height:157.23%;width:auto;max-width:none;translate:-49.90% 0;object-fit:fill;object-position:50% 50%}
}
@media (max-width:1024px){
  .garza-m-portrait img{inset:auto;left:50%;top:-6%;width:190%;height:auto;max-width:none;translate:-50% 0;object-fit:fill}
  .garza-m-about__fig img{position:absolute;inset:auto;left:50%;top:-13.77%;height:113.77%;width:auto;max-width:none;translate:-50.30% 0;object-fit:fill;object-position:50% 50%;-webkit-mask-image:linear-gradient(180deg,#000 12.1%,#000 57.8%,rgba(0,0,0,.82) 66.6%,rgba(0,0,0,.45) 75.4%,rgba(0,0,0,.12) 85.1%,transparent 94.7%);mask-image:linear-gradient(180deg,#000 12.1%,#000 57.8%,rgba(0,0,0,.82) 66.6%,rgba(0,0,0,.45) 75.4%,rgba(0,0,0,.12) 85.1%,transparent 94.7%)}
  .garza-m-exp__fig{aspect-ratio:612/1400}
  .garza-m-exp__fig img{position:absolute;inset:auto;left:50%;top:-14.20%;height:122.40%;width:auto;max-width:none;translate:-50.30% 0;object-fit:fill;object-position:50% 50%}
  .garza-m-rev-photo img{position:absolute;inset:auto;left:50%;top:-11.61%;height:111.61%;width:auto;max-width:none;translate:-55.00% 0;object-fit:fill;object-position:50% 50%;-webkit-mask-image:linear-gradient(180deg,#000 10.4%,#000 64.2%,rgba(0,0,0,.8) 73.1%,rgba(0,0,0,.42) 82.1%,rgba(0,0,0,.1) 91.0%,transparent 99.1%);mask-image:linear-gradient(180deg,#000 10.4%,#000 64.2%,rgba(0,0,0,.8) 73.1%,rgba(0,0,0,.42) 82.1%,rgba(0,0,0,.1) 91.0%,transparent 99.1%)}
  .garza-m-cta__fig{position:relative;width:100%;aspect-ratio:0.736;max-height:290px;justify-self:center}
  .garza-m-cta__fig img{position:absolute;inset:auto;left:50%;top:-42.14%;height:157.23%;width:auto;max-width:none;translate:-49.90% 0;object-fit:fill;object-position:50% 50%;max-height:none}
}