/* ═══════════════════════════════════════════════════════════════════
   HÉROE · v2 (Hugo, 26-sep-2026)
   · Los 3 corazones brillantes ahora son las redes sociales (Instagram,
     Facebook y correo) dentro del mismo corazón rosa: mismo color, brillo
     y flotación; ahora son enlaces.
   · App móvil: el botón de la barra superior es COMPARTIR (abre la
     tarjeta digital); en el sitio web sigue el botón "Llamar".
   ═══════════════════════════════════════════════════════════════════ */
.garza-heart--soc{aspect-ratio:100/92;color:#fff;cursor:pointer;transition:scale .35s var(--ease),filter .35s}
.garza-heart--soc > svg:first-child{display:block;width:100%;height:100%}
.garza-heart__ic{position:absolute;left:50%;top:46%;width:40%;height:40%;translate:-50% -50%;fill:none;stroke:#fff;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round;
  filter:drop-shadow(0 1px 2px rgba(85,34,56,.4))}
.garza-heart__ic--fill{fill:#fff;stroke:none}
.garza-heart--soc:hover{scale:1.1;filter:drop-shadow(0 18px 20px rgba(139,51,87,.45))}
.garza-heart--soc:focus-visible{outline:3px solid var(--ink);outline-offset:4px;border-radius:40%}
.garza-heart--b{width:calc(var(--subj-h)*.078)}
.garza-heart--c{width:calc(var(--subj-h)*.074)}

.garza-topbar__share{display:none}
button.garza-btn{font:inherit;font-weight:500;font-size:14.5px;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}

@media (max-width:1024px),(max-aspect-ratio:10/11){
  .garza-topbar__call{display:none!important}
  .garza-topbar__share{display:inline-flex}
  .garza-heart--a{width:clamp(54px,16vw,78px)}
  .garza-heart--b{width:clamp(42px,12vw,58px)}
  .garza-heart--c{width:clamp(46px,13vw,62px)}
}
@media (max-width:360px){
  .garza-heart--b{display:block}
}
@media (max-width:1024px),(max-aspect-ratio:10/11){
  .garza-heart--b{left:5%;right:auto;top:calc(var(--sub-top) + 40px)}
  .garza-heart--c{left:3%;top:calc(var(--sub-top) + 150px)}
}
