/* v52 hotfixes: animated rose-gold text, real premade icons, centered milestones, cleaner Calendly */
@keyframes asRoseTextFlowV52 {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

html body .rose-gold,
html body h1 .rose-gold,
html body h2 .rose-gold,
html body h3 .rose-gold,
html body .display .rose-gold,
html body .title .rose-gold,
html body .compact-title .rose-gold,
html body .hero-display .rose-gold{
  display:inline-block !important;
  background-image:linear-gradient(105deg,
    var(--as-rose-1, #7c5348) 0%,
    var(--as-rose-2, #a97262) 16%,
    var(--as-rose-3, #d59a86) 32%,
    var(--as-gold-1, #f6dcad) 49%,
    var(--as-gold-2, #efcc8f) 61%,
    var(--as-rose-3, #d59a86) 75%,
    var(--as-rose-1, #7c5348) 100%) !important;
  background-size:320% 100% !important;
  background-position:0% 50% !important;
  -webkit-background-clip:text !important;
  background-clip:text !important;
  -webkit-text-fill-color:transparent !important;
  color:transparent !important;
  animation:asRoseTextFlowV52 3.8s ease-in-out infinite !important;
  will-change:background-position !important;
}

/* home method cards */

#metodo .commercial-grid{grid-template-columns:repeat(4,minmax(0,1fr)) !important;align-items:stretch !important;}
.commercial-step{
  text-align:center !important;
  align-items:center !important;
  padding:34px 24px 30px !important;
}
.commercial-step::before,
.commercial-step::after{display:none !important;content:none !important;}
.commercial-step .step-card-icon{
  width:68px !important;
  height:68px !important;
  border-radius:22px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 auto 18px !important;
  background-image:linear-gradient(105deg,
    var(--as-rose-1, #7c5348) 0%,
    var(--as-rose-2, #a97262) 16%,
    var(--as-rose-3, #d59a86) 32%,
    var(--as-gold-1, #f6dcad) 49%,
    var(--as-gold-2, #efcc8f) 61%,
    var(--as-rose-3, #d59a86) 75%,
    var(--as-rose-1, #7c5348) 100%) !important;
  background-size:320% 100% !important;
  animation:asMetalMotionV48 3.8s ease-in-out infinite !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 14px 26px rgba(126,84,66,.12) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  color:#fff !important;
}
.commercial-step .step-card-icon i{font-size:1.7rem !important;line-height:1 !important;color:#fff !important;}
.commercial-step b,
.commercial-step strong,
.commercial-step p{width:100% !important;text-align:center !important;}
.commercial-step b{justify-content:center !important;margin:0 auto !important;}

/* brand-system milestone cards */
.milestone-grid::before,
.milestone-card::before{display:none !important;content:none !important;}
.milestone-card{
  text-align:center !important;
  align-items:center !important;
  padding:30px 24px 26px !important;
}
.milestone-card .milestone-icon{
  width:68px !important;
  height:68px !important;
  border-radius:22px !important;
  display:grid !important;
  place-items:center !important;
  margin:0 auto 18px !important;
  background-image:linear-gradient(105deg,
    var(--as-rose-1, #7c5348) 0%,
    var(--as-rose-2, #a97262) 16%,
    var(--as-rose-3, #d59a86) 32%,
    var(--as-gold-1, #f6dcad) 49%,
    var(--as-gold-2, #efcc8f) 61%,
    var(--as-rose-3, #d59a86) 75%,
    var(--as-rose-1, #7c5348) 100%) !important;
  background-size:320% 100% !important;
  animation:asMetalMotionV48 3.8s ease-in-out infinite !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 14px 26px rgba(126,84,66,.12) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  color:#fff !important;
}
.milestone-card .milestone-icon i{font-size:1.7rem !important;line-height:1 !important;color:#fff !important;}
.milestone-kicker{display:inline-flex !important;margin:0 auto 14px !important;}
.milestone-card strong,
.milestone-card p{text-align:center !important;}

/* fix include list to vertical */
.mini-include-card.full-span .feature-list.two-col{
  grid-template-columns:1fr !important;
}
.mini-include-card.full-span .feature-list.two-col li{
  align-items:flex-start !important;
}

/* real premade icon list style without extra circles */
.differentiator-list .icon-bi,
.list-icon.icon-bi{
  width:42px !important;
  height:42px !important;
  border-radius:16px !important;
  display:inline-grid !important;
  place-items:center !important;
  background-image:linear-gradient(105deg,
    var(--as-rose-1, #7c5348) 0%,
    var(--as-rose-2, #a97262) 16%,
    var(--as-rose-3, #d59a86) 32%,
    var(--as-gold-1, #f6dcad) 49%,
    var(--as-gold-2, #efcc8f) 61%,
    var(--as-rose-3, #d59a86) 75%,
    var(--as-rose-1, #7c5348) 100%) !important;
  background-size:320% 100% !important;
  animation:asMetalMotionV48 3.8s ease-in-out infinite !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.52),0 14px 26px rgba(126,84,66,.12) !important;
  border:1px solid rgba(255,255,255,.55) !important;
  color:#fff !important;
}
.differentiator-list .icon-bi i,
.list-icon.icon-bi i{font-size:1.1rem !important;color:#fff !important;line-height:1 !important;}
.differentiator-list .icon-bi::after,
.differentiator-list .icon-bi::before,
.list-icon.icon-bi::after,
.list-icon.icon-bi::before{display:none !important;content:none !important;}

/* cleaner calendly */
.calendly-premium-card{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}
.calendly-premium-card::before{display:none !important;content:none !important;}
.calendly-shell{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  min-height:760px !important;
  width:100% !important;
}
.calendly-inline-widget{
  background:transparent !important;
  min-width:320px !important;
  height:760px !important;
  width:100% !important;
}
#calendly .container,
.section-tight#calendly .container{max-width:1240px !important;}
#calendly iframe,
.calendly-inline-widget iframe{
  background:#f4f0ea !important;
  border-radius:34px !important;
}

@media(max-width:980px){
  .commercial-step,.milestone-card{text-align:center !important;}
  .commercial-step .step-card-icon,.milestone-card .milestone-icon{width:60px !important;height:60px !important;border-radius:18px !important;}
}
