/* Casa Matriz · hero · v2.0.0 (2026-09-02)
   La animación conserva la partitura original: los círculos se acercan en
   vertical hasta formar la mandorla y luego el símbolo respira.
   Deliberadamente lenta: quien llega aquí necesita parar, no impactarse. */

.cm-hero{
  min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:2.4rem;padding:clamp(3rem,8vw,5rem) 1.4rem;text-align:center;
  background:var(--cm-crema);position:relative;
}
.cm-hero__espejo{
  font-family:var(--cm-display);font-size:var(--t-xl);
  color:var(--cm-tinta);margin:0;max-width:20ch;line-height:1.24;
  opacity:0;animation:cmAp 1.1s ease-out .3s forwards;
}
.cm-hero__simbolo{width:min(250px,54vw);aspect-ratio:3/4;opacity:0;
  animation:cmAp .6s ease-out 1.2s forwards}
.cm-hero__simbolo svg{width:100%;height:100%;display:block;overflow:visible}
.cm-simbolo__c--sup{transform:translateY(-260px);
  animation:cmY 1.7s cubic-bezier(.4,0,.2,1) 1.4s forwards}
.cm-simbolo__c--inf{transform:translateY(260px);
  animation:cmY 1.7s cubic-bezier(.4,0,.2,1) 1.4s forwards}
.cm-simbolo__grupo{transform-origin:50% 50%;animation:cmRespira 8s ease-in-out 4s infinite}
@keyframes cmY{to{transform:translateY(0)}}
@keyframes cmRespira{0%,100%{transform:scale(1)}50%{transform:scale(1.02)}}
@keyframes cmAp{to{opacity:1}}
@keyframes cmSale{to{opacity:1;transform:none}}

.cm-hero__lockup{opacity:0;transform:translateY(9px);animation:cmSale 1s ease-out 2.7s forwards}
.cm-hero__nombre{font-family:var(--cm-display);text-transform:uppercase;
  font-size:var(--t-xl);line-height:1.16;letter-spacing:.012em;display:block}
.cm-hero__claim{font-family:var(--cm-display);text-transform:uppercase;
  font-size:var(--t-xs);letter-spacing:var(--ls-caps);
  color:var(--cm-tinta-suave);margin-top:.9rem;display:block}
.cm-hero__cue{font-family:var(--cm-display);font-size:var(--t-xs);letter-spacing:var(--ls-caps);
  text-transform:uppercase;color:var(--cm-tinta-tenue);margin-top:1rem;
  opacity:0;animation:cmAp .7s ease-out 3.6s forwards}

@media(prefers-reduced-motion:reduce){
  .cm-hero__espejo,.cm-hero__simbolo,.cm-hero__lockup,.cm-hero__cue{
    opacity:1;transform:none;animation:none}
  .cm-simbolo__c--sup,.cm-simbolo__c--inf,.cm-simbolo__grupo{transform:none;animation:none}
}