/* lg-tarjeta-contacto.css — compartido por 15 páginas.
   Antes estaba copiado dentro de cada HTML. Edítalo AQUÍ y cambia en todas. */
.contacto-card{padding:clamp(5rem,10vw,8rem) clamp(1.25rem,5vw,4rem);background:var(--bg,#161616);display:flex;align-items:center;justify-content:center;}
  .card-wrap{position:relative;perspective:1100px;max-width:680px;width:100%;
    opacity:0;transform:translateY(64px) rotate(-5deg) scale(.94);
    transition:opacity .75s ease,transform 1.05s cubic-bezier(.18,1.3,.35,1);}
  .card-wrap.in{opacity:1;transform:translateY(0) rotate(-1.5deg) scale(1);}
  .card-wrap:hover{transform:translateY(-8px) rotate(0deg) scale(1);transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .9s ease;}
  .membership-card{background:var(--dark,#1f1f1f);border:1px solid rgba(232,186,30,.3);
    border-radius:16px;
    padding:clamp(2.5rem,5vw,4rem) clamp(2rem,5vw,4rem);max-width:680px;width:100%;position:relative;
    box-shadow:0 40px 80px rgba(0,0,0,.5);
    transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--ty,0px));
    transform-style:preserve-3d;
    transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),border-color .5s ease;
    will-change:transform;}
  .card-wrap.tilt .membership-card{transition:transform .12s linear,box-shadow .5s ease,border-color .5s ease;}
  .card-wrap:hover .membership-card{box-shadow:0 60px 110px rgba(0,0,0,.58),0 0 70px -24px rgba(232,186,30,.22);border-color:rgba(232,186,30,.55);}
  .membership-card::before,.membership-card::after{content:'';position:absolute;width:20px;height:20px;
    border-color:var(--yellow,#E8BA1E);border-style:solid;opacity:0;transform:scale(.4);
    transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1);}
  .membership-card::before{top:12px;left:12px;border-width:1px 0 0 1px;border-top-left-radius:8px;}
  .membership-card::after{bottom:12px;right:12px;border-width:0 1px 1px 0;border-bottom-right-radius:8px;}
  .card-wrap.in .membership-card::before,.card-wrap.in .membership-card::after{opacity:1;transform:scale(1);}
  .card-wrap.in .membership-card::before{transition-delay:.55s;}
  .card-wrap.in .membership-card::after{transition-delay:.68s;}
  .card__title{font-family:'Anton',sans-serif;font-size:clamp(2.5rem,7vw,5rem);font-weight:400;text-transform:uppercase;line-height:.92;}
  .card-wrap .card__eyebrow,.card-wrap .card__title,.card-wrap .card__divider,
  .card-wrap .card__perks,.card-wrap .card__form{opacity:0;transform:translateY(18px);
    transition:opacity .6s ease,transform .7s cubic-bezier(.22,1,.36,1);}
  .card-wrap.in .card__eyebrow,.card-wrap.in .card__title,.card-wrap.in .card__divider,
  .card-wrap.in .card__perks,.card-wrap.in .card__form{opacity:1;transform:none;}
  .card-wrap.in .card__eyebrow{transition-delay:.30s;}
  .card-wrap.in .card__title{transition-delay:.40s;}
  .card-wrap.in .card__divider{transition-delay:.50s;}
  .card-wrap.in .card__perks{transition-delay:.60s;}
  .card-wrap.in .card__form{transition-delay:.70s;}
  @media(prefers-reduced-motion:reduce){
    .card-wrap,.card-wrap.in{transform:rotate(-1.5deg)!important;opacity:1!important;transition:none!important;}
    .card-wrap .membership-card{transform:none!important;transition:none!important;}
    .card-wrap .card__eyebrow,.card-wrap .card__title,.card-wrap .card__divider,
    .card-wrap .card__perks,.card-wrap .card__form,
    .membership-card::before,.membership-card::after{opacity:1!important;transform:none!important;transition:none!important;}
  }