/* Oráculo landing cards 1.2.3 · mobile dark-stage canary · presentation only · page 1792. */

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero2{
  min-height:auto!important;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr)!important;
  gap:clamp(26px,4.2vw,64px)!important;
  align-items:center!important;
  padding:clamp(34px,5vw,64px) clamp(24px,5vw,70px) clamp(28px,4vw,52px)!important;
  background:
    radial-gradient(circle at 82% 18%,rgba(201,163,90,.16),transparent 30%),
    radial-gradient(circle at 10% 92%,rgba(255,255,255,.78),transparent 30%),
    linear-gradient(135deg,#fffaf1 0%,#f7eddc 62%,#ead7b7 100%)!important;
  overflow:hidden!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy{
  max-width:500px!important;
  position:relative;
  z-index:6;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy .mk-oraculo__kicker{
  display:inline-block!important;
  margin:0 0 10px!important;
  color:#98702f!important;
  font-size:11px!important;
  line-height:1.2!important;
  letter-spacing:.22em!important;
  font-weight:800!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy h1{
  max-width:9.6ch!important;
  margin:0 0 18px!important;
  font-family:"Cormorant Garamond",Georgia,serif!important;
  font-size:clamp(54px,5.5vw,82px)!important;
  font-weight:500!important;
  line-height:.88!important;
  letter-spacing:-.025em!important;
  color:#0d0c0a!important;
  text-wrap:balance!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy p{
  max-width:35ch!important;
  margin:0 0 20px!important;
  color:rgba(17,17,17,.73)!important;
  font-size:clamp(16px,1.35vw,19px)!important;
  line-height:1.52!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__actions{
  display:flex!important;
  flex-wrap:wrap!important;
  justify-content:flex-start!important;
  gap:10px!important;
  margin-top:0!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__actions .mk-oraculo__button{
  min-height:46px!important;
  padding:0 20px!important;
  border-radius:999px!important;
  font-size:10px!important;
  letter-spacing:.13em!important;
  white-space:nowrap!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__phone-visual{
  position:relative!important;
  min-width:0!important;
  width:100%!important;
  min-height:410px!important;
  padding:0!important;
  margin:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  align-self:center!important;
  overflow:visible!important;
  isolation:isolate!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__phone-visual::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(470px,94%);
  height:min(320px,78%);
  transform:translate(-50%,-46%);
  border:1px solid rgba(201,163,90,.22);
  border-radius:50%;
  background:
    radial-gradient(circle at 50% 48%,rgba(201,163,90,.20),rgba(201,163,90,.07) 38%,transparent 70%);
  box-shadow:inset 0 0 54px rgba(255,255,255,.42);
  pointer-events:none;
  z-index:0;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__card-fan{
  position:relative!important;
  display:block!important;
  width:min(500px,100%)!important;
  height:390px!important;
  aspect-ratio:auto!important;
  margin:0 auto!important;
  isolation:isolate!important;
  overflow:visible!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__card-fan::before{
  content:"";
  position:absolute;
  left:50%;
  bottom:25px;
  width:74%;
  height:34px;
  transform:translateX(-50%);
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(13,12,10,.18),transparent 70%);
  filter:blur(7px);
  z-index:0;
  pointer-events:none;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card,
body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__black-card{
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  inset:auto!important;
  width:clamp(154px,15.5vw,184px)!important;
  height:auto!important;
  aspect-ratio:2/3!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  border-radius:15px!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card{
  opacity:1!important;
  border:1px solid rgba(201,163,90,.62)!important;
  background:#f8f5ef!important;
  box-shadow:0 22px 48px rgba(26,18,8,.18),0 4px 12px rgba(26,18,8,.10)!important;
  transform-origin:50% 92%!important;
  transition:transform .28s ease,box-shadow .28s ease!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card > span,
body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card > small{
  display:none!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card .mk-oraculo__figure{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:inherit!important;
  background:#f8f5ef!important;
  box-shadow:none!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card .mk-oraculo__figure svg,
body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card .mk-marsella-card-image{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:inherit!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card.is-card-1{
  z-index:2!important;
  transform:translate(-130%,-43%) rotate(-11deg)!important;
}
body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card.is-card-2{
  z-index:4!important;
  transform:translate(-50%,-59%) rotate(-1deg) scale(1.045)!important;
  box-shadow:0 30px 60px rgba(26,18,8,.23),0 6px 16px rgba(26,18,8,.12)!important;
}
body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card.is-card-3{
  z-index:3!important;
  transform:translate(30%,-43%) rotate(11deg)!important;
}

body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__black-card{
  z-index:1!important;
  display:block!important;
  border:1px solid rgba(201,163,90,.72)!important;
  background:#050505 url("https://muchaykalma.com/wp-content/plugins/mk-oraculo-marsella-deck/assets/cards/mk-tarot-marsella-reverso.webp") center/contain no-repeat!important;
  box-shadow:0 24px 52px rgba(5,5,5,.26)!important;
  transform:translate(10%,-67%) rotate(15deg)!important;
  opacity:.98!important;
}
body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__black-card::before,
body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__black-card::after,
body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__black-card > span{
  content:none!important;
  display:none!important;
}

@media (hover:hover) and (min-width:981px){
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__card-fan:hover .is-card-1{transform:translate(-136%,-41%) rotate(-13deg)!important;}
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__card-fan:hover .is-card-2{transform:translate(-50%,-62%) rotate(0deg) scale(1.06)!important;}
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__card-fan:hover .is-card-3{transform:translate(36%,-41%) rotate(13deg)!important;}
}

@media (max-width:980px){
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero2{
    grid-template-columns:1fr!important;
    text-align:center!important;
    gap:16px!important;
    padding-top:34px!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy{margin-inline:auto!important;}
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy h1,
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy p{margin-left:auto!important;margin-right:auto!important;}
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__actions{justify-content:center!important;}
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__phone-visual{min-height:340px!important;}
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__card-fan{width:min(450px,92vw)!important;height:330px!important;}
}

@media (max-width:640px){
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero2{
    min-height:auto!important;
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:0!important;
    padding:24px 14px 14px!important;
    border-radius:24px!important;
    overflow:hidden!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy{
    width:100%!important;
    max-width:100%!important;
    margin:0 auto!important;
    text-align:center!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy .mk-oraculo__kicker{
    margin-bottom:8px!important;
    font-size:9px!important;
    letter-spacing:.19em!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy h1{
    max-width:9.6ch!important;
    margin:0 auto 12px!important;
    font-size:clamp(40px,10.7vw,51px)!important;
    line-height:.92!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy p{
    max-width:29ch!important;
    margin:0 auto 16px!important;
    font-size:15px!important;
    line-height:1.44!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__actions{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    width:min(100%,340px)!important;
    max-width:340px!important;
    margin:0 auto 18px!important;
    gap:8px!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__actions .mk-oraculo__button{
    width:100%!important;
    min-height:44px!important;
    padding:0 8px!important;
    font-size:9px!important;
    letter-spacing:.10em!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__phone-visual{
    position:relative!important;
    width:calc(100% - 12px)!important;
    min-height:292px!important;
    height:292px!important;
    margin:8px auto 4px!important;
    padding:10px 0 0!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:1px solid rgba(201,163,90,.42)!important;
    border-radius:24px!important;
    background:
      radial-gradient(circle at 50% 34%,rgba(201,163,90,.24),transparent 34%),
      radial-gradient(circle at 18% 90%,rgba(201,163,90,.10),transparent 34%),
      linear-gradient(155deg,#15110c 0%,#080706 58%,#030303 100%)!important;
    box-shadow:0 14px 34px rgba(26,18,8,.14),inset 0 1px 0 rgba(255,255,255,.04)!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__phone-visual::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:52%!important;
    width:310px!important;
    height:198px!important;
    transform:translate(-50%,-50%)!important;
    border:1px solid rgba(201,163,90,.16)!important;
    border-radius:50%!important;
    background:transparent!important;
    filter:none!important;
    opacity:1!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__card-fan{
    position:relative!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:center!important;
    justify-items:center!important;
    width:min(330px,92vw)!important;
    height:268px!important;
    margin:0 auto!important;
    padding:24px 12px 16px!important;
    overflow:visible!important;
    z-index:2!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card{
    position:relative!important;
    inset:auto!important;
    top:auto!important;
    left:auto!important;
    width:104px!important;
    border-radius:12px!important;
    grid-row:1!important;
    border-color:rgba(201,163,90,.72)!important;
    box-shadow:0 18px 36px rgba(0,0,0,.34),0 0 0 1px rgba(255,255,255,.04)!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card.is-card-1{
    grid-column:1!important;
    z-index:3!important;
    transform:translate(14px,12px) rotate(-9deg)!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card.is-card-2{
    grid-column:2!important;
    z-index:6!important;
    transform:translateY(-8px) rotate(-1deg) scale(1.08)!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card.is-card-3{
    grid-column:3!important;
    z-index:4!important;
    transform:translate(-14px,12px) rotate(9deg)!important;
  }
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__black-card{
    position:absolute!important;
    top:49%!important;
    left:55%!important;
    width:104px!important;
    border-radius:12px!important;
    z-index:2!important;
    transform:translate(8px,-46%) rotate(13deg)!important;
    box-shadow:0 18px 40px rgba(0,0,0,.42)!important;
  }
}

@media (max-width:380px){
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__hero-copy h1{font-size:38px!important;}
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__actions{max-width:310px!important;}
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__phone-visual{min-height:232px!important;height:232px!important;}
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__card-fan{width:min(300px,94vw)!important;height:226px!important;}
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card{width:102px!important;}
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__black-card{width:98px!important;}
}

@media (prefers-reduced-motion:reduce){
  body.page-id-1792 .mk-oraculo-landing .mk-oraculo-landing__mini-card{transition:none!important;}
}