/*
 * Oráculo de Arcanos · landing visual 0.1.0
 * Scope: body.mk-oraculo-landing-visual-v01 / page 1792 only.
 */

body.mk-oraculo-landing-visual-v01 {
    --mk-oa-ink: #050505;
    --mk-oa-gold: #c9a35a;
    --mk-oa-ivory: #f8f5ef;
    --mk-oa-white: #ffffff;
    --mk-oa-muted: #625b52;
    --mk-oa-line: rgba(201, 163, 90, 0.34);
    overflow-x: clip;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-managed-page,
body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing,
body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__story-shell {
    width: 100%;
    max-width: none;
    overflow: visible;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing {
    margin-top: 0 !important;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__story-shell {
    padding-top: 0;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__hero2 {
    position: relative;
    isolation: isolate;
    display: grid !important;
    box-sizing: border-box;
    width: min(1320px, calc(100% - 48px));
    min-height: clamp(480px, 57vh, 560px) !important;
    margin: 0 auto !important;
    padding: clamp(32px, 4vw, 52px) !important;
    grid-template-columns: minmax(0, 42fr) minmax(0, 58fr) !important;
    gap: clamp(24px, 4vw, 58px) !important;
    align-items: center !important;
    overflow: hidden !important;
    border: 1px solid var(--mk-oa-line);
    border-radius: 34px 12px 34px 12px;
    background:
        radial-gradient(circle at 82% 16%, rgba(255,255,255,.98) 0 8%, rgba(255,255,255,0) 35%),
        linear-gradient(135deg, #fff 0%, var(--mk-oa-ivory) 58%, #f2e7d5 100%) !important;
    box-shadow: 0 28px 80px rgba(70, 48, 24, 0.10);
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__hero2::before {
    position: absolute;
    z-index: -1;
    inset: auto auto -38% -9%;
    width: 54%;
    aspect-ratio: 1;
    border: 1px solid rgba(201, 163, 90, .16);
    border-radius: 50%;
    content: "";
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__hero-copy {
    position: relative;
    z-index: 4;
    width: 100%;
    max-width: 560px;
    padding: 0 !important;
    text-align: left !important;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo__kicker {
    color: #8a6425 !important;
    font-family: Inter, Arial, sans-serif;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .19em !important;
    line-height: 1.4;
    text-transform: uppercase;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__hero-copy h1 {
    max-width: 540px;
    margin: 16px 0 22px !important;
    color: var(--mk-oa-ink) !important;
    font-family: "Cormorant Garamond", Georgia, serif !important;
    font-size: clamp(50px, 5.25vw, 78px) !important;
    font-weight: 500 !important;
    letter-spacing: -.045em !important;
    line-height: .92 !important;
    text-wrap: balance;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__hero-copy > p {
    max-width: 500px;
    margin: 0 0 28px !important;
    color: #48413a !important;
    font-family: Inter, Arial, sans-serif;
    font-size: clamp(16px, 1.35vw, 19px) !important;
    line-height: 1.62 !important;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__actions {
    display: flex !important;
    max-width: 500px;
    gap: 12px !important;
    align-items: stretch;
    justify-content: flex-start !important;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__actions .mk-oraculo__button {
    display: inline-flex !important;
    min-height: 52px;
    flex: 1 1 0;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    padding: 14px 24px !important;
    border: 1px solid var(--mk-oa-ink) !important;
    border-radius: 999px !important;
    font-family: Inter, Arial, sans-serif;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .14em !important;
    text-decoration: none !important;
    text-transform: uppercase;
    transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__actions .mk-oraculo__button--primary {
    background: var(--mk-oa-ink) !important;
    color: var(--mk-oa-white) !important;
    box-shadow: 0 14px 28px rgba(5, 5, 5, .16);
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__actions .mk-oraculo__button--ghost {
    border-color: var(--mk-oa-gold) !important;
    background: rgba(255,255,255,.62) !important;
    color: var(--mk-oa-ink) !important;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__actions .mk-oraculo__button:hover,
body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__actions .mk-oraculo__button:focus-visible {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px rgba(5,5,5,.14);
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__phone-visual {
    position: relative !important;
    z-index: 2;
    display: grid !important;
    width: 100% !important;
    min-width: 0;
    height: clamp(360px, 35vw, 450px) !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    place-items: center;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__card-fan.mk-oa-v01__fan {
    position: relative !important;
    display: block !important;
    width: min(100%, 650px) !important;
    height: 100% !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    overflow: visible !important;
    transform: none !important;
    perspective: 1200px;
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__geometry {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    width: min(78%, 470px);
    aspect-ratio: 1;
    border: 1px solid rgba(201, 163, 90, .42);
    border-radius: 50%;
    background:
        radial-gradient(circle, transparent 0 42%, rgba(201,163,90,.09) 42.3% 42.8%, transparent 43.1%),
        repeating-conic-gradient(from 0deg, rgba(201,163,90,.15) 0deg .55deg, transparent .55deg 30deg);
    opacity: .8;
    transform: translate(-50%, -50%);
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__geometry::before,
body.mk-oraculo-landing-visual-v01 .mk-oa-v01__geometry::after {
    position: absolute;
    content: "";
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__geometry::before {
    inset: 11%;
    border: 1px solid rgba(201, 163, 90, .22);
    border-radius: 50%;
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__geometry::after {
    top: -10%;
    left: 50%;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--mk-oa-gold);
    box-shadow:
        -205px 120px 0 -2px rgba(201,163,90,.75),
        196px 104px 0 -2px rgba(201,163,90,.6),
        -146px 323px 0 -3px rgba(201,163,90,.55),
        154px 328px 0 -3px rgba(201,163,90,.62);
    opacity: .68;
    transform: translateX(-50%) rotate(45deg);
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card {
    position: absolute !important;
    display: block !important;
    width: clamp(175px, 17vw, 250px) !important;
    max-width: 42% !important;
    height: auto !important;
    max-height: 94% !important;
    margin: 0 !important;
    object-fit: contain !important;
    filter: drop-shadow(0 23px 22px rgba(54, 36, 18, .20));
    transform-origin: 50% 85%;
    backface-visibility: hidden;
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card--papesse {
    z-index: 1;
    top: 10%;
    left: 7%;
    transform: rotate(-8deg);
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card--force {
    z-index: 1;
    top: 10%;
    right: 7%;
    transform: rotate(8deg);
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card--reverse {
    z-index: 3;
    top: 1%;
    left: 50%;
    width: clamp(205px, 19vw, 278px) !important;
    max-width: 46% !important;
    filter: drop-shadow(0 28px 28px rgba(33, 22, 12, .28));
    transform: translateX(-50%) rotate(.5deg);
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__icons-row.mk-oa-v01__method-row {
    display: grid !important;
    width: min(1180px, calc(100% - 48px));
    margin: clamp(16px, 2vw, 24px) auto 0 !important;
    padding: 14px !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 12px !important;
    border: 1px solid rgba(201, 163, 90, .24);
    border-radius: 24px 8px 24px 8px;
    background: rgba(255,255,255,.92) !important;
    box-shadow: 0 18px 50px rgba(70, 48, 24, .07);
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__icons-row.mk-oa-v01__method-row .mk-oa-v01__method {
    display: grid !important;
    min-width: 0;
    margin: 0 !important;
    padding: 10px 14px !important;
    grid-template-columns: 72px minmax(0, 1fr);
    gap: 13px;
    align-items: center;
    border: 0 !important;
    border-right: 1px solid rgba(201,163,90,.22) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    text-align: left !important;
}

body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__icons-row.mk-oa-v01__method-row .mk-oa-v01__method:last-child {
    border-right: 0 !important;
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__method-image {
    display: block;
    width: 72px !important;
    height: 72px !important;
    margin: 0 !important;
    object-fit: contain;
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__method-copy {
    display: flex;
    width: 100% !important;
    min-width: 0;
    max-width: none !important;
    grid-column: 2;
    flex-direction: column;
    gap: 3px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__method-copy strong {
    width: auto !important;
    max-width: none !important;
    color: var(--mk-oa-ink) !important;
    font-family: "Cormorant Garamond", Georgia, serif;
    font-size: 23px !important;
    font-weight: 600 !important;
    letter-spacing: -.015em;
    line-height: 1 !important;
}

body.mk-oraculo-landing-visual-v01 .mk-oa-v01__method-copy small {
    width: auto !important;
    max-width: none !important;
    color: var(--mk-oa-muted) !important;
    font-family: Inter, Arial, sans-serif;
    font-size: 12px !important;
    line-height: 1.35 !important;
}

@media (max-width: 1024px) {
    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__hero2 {
        width: min(100% - 32px, 1120px);
        min-height: 500px !important;
        padding: 38px !important;
        grid-template-columns: minmax(0, 44fr) minmax(0, 56fr) !important;
        gap: 20px !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__hero-copy h1 {
        font-size: clamp(45px, 6vw, 64px) !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__phone-visual {
        height: 410px !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card {
        width: clamp(160px, 21vw, 220px) !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card--reverse {
        width: clamp(185px, 23vw, 246px) !important;
    }
}

@media (max-width: 767px) {
    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__story-shell {
        padding-top: 12px;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__hero2 {
        display: grid !important;
        width: calc(100% - 24px);
        min-height: 0 !important;
        margin: 0 auto !important;
        padding: 30px 22px 20px !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        border-radius: 24px 8px 24px 8px;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__hero-copy {
        max-width: none;
        text-align: center !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__hero-copy h1 {
        max-width: 440px;
        margin: 12px auto 16px !important;
        font-size: clamp(42px, 12vw, 58px) !important;
        line-height: .92 !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__hero-copy > p {
        max-width: 490px;
        margin: 0 auto 20px !important;
        font-size: 15px !important;
        line-height: 1.52 !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__actions {
        max-width: 460px;
        margin: 0 auto;
        gap: 10px !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__actions .mk-oraculo__button {
        min-height: 48px;
        padding: 12px 16px !important;
        font-size: 10px !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__phone-visual {
        height: min(86vw, 355px) !important;
        margin-top: 2px !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__card-fan.mk-oa-v01__fan {
        width: min(100%, 520px) !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__geometry {
        width: min(76vw, 320px);
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card {
        top: 8%;
        width: min(39vw, 172px) !important;
        max-width: 42% !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card--papesse {
        left: 7%;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card--force {
        right: 7%;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card--reverse {
        top: 0;
        width: min(44vw, 194px) !important;
        max-width: 47% !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__icons-row.mk-oa-v01__method-row {
        width: calc(100% - 24px);
        margin-top: 12px !important;
        padding: 10px !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0 !important;
        border-radius: 20px 7px 20px 7px;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__icons-row.mk-oa-v01__method-row .mk-oa-v01__method {
        min-height: 86px;
        padding: 8px 10px !important;
        grid-template-columns: 68px minmax(0, 1fr);
        border-right: 0 !important;
        border-bottom: 1px solid rgba(201,163,90,.19) !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__icons-row.mk-oa-v01__method-row .mk-oa-v01__method:last-child {
        border-bottom: 0 !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__method-image {
        width: 64px !important;
        height: 64px !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__method-copy strong {
        font-size: 22px !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__method-copy small {
        font-size: 12px !important;
    }
}

@media (max-width: 460px) {
    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__phone-visual {
        height: min(92vw, 340px) !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card {
        width: min(42vw, 160px) !important;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card--papesse {
        left: 2%;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card--force {
        right: 2%;
    }

    body.mk-oraculo-landing-visual-v01 .mk-oa-v01__card--reverse {
        width: min(48vw, 184px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.mk-oraculo-landing-visual-v01 .mk-oraculo-landing__actions .mk-oraculo__button {
        transition: none;
    }
}