.seo-page {
    --seo-bg: #110a19;
    --seo-bg2: #191023;
    --seo-card: #21152f;
    --seo-text: #fffaf5;
    --seo-soft: #d2c6da;
    --seo-gold: #e4b654;
    --seo-gold-light: #f5d88c;
    --seo-purple: #7941a8;

    overflow: hidden;
    color: var(--seo-text);
    background: var(--seo-bg);
}

.seo-page a {
    transition: .2s ease;
}


/* HERO */

.seo-hero {
    padding: 72px 0 82px;
    background:
        radial-gradient(circle at 10% 10%, rgba(125,61,188,.27), transparent 32rem),
        radial-gradient(circle at 85% 25%, rgba(228,182,84,.11), transparent 30rem),
        var(--seo-bg);
}

.seo-hero-grid {
    display: grid;
    grid-template-columns: minmax(0,1.12fr) minmax(350px,.88fr);
    align-items: center;
    gap: 58px;
}

.seo-eyebrow {
    display: inline-flex;
    margin-bottom: 17px;
    padding: 7px 11px;
    border: 1px solid rgba(228,182,84,.26);
    border-radius: 999px;
    color: var(--seo-gold-light);
    background: rgba(228,182,84,.06);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .13em;
}

.seo-eyebrow-dark {
    color: #70441a;
    border-color: rgba(112,68,26,.18);
    background: rgba(112,68,26,.06);
}

.seo-hero h1 {
    margin: 0 0 22px;
    font-size: clamp(43px,5.3vw,69px);
    line-height: 1.03;
}

.seo-hero-lead {
    max-width: 790px;
    color: var(--seo-soft);
    font-size: 18px;
    line-height: 1.78;
}

.seo-phone-row {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    margin-top: 30px;
}

.seo-phone-box {
    min-width: 0;
    padding: 25px 20px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 21px;
    text-align: center;
}

.seo-phone-direct {
    background:
        linear-gradient(145deg,rgba(126,61,188,.26),#21142e);
}

.seo-phone-prepaid {
    background:
        linear-gradient(145deg,rgba(209,163,68,.14),#21142e);
}

.seo-phone-box > span:first-child,
.seo-card-kicker {
    display: block;
    color: var(--seo-gold-light);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.seo-phone-box > a:first-of-type {
    display: block;
    margin: 9px 0 12px;
    white-space: nowrap;
    color: white;
    font-family: Georgia,serif;
    font-size: clamp(28px,2.7vw,38px);
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.seo-phone-box img {
    display: block;
    width: 100%;
    max-width: 390px;
    height: auto;
    margin: 0 auto 18px;
}

.seo-payment-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin: 17px 0 20px;
}

.seo-payment-pills span {
    padding: 6px 10px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 999px;
    color: #ded3e5;
    background: rgba(255,255,255,.045);
    font-size: 10px;
    font-weight: 800;
}

.seo-cta {
    display: inline-flex !important;
    width: auto !important;
    min-height: 47px;
    align-items: center;
    justify-content: center;
    padding: 0 21px;
    border-radius: 999px;
    color: #241526 !important;
    background: linear-gradient(135deg,#f4d88c,#daa945);
    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    text-decoration: none;
}

.seo-hero-photo {
    position: relative;
    overflow: hidden;
    min-height: 690px;
    margin: 0;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 29px;
    box-shadow: 0 28px 70px rgba(0,0,0,.32);
}

.seo-hero-photo img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.seo-hero-photo::after {
    content: "";
    position: absolute;
    inset: 52% 0 0;
    background: linear-gradient(transparent,rgba(7,4,10,.95));
}

.seo-hero-photo figcaption {
    position: absolute;
    z-index: 2;
    left: 26px;
    right: 26px;
    bottom: 25px;
}

.seo-hero-photo strong,
.seo-hero-photo span {
    display: block;
}

.seo-hero-photo strong {
    font-family: Georgia,serif;
    font-size: 26px;
}

.seo-hero-photo span {
    color: var(--seo-gold-light);
}


/* SECCIONES */

.seo-section {
    padding: 82px 0;
    background: var(--seo-bg);
}

.seo-muted {
    border-block: 1px solid rgba(255,255,255,.08);
    background: var(--seo-bg2);
}

.seo-light {
    color: #2b1930;
    background: #f4eee6;
}

.seo-light h2,
.seo-light h3,
.seo-light strong {
    color: #29182f;
}

.seo-light p {
    color: #594a60;
}

.seo-light a {
    color: #67318f;
}

.seo-heading {
    max-width: 820px;
    margin-bottom: 38px;
}

.seo-heading-center {
    margin-inline: auto;
    text-align: center;
}

.seo-heading h2,
.seo-copy-image h2,
.seo-narrow h2,
.seo-faq-layout h2 {
    margin: 0 0 18px;
    font-size: clamp(32px,4.2vw,48px);
    line-height: 1.1;
}

.seo-heading p,
.seo-copy-image p,
.seo-narrow p {
    font-size: 17px;
    line-height: 1.82;
}

.seo-copy-image {
    display: grid;
    grid-template-columns: minmax(0,1.08fr) minmax(350px,.92fr);
    align-items: center;
    gap: 58px;
}

.seo-copy-image-reverse > div {
    order: 2;
}

.seo-copy-image-reverse > figure {
    order: 1;
}

.seo-content-photo {
    overflow: hidden;
    margin: 0;
    border-radius: 25px;
    box-shadow: 0 20px 55px rgba(0,0,0,.18);
}

.seo-content-photo img {
    display: block;
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
}


/* PASOS */

.seo-steps {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
}

.seo-steps article {
    padding: 28px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    background: var(--seo-card);
}

.seo-step-number {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    margin-bottom: 18px;
    border-radius: 50%;
    color: #261628;
    background: linear-gradient(135deg,#f5d88d,#dda944);
    font-weight: 900;
}

.seo-steps h3 {
    color: white;
}

.seo-steps p {
    color: var(--seo-soft);
}


/* COMPARACIÓN */

.seo-compare {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 22px;
}

.seo-compare > article {
    padding: 36px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 24px;
}

.seo-compare-direct {
    background:
        linear-gradient(145deg,rgba(124,63,183,.23),var(--seo-card));
}

.seo-compare-prepaid {
    background:
        linear-gradient(145deg,rgba(219,171,70,.13),var(--seo-card));
}

.seo-compare h3 {
    margin: 9px 0 10px;
    color: white;
    font-size: 29px;
}

.seo-large-phone {
    display: block;
    margin: 17px 0 13px;
    white-space: nowrap;
    color: white;
    font-family: Georgia,serif;
    font-size: clamp(37px,4.5vw,53px);
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.seo-legal-rate {
    display: block;
    width: 100%;
    max-width: 469px;
    height: auto;
    margin: 0 0 20px;
}

.seo-compare p {
    color: var(--seo-soft);
}


/* MÉTODOS PAGO */

.seo-payment-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 18px;
}

.seo-payment-card {
    display: block;
    padding: 28px;
    border: 1px solid rgba(52,30,59,.10);
    border-radius: 19px;
    color: #2b1930 !important;
    background: white;
    text-decoration: none;
}

.seo-payment-card:hover {
    transform: translateY(-4px);
}

.seo-payment-card > span {
    display: grid;
    place-items: center;
    width: 45px;
    height: 45px;
    border-radius: 13px;
    color: white;
    background: #56306c;
    font-weight: 900;
}

.seo-payment-card h3 {
    margin: 15px 0 8px;
}

.seo-payment-card p {
    margin: 0;
}


/* CHECK LIST */

.seo-narrow {
    max-width: 900px;
    margin-inline: auto;
}

.seo-narrow p {
    color: var(--seo-soft);
}

.seo-narrow a {
    color: var(--seo-gold-light);
}

.seo-light.seo-section .seo-narrow p {
    color: #594a60;
}

.seo-check-list {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 15px;
    margin-top: 30px;
}

.seo-check-list > div {
    padding: 23px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 17px;
    background: var(--seo-card);
}

.seo-check-list strong {
    color: white;
}

.seo-check-list p {
    margin-bottom: 0;
}


/* PRECIO */

.seo-price-phone {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 18px;
    margin-top: 30px;
}

.seo-price-phone > div {
    padding: 27px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 20px;
    text-align: center;
    background: var(--seo-card);
}

.seo-price-phone span {
    display: block;
    color: var(--seo-gold-light);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.seo-price-phone a {
    display: block;
    margin: 8px 0 12px;
    white-space: nowrap;
    color: white;
    font-family: Georgia,serif;
    font-size: clamp(34px,4vw,48px);
    font-weight: 900;
    text-decoration: none;
}

.seo-price-phone img {
    display: block;
    width: 100%;
    max-width: 469px;
    height: auto;
    margin: 0 auto;
}

.seo-price-phone small {
    color: var(--seo-soft);
}


/* FAQ */

.seo-faq-layout {
    display: grid;
    grid-template-columns: minmax(300px,.72fr) minmax(0,1.28fr);
    gap: 58px;
}

.seo-faq {
    display: grid;
    gap: 11px;
}

.seo-faq details {
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 14px;
    background: var(--seo-card);
}

.seo-faq summary {
    position: relative;
    padding: 20px 52px 20px 21px;
    color: white;
    cursor: pointer;
    font-family: Georgia,serif;
    font-size: 18px;
    font-weight: 700;
    list-style: none;
}

.seo-faq summary::-webkit-details-marker {
    display: none;
}

.seo-faq summary::after {
    content: "+";
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    color: var(--seo-gold-light);
    font-family: Arial,sans-serif;
    font-size: 24px;
}

.seo-faq details[open] summary::after {
    content: "−";
}

.seo-faq details p {
    margin: 0;
    padding: 0 21px 21px;
    color: var(--seo-soft);
}


/* FINAL */

.seo-final {
    padding: 85px 0;
    border-top: 1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 20% 20%,rgba(124,63,183,.24),transparent 30rem),
        radial-gradient(circle at 80% 80%,rgba(228,182,84,.12),transparent 30rem),
        #09050e;
}

.seo-final-heading {
    max-width: 770px;
    margin: 0 auto 37px;
    text-align: center;
}

.seo-final-heading h2 {
    margin: 0;
    font-size: clamp(34px,4.5vw,50px);
}

.seo-final-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
}

.seo-final-grid article {
    padding: 33px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 23px;
    text-align: center;
    background: rgba(255,255,255,.035);
}

.seo-final-grid article > span:first-child {
    display: block;
    color: var(--seo-gold-light);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.seo-final-grid article > a:first-of-type {
    display: block;
    margin: 9px 0 13px;
    white-space: nowrap;
    color: white;
    font-family: Georgia,serif;
    font-size: clamp(36px,4.5vw,54px);
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.seo-final-grid img {
    display: block;
    width: 100%;
    max-width: 469px;
    height: auto;
    margin: 0 auto 18px;
}


/* RESPONSIVE */

@media (max-width: 950px) {

    .seo-hero-grid,
    .seo-copy-image,
    .seo-faq-layout {
        grid-template-columns: 1fr;
    }

    .seo-copy-image-reverse > div,
    .seo-copy-image-reverse > figure {
        order: initial;
    }

    .seo-hero-photo {
        min-height: 600px;
    }

    .seo-steps,
    .seo-payment-grid {
        grid-template-columns: 1fr 1fr;
    }

}

@media (max-width: 650px) {

    .seo-hero {
        padding-top: 48px;
    }

    .seo-hero h1 {
        font-size: 41px;
    }

    .seo-phone-row,
    .seo-steps,
    .seo-compare,
    .seo-payment-grid,
    .seo-check-list,
    .seo-price-phone,
    .seo-final-grid {
        grid-template-columns: 1fr;
    }

    .seo-phone-box > a:first-of-type {
        font-size: 42px;
    }

    .seo-phone-box img {
        max-width: 315px;
    }

    .seo-large-phone,
    .seo-price-phone a,
    .seo-final-grid article > a:first-of-type {
        font-size: 39px;
    }

    .seo-hero-photo {
        min-height: 510px;
    }

    .seo-section {
        padding: 60px 0;
    }

}

/* ===== SECURE CHECKOUT BIZUM START ===== */

.seo-secure-checkout {
    margin-top: 28px;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 21px;
    background:
        linear-gradient(
            145deg,
            rgba(218,171,69,.12),
            rgba(125,61,188,.15)
        ),
        #21152f;
}

.seo-secure-checkout h2 {
    margin: 7px 0 9px;
    color: white;
    font-size: 27px;
}

.seo-secure-checkout .seo-payment-pills {
    justify-content: flex-start;
}

.seo-secure-checkout small {
    display: block;
    margin-top: 13px;
    color: #b9adc2;
}

.seo-buy-cta {
    padding-inline: 27px !important;
}

.seo-buy-cta-large {
    min-height: 54px !important;
    padding-inline: 31px !important;
    font-size: 15px !important;
}

.seo-phone-note {
    margin-top: 6px;
    color: #d4c7dc;
}

.seo-highlight-phone {
    margin: 10px 0 22px;
    color: #29182f;
    font-family: Georgia, serif;
    font-size: clamp(38px, 5vw, 52px);
    font-weight: 900;
    line-height: 1;
}

.seo-dark-payment-button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 0 22px;
    border-radius: 999px;
    color: white !important;
    background: #432555;
    font-weight: 900;
    text-decoration: none;
}

.seo-inline-link {
    color: #f5d88c;
    font-weight: 900;
    text-decoration: none;
}

.seo-checkout-banner {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 45px;
    padding: 38px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 25px;
    background:
        linear-gradient(
            135deg,
            rgba(123,60,184,.22),
            rgba(219,171,70,.08)
        ),
        #21152f;
}

.seo-checkout-banner h2 {
    margin: 8px 0 11px;
    color: white;
    font-size: clamp(31px,4vw,44px);
}

.seo-checkout-banner p {
    max-width: 700px;
    color: #d2c6da;
}

.seo-payment-pills-left {
    justify-content: flex-start;
}

.seo-checkout-action {
    min-width: 220px;
    text-align: center;
}

.seo-checkout-action small {
    display: block;
    margin-top: 10px;
    color: #b8abbf;
}

.seo-prepaid-card {
    margin-top: 30px;
    padding: 31px;
    border: 1px solid rgba(52,30,59,.10);
    border-radius: 22px;
    background: white;
    box-shadow: 0 18px 45px rgba(32,18,38,.08);
}

.seo-prepaid-card > span {
    display: block;
    color: #764593;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.seo-prepaid-card > a:first-of-type {
    display: block;
    margin: 8px 0 12px;
    color: #29182f;
    font-family: Georgia, serif;
    font-size: clamp(39px,5vw,53px);
    font-weight: 900;
    text-decoration: none;
}

.seo-prepaid-card p {
    color: #594a60 !important;
}

.seo-payment-card-dark > a {
    display: inline-block;
    margin-top: 13px;
    color: #683292 !important;
    font-weight: 900;
}

@media (max-width: 800px) {

    .seo-checkout-banner {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .seo-checkout-action {
        min-width: 0;
        text-align: left;
    }

}

@media (max-width: 650px) {

    .seo-secure-checkout {
        padding: 23px;
    }

    .seo-highlight-phone,
    .seo-prepaid-card > a:first-of-type {
        font-size: 39px;
    }

}

/* ===== SECURE CHECKOUT BIZUM END ===== */

/* ===== TAROT 806 PAGE START ===== */

.tarot806-main-card {
    max-width: 610px;
    margin-top: 30px;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    text-align: center;
    background:
        linear-gradient(
            145deg,
            rgba(125,61,188,.26),
            rgba(32,19,45,.97)
        );
    box-shadow: 0 20px 55px rgba(0,0,0,.20);
}

.tarot806-main-number,
.tarot806-focus-number {
    display: block;
    margin: 10px 0 14px;
    white-space: nowrap;
    color: white;
    font-family: Georgia, serif;
    font-size: clamp(44px,5.8vw,66px);
    font-weight: 900;
    letter-spacing: -.035em;
    line-height: 1;
    text-decoration: none;
}

.tarot806-rate,
.tarot806-focus-rate {
    display: block;
    width: 100%;
    max-width: 469px;
    height: auto;
    margin: 0 auto 20px;
}

.tarot806-main-card p {
    color: #d5c9dc;
}

.tarot806-secondary-link {
    margin-top: 19px;
    color: #b9acc2;
}

.tarot806-secondary-link a {
    margin-left: 6px;
    color: #f5d88c;
    font-weight: 900;
    text-decoration: none;
}

.tarot806-focus-section {
    text-align: center;
    background:
        radial-gradient(
            circle at center,
            rgba(124,63,183,.22),
            transparent 36rem
        ),
        #0b0711;
}

.tarot806-focus {
    max-width: 850px;
    margin-inline: auto;
}

.tarot806-focus h2 {
    margin: 0 0 14px;
    font-size: clamp(34px,4.5vw,51px);
}

.tarot806-focus > p {
    color: #d0c4d8;
    font-size: 17px;
}

.tarot806-focus-rate {
    max-width: 469px;
    margin-bottom: 25px;
}

.tarot806-banner {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(390px,.8fr);
    align-items: center;
    gap: 50px;
    padding: 40px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 26px;
    background:
        linear-gradient(
            140deg,
            rgba(125,61,188,.19),
            rgba(221,171,67,.06)
        ),
        #21152f;
}

.tarot806-banner h2 {
    margin: 8px 0 12px;
    color: white;
    font-size: 38px;
}

.tarot806-banner p {
    color: #d2c6da;
}

.tarot806-banner-phone {
    text-align: center;
}

.tarot806-banner-phone > a:first-child {
    display: block;
    margin-bottom: 13px;
    white-space: nowrap;
    color: white;
    font-family: Georgia, serif;
    font-size: clamp(40px,5vw,56px);
    font-weight: 900;
    letter-spacing: -.03em;
    line-height: 1;
    text-decoration: none;
}

.tarot806-banner-phone img {
    display: block;
    width: 100%;
    max-width: 469px;
    height: auto;
    margin: 0 auto 20px;
}

.tarot806-prepaid-alternative {
    margin: 28px 0;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 22px;
    background: #21152f;
}

.tarot806-prepaid-alternative > span {
    display: block;
    color: #f5d88c;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.tarot806-prepaid-alternative > a:first-of-type {
    display: block;
    margin: 8px 0 14px;
    color: white;
    font-family: Georgia, serif;
    font-size: clamp(37px,5vw,52px);
    font-weight: 900;
    text-decoration: none;
}

.tarot806-prepaid-alternative .seo-payment-pills {
    justify-content: flex-start;
}

.tarot806-light-card {
    margin: 30px 0;
    padding: 31px;
    border: 1px solid rgba(53,30,61,.11);
    border-radius: 23px;
    text-align: center;
    background: white;
    box-shadow: 0 18px 45px rgba(37,21,43,.08);
}

.tarot806-light-card > span {
    display: block;
    color: #704091;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.tarot806-light-card > a:first-of-type {
    display: block;
    margin: 9px 0 13px;
    white-space: nowrap;
    color: #29182f;
    font-family: Georgia, serif;
    font-size: clamp(42px,5vw,57px);
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.tarot806-light-card img {
    display: block;
    width: 100%;
    max-width: 469px;
    height: auto;
    margin: 0 auto 21px;
}

.tarot806-dark-call {
    display: inline-flex;
    min-height: 49px;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border-radius: 999px;
    color: white !important;
    background: #48285a;
    font-weight: 900;
    text-decoration: none;
}

.tarot806-final {
    text-align: center;
}

.tarot806-final-card {
    max-width: 720px;
    margin: 0 auto;
    padding: 38px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 26px;
    background:
        linear-gradient(
            145deg,
            rgba(125,61,188,.24),
            rgba(255,255,255,.025)
        );
}

.tarot806-final-card > span {
    display: block;
    color: #f5d88c;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.tarot806-final-card > a:first-of-type {
    display: block;
    margin: 10px 0 14px;
    white-space: nowrap;
    color: white;
    font-family: Georgia, serif;
    font-size: clamp(45px,6vw,67px);
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.tarot806-final-card img {
    display: block;
    width: 100%;
    max-width: 469px;
    height: auto;
    margin: 0 auto 23px;
}

.tarot806-final-prepaid {
    margin-top: 24px;
    color: #bcaec5;
}

.tarot806-final-prepaid a {
    margin-left: 5px;
    color: #f5d88c;
    font-weight: 900;
}

@media (max-width: 850px) {

    .tarot806-banner {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 650px) {

    .tarot806-main-card {
        padding: 26px 18px;
    }

    .tarot806-main-number,
    .tarot806-focus-number {
        font-size: 46px;
    }

    .tarot806-main-card .tarot806-rate,
    .tarot806-focus-rate {
        width: 78%;
        max-width: 320px;
    }

    .tarot806-banner {
        padding: 27px;
    }

    .tarot806-banner-phone > a:first-child,
    .tarot806-light-card > a:first-of-type,
    .tarot806-final-card > a:first-of-type {
        font-size: 42px;
    }

    .tarot806-final-card {
        padding: 28px 18px;
    }

    .tarot806-final-card img {
        width: 78%;
        max-width: 320px;
    }

}

/* ===== TAROT 806 PAGE END ===== */

/* ===== TAROT SIN 806 START ===== */

.sin806-main-card {
    max-width: 610px;
    margin-top: 30px;
    padding: 31px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 24px;
    background:
        linear-gradient(
            145deg,
            rgba(123,61,184,.23),
            rgba(221,171,70,.07)
        ),
        #21152f;
    box-shadow: 0 20px 55px rgba(0,0,0,.18);
}

.sin806-main-number {
    display: block;
    margin: 10px 0 16px;
    white-space: nowrap;
    color: white;
    font-family: Georgia, serif;
    font-size: clamp(44px,5.8vw,64px);
    font-weight: 900;
    letter-spacing: -.035em;
    line-height: 1;
    text-decoration: none;
}

.sin806-main-card .seo-payment-pills {
    justify-content: flex-start;
}

.sin806-main-card p {
    color: #d5c9dc;
}

.sin806-phone-focus {
    margin-top: 30px;
    padding: 34px;
    border: 1px solid rgba(53,30,61,.10);
    border-radius: 24px;
    background: white;
    box-shadow: 0 18px 45px rgba(36,20,42,.08);
}

.sin806-phone-focus > span {
    display: block;
    color: #734291;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.sin806-phone-focus > a:first-of-type {
    display: block;
    margin: 8px 0 15px;
    white-space: nowrap;
    color: #29182f;
    font-family: Georgia, serif;
    font-size: clamp(43px,5.5vw,58px);
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.sin806-phone-focus .seo-payment-pills {
    justify-content: flex-start;
}

.sin806-final {
    text-align: center;
}

.sin806-final-card {
    max-width: 720px;
    margin: 0 auto;
    padding: 39px;
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 27px;
    background:
        linear-gradient(
            145deg,
            rgba(124,62,184,.24),
            rgba(219,171,70,.06)
        );
}

.sin806-final-card > span {
    display: block;
    color: #f5d88c;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.sin806-final-card > a:first-of-type {
    display: block;
    margin: 10px 0 16px;
    white-space: nowrap;
    color: white;
    font-family: Georgia, serif;
    font-size: clamp(45px,6vw,67px);
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.sin806-final-card .seo-payment-pills {
    justify-content: center;
}

.sin806-final-direct {
    margin-top: 24px;
    color: #bcaec5;
}

.sin806-final-direct a {
    margin-left: 5px;
    color: #f5d88c;
    font-weight: 900;
}

@media (max-width: 650px) {

    .sin806-main-card {
        padding: 25px 19px;
    }

    .sin806-main-number {
        font-size: 43px;
    }

    .sin806-phone-focus {
        padding: 27px 20px;
    }

    .sin806-phone-focus > a:first-of-type {
        font-size: 40px;
    }

    .sin806-final-card {
        padding: 29px 18px;
    }

    .sin806-final-card > a:first-of-type {
        font-size: 42px;
    }

}

/* ===== TAROT SIN 806 END ===== */

/* ===== PAYMENT HUB START ===== */

.paymenthub-hero-options {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
    margin-top: 30px;
}

.paymenthub-prepaid,
.paymenthub-direct {
    padding: 27px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 22px;
    background: #21152f;
}

.paymenthub-prepaid {
    background:
        linear-gradient(
            145deg,
            rgba(126,61,185,.23),
            rgba(220,171,70,.07)
        ),
        #21152f;
}

.paymenthub-direct {
    background:
        linear-gradient(
            145deg,
            rgba(220,171,70,.10),
            rgba(126,61,185,.15)
        ),
        #21152f;
}

.paymenthub-hero-options h2 {
    margin: 7px 0 9px;
    color: white;
    font-size: 25px;
}

.paymenthub-number {
    display: block;
    margin: 9px 0 13px;
    white-space: nowrap;
    color: white;
    font-family: Georgia, serif;
    font-size: clamp(34px,4vw,47px);
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.paymenthub-prepaid p,
.paymenthub-direct p {
    color: #d2c6da;
}

.paymenthub-prepaid .seo-payment-pills {
    justify-content: flex-start;
}

.paymenthub-direct img {
    display: block;
    width: 100%;
    max-width: 390px;
    height: auto;
    margin: 0 0 18px;
}

.paymenthub-buy-center {
    margin-top: 34px;
    text-align: center;
}

.paymenthub-buy-center .seo-payment-pills {
    justify-content: center;
    margin-bottom: 18px;
}

.paymenthub-geographic-card {
    margin: 30px 0;
    padding: 34px;
    border: 1px solid rgba(55,31,62,.10);
    border-radius: 24px;
    background: white;
    box-shadow: 0 18px 45px rgba(36,20,42,.08);
}

.paymenthub-geographic-card > span {
    display: block;
    color: #754393;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.paymenthub-geographic-card > a:first-of-type {
    display: block;
    margin: 8px 0 16px;
    white-space: nowrap;
    color: #29182f;
    font-family: Georgia, serif;
    font-size: clamp(43px,5.5vw,58px);
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.paymenthub-geographic-card .seo-payment-pills {
    justify-content: flex-start;
}

.paymenthub-806-section {
    background:
        radial-gradient(
            circle at 20% 30%,
            rgba(124,61,184,.16),
            transparent 30rem
        ),
        #0c0712;
}

.paymenthub-806-card {
    margin: 26px 0;
    padding: 28px;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 22px;
    background: #21152f;
}

.paymenthub-806-card > span {
    display: block;
    color: #f5d88c;
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .14em;
}

.paymenthub-806-card > a:first-of-type {
    display: block;
    margin: 8px 0 13px;
    white-space: nowrap;
    color: white;
    font-family: Georgia, serif;
    font-size: clamp(42px,5vw,55px);
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
}

.paymenthub-806-card img {
    display: block;
    width: 100%;
    max-width: 469px;
    height: auto;
    margin-bottom: 20px;
}

.paymenthub-choice-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.paymenthub-choice-grid article {
    padding: 29px;
    border: 1px solid rgba(55,31,62,.10);
    border-radius: 21px;
    background: white;
    box-shadow: 0 16px 40px rgba(35,19,42,.06);
}

.paymenthub-choice-grid article > span {
    color: #9568ae;
    font-family: Georgia, serif;
    font-size: 28px;
    font-weight: 900;
}

.paymenthub-choice-grid h3 {
    margin: 12px 0 10px;
    color: #29182f;
    font-size: 21px;
}

.paymenthub-choice-grid p {
    color: #625469 !important;
}

.paymenthub-choice-grid a {
    color: #67318e !important;
    font-weight: 900;
    text-decoration: none;
}

@media (max-width: 900px) {

    .paymenthub-hero-options,
    .paymenthub-choice-grid {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 650px) {

    .paymenthub-prepaid,
    .paymenthub-direct {
        padding: 23px 18px;
    }

    .paymenthub-number {
        font-size: 39px;
    }

    .paymenthub-geographic-card {
        padding: 27px 20px;
    }

    .paymenthub-geographic-card > a:first-of-type {
        font-size: 40px;
    }

    .paymenthub-806-card {
        padding: 24px 18px;
    }

    .paymenthub-806-card > a:first-of-type {
        font-size: 40px;
    }

}

/* ===== PAYMENT HUB END ===== */

/* ===== PAYMENT HUB VISUAL FIX V4 START ===== */


/* ==========================================================
   HERO - TARJETAS DE FORMAS DE PAGO
========================================================== */

.paymenthub-hero-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin-top: 30px;
}

.paymenthub-prepaid,
.paymenthub-direct {
    min-width: 0;
    padding: 24px 22px 23px;
    overflow: hidden;

    border: 1px solid rgba(255,255,255,.11);
    border-radius: 20px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 16px 36px rgba(0,0,0,.13);
}

.paymenthub-hero-options h2 {
    margin: 7px 0 12px;

    color: #fff;

    font-size: clamp(20px, 1.7vw, 25px);
    line-height: 1.1;
}


/* Números: grandes pero SIN salirse de las tarjetas */

.paymenthub-number {
    display: block;

    max-width: 100%;
    margin: 10px 0 13px;

    white-space: nowrap;

    color: #fff;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(31px, 2.35vw, 41px);
    font-weight: 900;

    letter-spacing: -.035em;
    line-height: 1;

    text-decoration: none;
}


/* Tarifas legales */

.paymenthub-direct img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 3px 0 17px;
}


/* Texto interior */

.paymenthub-prepaid p,
.paymenthub-direct p {
    margin-top: 17px;

    color: #d7cbdf;

    font-size: 15px;
    line-height: 1.65;
}


/* Badges dentro de hero */

.paymenthub-prepaid .seo-payment-pills {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

    gap: 7px;

    margin: 15px 0 4px;
}

.paymenthub-prepaid .seo-payment-pills span {
    padding: 6px 10px;

    border: 1px solid rgba(255,255,255,.16);
    border-radius: 999px;

    color: #f5e6fb;
    background: rgba(255,255,255,.055);

    font-size: 10px;
    font-weight: 800;
}


/* ==========================================================
   H2 DE LAS SECCIONES CLARAS
========================================================== */

.paymenthub-page .seo-section h2 {
    max-width: 900px;

    font-size: clamp(34px, 4vw, 51px);
    line-height: 1.04;
    letter-spacing: -.025em;
}


/* El título del número 910 no necesita parecer otro H1 */

.paymenthub-page .seo-light .seo-narrow > h2 {
    max-width: 850px;

    font-size: clamp(34px, 3.7vw, 48px);
    line-height: 1.08;
}


/* ==========================================================
   BLOQUE 910 EN FONDO CLARO
========================================================== */

.paymenthub-geographic-card {
    display: grid;

    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "label action"
        "number action"
        "methods action";

    column-gap: 42px;
    row-gap: 9px;

    align-items: center;

    margin: 32px 0 34px;
    padding: 30px 34px;

    border: 1px solid rgba(55,31,62,.09);
    border-radius: 22px;

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #ffffff 64%,
            #fbf7fc 100%
        );

    box-shadow:
        0 18px 45px rgba(36,20,42,.08);
}


/* Etiqueta */

.paymenthub-geographic-card > span {
    grid-area: label;

    display: block;

    color: #74418e;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .15em;
}


/* Número */

.paymenthub-geographic-card > a:first-of-type {
    grid-area: number;

    display: block;

    margin: 1px 0;

    white-space: nowrap;

    color: #27142f;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(42px, 4.6vw, 57px);
    font-weight: 900;

    letter-spacing: -.035em;
    line-height: 1;

    text-decoration: none;
}


/* Métodos */

.paymenthub-geographic-card .seo-payment-pills {
    grid-area: methods;

    display: flex;
    flex-wrap: wrap;

    justify-content: flex-start;

    gap: 8px;

    margin: 4px 0 0;
}

.paymenthub-geographic-card .seo-payment-pills span {
    padding: 6px 11px;

    border: 1px solid #ded0e4;
    border-radius: 999px;

    color: #623477 !important;
    background: #f7f0f9;

    font-size: 10px;
    font-weight: 900;
}


/* CTA a la derecha */

.paymenthub-geographic-card .seo-dark-payment-button {
    grid-area: action;

    min-width: 190px;
    min-height: 52px;

    padding: 0 23px;

    border-radius: 999px;

    box-shadow: 0 10px 26px rgba(75,39,91,.16);

    font-size: 14px;
    font-weight: 900;
}


/* ==========================================================
   HERO GENERAL
========================================================== */

.paymenthub-hero .seo-hero-grid {
    align-items: center;
}

.paymenthub-hero .seo-hero-photo {
    max-width: 510px;
    justify-self: end;
}

.paymenthub-hero .seo-hero-photo img {
    width: 100%;
}


/* ==========================================================
   TARJETAS DE ELECCIÓN POSTERIORES
========================================================== */

.paymenthub-choice-grid article {
    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.paymenthub-choice-grid article:hover {
    transform: translateY(-3px);

    box-shadow:
        0 20px 48px rgba(35,19,42,.10);
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1000px) {

    .paymenthub-number {
        font-size: 34px;
    }

    .paymenthub-geographic-card {
        column-gap: 25px;
    }

}


/* ==========================================================
   MÓVIL
========================================================== */

@media (max-width: 700px) {

    .paymenthub-hero-options {
        grid-template-columns: 1fr;
    }

    .paymenthub-prepaid,
    .paymenthub-direct {
        padding: 24px 20px;
    }

    .paymenthub-number {
        font-size: 41px;
    }


    /* Bloque 910 vuelve a una sola columna */

    .paymenthub-geographic-card {
        display: block;

        padding: 26px 21px;
    }

    .paymenthub-geographic-card > a:first-of-type {
        margin: 8px 0 15px;

        font-size: 42px;
    }

    .paymenthub-geographic-card .seo-payment-pills {
        margin-bottom: 21px;
    }

    .paymenthub-geographic-card .seo-dark-payment-button {
        width: 100%;
        min-width: 0;
    }

}


/* Móvil estrecho */

@media (max-width: 390px) {

    .paymenthub-number {
        font-size: 37px;
    }

    .paymenthub-geographic-card > a:first-of-type {
        font-size: 38px;
    }

}

/* ===== PAYMENT HUB VISUAL FIX V4 END ===== */

/* ===== PAYMENT HUB HERO REPAIR V5 START ===== */


/* ==========================================================
   HERO COMPLETO
========================================================== */

.paymenthub-hero {
    overflow: hidden;
}

.paymenthub-hero .seo-hero-grid {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1.08fr)
        minmax(390px, .92fr) !important;

    gap: clamp(42px, 5vw, 76px) !important;

    align-items: center !important;
}


/* ==========================================================
   COLUMNA IZQUIERDA
========================================================== */

.paymenthub-hero .seo-hero-grid > div:first-child {
    min-width: 0;
}


/* H1 */

.paymenthub-hero h1 {
    max-width: 690px;
}


/* ==========================================================
   FOTO DEL HERO
========================================================== */

.paymenthub-hero .seo-hero-photo {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    min-width: 0 !important;
    min-height: 575px !important;

    margin: 0 !important;

    overflow: hidden !important;

    justify-self: stretch !important;
    align-self: center !important;

    border:
        1px solid rgba(255,255,255,.13) !important;

    border-radius: 28px !important;

    background: #170e20 !important;

    box-shadow:
        0 28px 70px rgba(0,0,0,.24) !important;
}


/* La foto vuelve a ocupar la columna completa */

.paymenthub-hero .seo-hero-photo > img {
    position: absolute !important;

    inset: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;
    min-height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    opacity: 1 !important;
    visibility: visible !important;
}


/* Oscurecimiento inferior para texto */

.paymenthub-hero .seo-hero-photo::after {
    content: "";

    position: absolute;

    inset: 40% 0 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(9,5,13,.86)
        );
}


/* Texto de la foto */

.paymenthub-hero .seo-hero-photo figcaption {
    position: absolute !important;

    left: 30px !important;
    right: 30px !important;
    bottom: 28px !important;

    z-index: 2 !important;

    display: block !important;

    padding: 0 !important;

    background: transparent !important;
}

.paymenthub-hero .seo-hero-photo figcaption strong {
    display: block;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(24px, 2.3vw, 33px);
    line-height: 1.08;
}

.paymenthub-hero .seo-hero-photo figcaption span {
    display: block;

    margin-top: 8px;

    color: #f2cf75;

    font-size: 14px;
    font-weight: 800;
}


/* ==========================================================
   DOS TARJETAS DEL HERO
========================================================== */

.paymenthub-hero-options {
    display: grid !important;

    grid-template-columns:
        repeat(2, minmax(0,1fr)) !important;

    gap: 16px !important;

    margin-top: 30px !important;
}


/* Que ninguna tarjeta pueda romper el grid */

.paymenthub-prepaid,
.paymenthub-direct {
    min-width: 0 !important;

    padding: 24px 21px !important;

    overflow: hidden !important;
}


/* Títulos */

.paymenthub-hero-options h2 {
    margin:
        7px 0
        12px !important;

    font-size:
        clamp(20px, 1.55vw, 24px) !important;

    line-height: 1.08 !important;
}


/* Números adaptados al ancho real */

.paymenthub-number {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    margin: 10px 0 13px !important;

    overflow: visible !important;

    white-space: nowrap !important;

    font-size:
        clamp(30px, 2.25vw, 39px) !important;

    letter-spacing: -.045em !important;
}


/* 806: tarifa proporcional y legible */

.paymenthub-direct img {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;

    height: auto !important;

    margin:
        2px 0
        18px !important;
}


/* ==========================================================
   BLOQUE CLARO 910
========================================================== */

.paymenthub-page .seo-light .seo-narrow > h2 {
    max-width: 800px !important;

    font-size:
        clamp(34px, 3.5vw, 47px) !important;

    line-height: 1.06 !important;
}


/*
 * El número aparece UNA VEZ como elemento comercial.
 */

.paymenthub-geographic-card {
    display: grid !important;

    grid-template-columns:
        minmax(0, 1fr)
        auto !important;

    grid-template-areas:
        "label button"
        "number button"
        "methods button" !important;

    align-items: center !important;

    column-gap: 50px !important;
    row-gap: 7px !important;

    margin:
        32px 0
        34px !important;

    padding:
        30px 34px !important;

    min-height: 170px !important;

    border-radius: 22px !important;
}


/* Número protagonista */

.paymenthub-geographic-card > a:first-of-type {
    grid-area: number !important;

    margin:
        3px 0
        5px !important;

    font-size:
        clamp(43px, 4.6vw, 58px) !important;

    line-height: 1 !important;
}


/* Etiqueta */

.paymenthub-geographic-card > span {
    grid-area: label !important;
}


/* Pills */

.paymenthub-geographic-card .seo-payment-pills {
    grid-area: methods !important;

    margin: 0 !important;

    gap: 8px !important;
}


/* Botón */

.paymenthub-geographic-card .seo-dark-payment-button {
    grid-area: button !important;

    width: auto !important;
    min-width: 190px !important;

    margin: 0 !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 1050px) {

    .paymenthub-hero .seo-hero-grid {
        grid-template-columns:
            minmax(0,1fr)
            minmax(340px,.78fr) !important;

        gap: 35px !important;
    }

    .paymenthub-hero .seo-hero-photo {
        min-height: 530px !important;
    }

    .paymenthub-number {
        font-size: 31px !important;
    }

}


/* ==========================================================
   TABLET ESTRECHA
========================================================== */

@media (max-width: 900px) {

    .paymenthub-hero .seo-hero-grid {
        grid-template-columns: 1fr !important;
    }

    .paymenthub-hero .seo-hero-photo {
        width: 100% !important;
        max-width: 650px !important;

        min-height: 500px !important;

        justify-self: start !important;
    }

    .paymenthub-number {
        font-size: 39px !important;
    }

}


/* ==========================================================
   MÓVIL
========================================================== */

@media (max-width: 650px) {

    .paymenthub-hero-options {
        grid-template-columns: 1fr !important;
    }

    .paymenthub-number {
        font-size: 41px !important;
    }

    .paymenthub-hero .seo-hero-photo {
        min-height: 450px !important;

        border-radius: 22px !important;
    }

    .paymenthub-hero .seo-hero-photo figcaption {
        left: 22px !important;
        right: 22px !important;
        bottom: 22px !important;
    }


    /* Bloque 910 */

    .paymenthub-geographic-card {
        display: block !important;

        min-height: 0 !important;

        padding: 26px 21px !important;
    }

    .paymenthub-geographic-card > a:first-of-type {
        margin:
            8px 0
            14px !important;

        font-size: 42px !important;
    }

    .paymenthub-geographic-card .seo-payment-pills {
        margin-bottom: 20px !important;
    }

    .paymenthub-geographic-card .seo-dark-payment-button {
        width: 100% !important;
        min-width: 0 !important;
    }

}


/* ===== PAYMENT HUB HERO REPAIR V5 END ===== */

/* ===== PRICES PAGE START ===== */


/* HERO */

.prices-hero-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 16px;
    margin-top: 30px;
}

.prices-hero-direct,
.prices-hero-prepaid {
    min-width: 0;
    padding: 25px 22px;

    border: 1px solid rgba(255,255,255,.11);
    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            rgba(124,61,184,.20),
            rgba(220,171,70,.06)
        ),
        #21152f;

    overflow: hidden;
}

.prices-hero-grid h2 {
    margin: 7px 0 12px;
    color: white;
    font-size: 24px;
    line-height: 1.08;
}

.prices-hero-number {
    display: block;

    max-width: 100%;
    margin: 8px 0 11px;

    white-space: nowrap;

    color: white;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px,2.3vw,39px);
    font-weight: 900;

    letter-spacing: -.045em;
    line-height: 1;

    text-decoration: none;
}

.prices-hero-direct img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0 0 18px;
}

.prices-prepaid-copy {
    min-height: 58px;
    color: #d6cadf;
}

.prices-hero-prepaid .seo-payment-pills {
    justify-content: flex-start;
}


/* 806 SECTION */

.prices-806-section {
    text-align: center;

    background:
        radial-gradient(
            circle at center,
            rgba(125,61,184,.20),
            transparent 35rem
        ),
        #0b0711;
}

.prices-806-card {
    max-width: 670px;

    margin: 31px auto;
    padding: 35px;

    border: 1px solid rgba(255,255,255,.11);
    border-radius: 25px;

    background:
        linear-gradient(
            145deg,
            rgba(124,61,184,.24),
            rgba(255,255,255,.02)
        );
}

.prices-806-card > span {
    display: block;

    color: #f4d27d;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .15em;
}

.prices-806-card > a:first-of-type {
    display: block;

    margin: 9px 0 14px;

    white-space: nowrap;

    color: white;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(45px,6vw,65px);
    font-weight: 900;

    line-height: 1;

    text-decoration: none;
}

.prices-806-card img {
    display: block;

    width: 100%;
    max-width: 469px;
    height: auto;

    margin: 0 auto 23px;
}


/* PREPAGO */

.prices-prepaid-layout {
    display: grid;

    grid-template-columns:
        minmax(0,1.15fr)
        minmax(330px,.85fr);

    gap: clamp(40px,6vw,80px);

    align-items: center;
}

.prices-checkout-button {
    display: inline-flex;

    min-height: 51px;

    align-items: center;
    justify-content: center;

    margin-top: 14px;
    padding: 0 25px;

    border-radius: 999px;

    color: white !important;
    background: #4b285d;

    font-weight: 900;
    text-decoration: none;

    box-shadow:
        0 12px 28px rgba(73,38,89,.15);
}

.prices-prepaid-panel {
    padding: 32px;

    border: 1px solid rgba(55,31,62,.10);
    border-radius: 24px;

    background: white;

    box-shadow:
        0 19px 48px rgba(35,20,42,.08);
}

.prices-prepaid-panel h3 {
    margin: 8px 0 9px;

    color: #2a1731;

    font-size: 25px;
}

.prices-prepaid-panel > a {
    display: block;

    margin-bottom: 16px;

    white-space: nowrap;

    color: #2a1731;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(39px,4vw,50px);
    font-weight: 900;

    line-height: 1;

    text-decoration: none;
}

.prices-prepaid-panel .seo-payment-pills {
    justify-content: flex-start;
}

.prices-prepaid-panel p {
    color: #625469 !important;
}


/* COMPARATIVA */

.prices-compare-table {
    max-width: 1000px;

    margin: 35px auto 0;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 22px;
}

.prices-table-head,
.prices-table-row {
    display: grid;

    grid-template-columns:
        1.1fr
        1fr
        1fr;
}

.prices-table-head {
    background:
        rgba(255,255,255,.08);
}

.prices-table-head div {
    color: #f5d88c;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: .08em;
    text-transform: uppercase;
}

.prices-table-head div,
.prices-table-row div {
    padding: 19px 22px;

    border-right:
        1px solid rgba(255,255,255,.08);

    border-bottom:
        1px solid rgba(255,255,255,.08);
}

.prices-table-head div:last-child,
.prices-table-row div:last-child {
    border-right: 0;
}

.prices-table-row:last-child div {
    border-bottom: 0;
}

.prices-table-row div {
    color: #d9cfe0;

    line-height: 1.5;
}

.prices-table-row div:first-child {
    color: white;
    font-weight: 800;
}


/* FINAL */

.prices-final-options {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;

    max-width: 950px;

    margin: 0 auto;
}

.prices-final-options article {
    min-width: 0;

    padding: 32px;

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 24px;

    background:
        linear-gradient(
            145deg,
            rgba(125,61,184,.22),
            rgba(255,255,255,.02)
        );
}

.prices-final-options article > span {
    display: block;

    color: #f5d88c;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .14em;
}

.prices-final-options h3 {
    margin: 10px 0 9px;

    color: white;

    font-size: 27px;
}

.prices-final-options p {
    color: #d2c6da;
}

.prices-final-phone {
    display: block;

    margin: 9px 0 13px;

    white-space: nowrap;

    color: white;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(38px,4vw,52px);
    font-weight: 900;

    letter-spacing: -.035em;
    line-height: 1;

    text-decoration: none;
}

.prices-final-options img {
    display: block;

    width: 100%;
    max-width: 469px;
    height: auto;

    margin: 0 auto 20px;
}


/* TABLET */

@media (max-width: 900px) {

    .prices-prepaid-layout {
        grid-template-columns: 1fr;
    }

}


/* MÓVIL */

@media (max-width: 700px) {

    .prices-hero-grid,
    .prices-final-options {
        grid-template-columns: 1fr;
    }

    .prices-hero-number {
        font-size: 40px;
    }

    .prices-806-card {
        padding: 28px 18px;
    }

    .prices-806-card > a:first-of-type {
        font-size: 44px;
    }

    .prices-806-card img {
        width: 80%;
        max-width: 320px;
    }

    .prices-prepaid-panel {
        padding: 27px 21px;
    }

    .prices-prepaid-panel > a {
        font-size: 40px;
    }


    /* Comparativa en móvil */

    .prices-compare-table {
        overflow-x: auto;
    }

    .prices-table-head,
    .prices-table-row {
        min-width: 700px;
    }

}


/* ===== PRICES PAGE END ===== */

/* ===== TAROT 24 HORAS START ===== */


/* Estado 24H */

.tarot24-status-card {
    display: grid;

    grid-template-columns: auto 1fr;

    gap: 18px;

    align-items: center;

    max-width: 620px;

    margin-top: 27px;
    padding: 18px 21px;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 19px;

    background:
        rgba(255,255,255,.035);
}

.tarot24-status-icon {
    display: flex;

    width: 70px;
    height: 70px;

    align-items: center;
    justify-content: center;

    flex: 0 0 auto;

    border:
        1px solid rgba(245,216,140,.40);

    border-radius: 50%;

    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
    font-weight: 900;

    box-shadow:
        inset 0 0 25px rgba(245,216,140,.07);
}

.tarot24-status-card span {
    display: block;

    margin-bottom: 3px;

    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.tarot24-status-card strong {
    display: block;

    color: white;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;
}

.tarot24-status-card p {
    margin: 5px 0 0;

    color: #cfc3d6;

    font-size: 14px;
}


/* HERO OPTIONS */

.tarot24-hero-actions {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 16px;

    margin-top: 18px;
}

.tarot24-hero-actions article {
    min-width: 0;

    padding: 23px 20px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(125,61,184,.20),
            rgba(219,171,70,.05)
        ),
        #21152f;
}

.tarot24-hero-actions article > span {
    display: block;

    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.tarot24-hero-actions h2 {
    margin: 9px 0 15px;

    color: white;

    font-size: 21px;
    line-height: 1.12;
}

.tarot24-phone {
    display: block;

    margin: 8px 0 11px;

    white-space: nowrap;

    color: white;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(30px,2.3vw,39px);
    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.tarot24-hero-actions img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0 0 17px;
}

.tarot24-hero-actions .seo-payment-pills {
    justify-content: flex-start;
}


/* HORARIOS */

.tarot24-time-grid {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 18px;

    margin-top: 35px;
}

.tarot24-time-grid article {
    padding: 28px 24px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 21px;

    background:
        rgba(255,255,255,.035);
}

.tarot24-time-grid article > span {
    display: block;

    margin-bottom: 16px;

    color: #f5d88c;

    font-size: 30px;
}

.tarot24-time-grid h3 {
    margin: 0 0 9px;

    color: white;

    font-size: 20px;
}

.tarot24-time-grid p {
    color: #cfc3d6;
}


/* FEATURE DARK */

.tarot24-dark-feature {
    background:
        radial-gradient(
            circle at 20% 25%,
            rgba(121,58,180,.19),
            transparent 34rem
        ),
        #0b0711;
}

.tarot24-feature-grid {
    display: grid;

    grid-template-columns:
        minmax(0,.85fr)
        minmax(0,1.15fr);

    gap: clamp(45px,7vw,90px);

    align-items: start;
}

.tarot24-feature-grid h2 {
    margin-top: 12px;

    font-size:
        clamp(37px,4.5vw,53px);

    line-height: 1.03;
}

.tarot24-feature-grid > div:first-child p {
    color: #d0c4d7;
}

.tarot24-feature-list {
    display: grid;

    gap: 13px;
}

.tarot24-feature-list article {
    display: grid;

    grid-template-columns:
        50px 1fr;

    gap: 18px;

    padding: 23px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 19px;

    background:
        rgba(255,255,255,.035);
}

.tarot24-feature-list article > strong {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
}

.tarot24-feature-list h3 {
    margin: 0 0 7px;

    color: white;

    font-size: 20px;
}

.tarot24-feature-list p {
    margin: 0;

    color: #cfc3d6;
}


/* FINAL */

.tarot24-final-intro {
    max-width: 650px;

    margin:
        -5px auto
        28px;

    color: #cbbfd2;

    text-align: center;
}


/* TABLET */

@media (max-width: 1000px) {

    .tarot24-time-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* TABLET ESTRECHA */

@media (max-width: 850px) {

    .tarot24-feature-grid {
        grid-template-columns: 1fr;
    }

}


/* MÓVIL */

@media (max-width: 650px) {

    .tarot24-status-card {
        grid-template-columns: 58px 1fr;

        padding: 17px;
    }

    .tarot24-status-icon {
        width: 58px;
        height: 58px;

        font-size: 19px;
    }

    .tarot24-hero-actions,
    .tarot24-time-grid {
        grid-template-columns: 1fr;
    }

    .tarot24-phone {
        font-size: 41px;
    }

    .tarot24-feature-list article {
        grid-template-columns:
            42px 1fr;

        padding: 20px;
    }

}

/* ===== TAROT 24 HORAS END ===== */

/* ===== TAROT SIN GABINETE START ===== */


/* BENEFICIOS HERO */

.nogab-trust-strip {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 10px;

    margin-top: 27px;
}

.nogab-trust-strip article {
    padding: 15px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 16px;

    background:
        rgba(255,255,255,.035);
}

.nogab-trust-strip strong {
    display: block;

    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;
}

.nogab-trust-strip span {
    display: block;

    margin-top: 4px;

    color: #cfc3d7;

    font-size: 12px;
}


/* HERO ACTIONS */

.nogab-hero-actions {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 16px;

    margin-top: 18px;
}

.nogab-hero-actions article {
    min-width: 0;

    padding: 23px 20px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(125,61,184,.20),
            rgba(219,171,70,.05)
        ),
        #21152f;
}

.nogab-hero-actions article > span {
    display: block;

    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.nogab-hero-actions h2 {
    margin: 9px 0 15px;

    color: white;

    font-size: 21px;
    line-height: 1.12;
}

.nogab-phone {
    display: block;

    margin: 8px 0 11px;

    white-space: nowrap;

    color: white;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(30px,2.3vw,39px);
    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.nogab-hero-actions img {
    display: block;

    width: 100%;
    max-width: 100%;
    height: auto;

    margin: 0 0 17px;
}

.nogab-hero-actions .seo-payment-pills {
    justify-content: flex-start;
}


/* FEATURES */

.nogab-features {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 20px;

    margin-top: 34px;
}

.nogab-features article {
    padding: 29px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 21px;

    background:
        rgba(255,255,255,.035);
}

.nogab-features article > span {
    display: block;

    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;
}

.nogab-features h3 {
    margin: 13px 0 9px;

    color: white;

    font-size: 21px;
}

.nogab-features p {
    color: #cec2d5;
}


/* 24H BLOCK */

.nogab-24-section {
    background:
        radial-gradient(
            circle at 20% 25%,
            rgba(125,61,184,.20),
            transparent 35rem
        ),
        #0b0711;
}

.nogab-24-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap: clamp(50px,8vw,110px);

    align-items: center;
}

.nogab-24-grid h2 {
    margin-top: 12px;

    font-size:
        clamp(38px,4.5vw,53px);

    line-height: 1.04;
}

.nogab-24-grid p {
    color: #cec2d5;
}

.nogab-text-link {
    display: inline-block;

    margin-top: 10px;

    color: #f5d88c;

    font-weight: 900;

    text-decoration: none;
}

.nogab-clock {
    display: flex;

    width: 230px;
    height: 230px;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(245,216,140,.30);

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(123,61,184,.24),
            rgba(20,12,27,.4)
        );

    box-shadow:
        inset 0 0 50px rgba(245,216,140,.04),
        0 20px 50px rgba(0,0,0,.18);
}

.nogab-clock span {
    color: white;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 76px;
    font-weight: 900;

    line-height: .9;
}

.nogab-clock strong {
    margin-top: 7px;

    color: #f5d88c;

    font-size: 15px;

    letter-spacing: .19em;
}

.nogab-clock small {
    margin-top: 8px;

    color: #bfb2c7;
}


/* PREPAGO BANNER */

.nogab-prepaid-banner {
    display: grid;

    grid-template-columns:
        minmax(0,1.2fr)
        minmax(320px,.8fr);

    gap: 55px;

    align-items: center;

    padding: 38px;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 25px;

    background:
        linear-gradient(
            135deg,
            rgba(124,61,184,.20),
            rgba(219,171,70,.05)
        ),
        #21152f;
}

.nogab-prepaid-banner h2 {
    margin: 8px 0 10px;

    color: white;

    font-size:
        clamp(31px,4vw,43px);
}

.nogab-prepaid-banner p {
    color: #d1c5d8;
}

.nogab-prepaid-number {
    display: block;

    margin-bottom: 15px;

    white-space: nowrap;

    color: white;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(38px,4vw,52px);

    font-weight: 900;

    line-height: 1;

    text-decoration: none;
}

.nogab-prepaid-banner .seo-payment-pills {
    justify-content: flex-start;
}


/* TABLET */

@media (max-width: 900px) {

    .nogab-features {
        grid-template-columns: 1fr;
    }

    .nogab-24-grid {
        grid-template-columns: 1fr;
    }

    .nogab-clock {
        width: 190px;
        height: 190px;
    }

    .nogab-prepaid-banner {
        grid-template-columns: 1fr;
    }

}


/* MÓVIL */

@media (max-width: 650px) {

    .nogab-trust-strip,
    .nogab-hero-actions {
        grid-template-columns: 1fr;
    }

    .nogab-phone {
        font-size: 41px;
    }

    .nogab-clock {
        width: 165px;
        height: 165px;
    }

    .nogab-clock span {
        font-size: 58px;
    }

    .nogab-prepaid-banner {
        padding: 27px 20px;
    }

    .nogab-prepaid-number {
        font-size: 40px;
    }

}

/* ===== TAROT SIN GABINETE END ===== */

/* ===== TAROTISTAS BUENAS Y BARATAS START ===== */

.goodcheap-points {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
    margin-top: 26px;
}

.goodcheap-points article {
    padding: 14px 15px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    background: rgba(255,255,255,.035);
}

.goodcheap-points strong {
    display: block;
    color: #f5d88c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
}

.goodcheap-points span {
    display: block;
    margin-top: 4px;
    color: #cfc3d7;
    font-size: 12px;
}


/* HERO ACTIONS */

.goodcheap-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    margin-top: 18px;
}

.goodcheap-actions article {
    min-width: 0;
    padding: 23px 20px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 20px;
    background:
        linear-gradient(
            145deg,
            rgba(125,61,184,.20),
            rgba(219,171,70,.05)
        ),
        #21152f;
}

.goodcheap-actions article > span {
    display: block;
    color: #f5d88c;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.goodcheap-actions h2 {
    margin: 9px 0 15px;
    color: white;
    font-size: 21px;
    line-height: 1.12;
}

.goodcheap-phone {
    display: block;
    margin: 8px 0 11px;
    white-space: nowrap;
    color: white;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px,2.3vw,39px);
    font-weight: 900;
    letter-spacing: -.04em;
    text-decoration: none;
}

.goodcheap-actions img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 17px;
}

.goodcheap-actions .seo-payment-pills {
    justify-content: flex-start;
}


/* CRITERIA */

.goodcheap-criteria {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 14px;
    margin-top: 34px;
}

.goodcheap-criteria article {
    padding: 24px 20px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 19px;
    background: rgba(255,255,255,.035);
}

.goodcheap-criteria article > span {
    color: #f5d88c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
}

.goodcheap-criteria h3 {
    margin: 12px 0 8px;
    color: white;
    font-size: 18px;
}

.goodcheap-criteria p {
    margin: 0;
    color: #cec2d5;
    font-size: 14px;
}


/* DOUBLE FEATURE */

.goodcheap-dark {
    background:
        radial-gradient(
            circle at 15% 20%,
            rgba(124,61,184,.20),
            transparent 32rem
        ),
        #0b0711;
}

.goodcheap-double-feature {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 22px;
}

.goodcheap-double-feature article {
    padding: 35px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 23px;
    background: rgba(255,255,255,.035);
}

.goodcheap-double-feature h2 {
    margin: 9px 0 12px;
    color: white;
    font-size: clamp(29px,3.5vw,42px);
}

.goodcheap-double-feature p {
    color: #d0c4d7;
}

.goodcheap-double-feature a {
    display: inline-block;
    margin-top: 8px;
    color: #f5d88c;
    font-weight: 900;
    text-decoration: none;
}


/* TABLET */

@media (max-width: 1050px) {

    .goodcheap-criteria {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* MÓVIL */

@media (max-width: 650px) {

    .goodcheap-points,
    .goodcheap-actions,
    .goodcheap-criteria,
    .goodcheap-double-feature {
        grid-template-columns: 1fr;
    }

    .goodcheap-phone {
        font-size: 41px;
    }

    .goodcheap-double-feature article {
        padding: 27px 21px;
    }

}

/* ===== TAROTISTAS BUENAS Y BARATAS END ===== */

/* ===== TAROTISTAS FIABLES START ===== */


/* TRUST */

.reliable-trust {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 10px;

    margin-top: 27px;
}

.reliable-trust article {
    padding: 15px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 16px;

    background:
        rgba(255,255,255,.035);
}

.reliable-trust strong {
    display: block;

    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;
}

.reliable-trust span {
    display: block;

    margin-top: 4px;

    color: #cfc3d7;

    font-size: 12px;
}


/* ACTIONS HERO */

.reliable-actions {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 16px;

    margin-top: 18px;
}

.reliable-actions article {
    min-width: 0;

    padding: 23px 20px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(125,61,184,.20),
            rgba(219,171,70,.05)
        ),
        #21152f;
}

.reliable-actions article > span {
    display: block;

    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.reliable-actions h2 {
    margin: 9px 0 15px;

    color: white;

    font-size: 21px;
    line-height: 1.12;
}

.reliable-phone {
    display: block;

    margin: 8px 0 11px;

    white-space: nowrap;

    color: white;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(30px,2.3vw,39px);
    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.reliable-actions img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0 0 17px;
}

.reliable-actions .seo-payment-pills {
    justify-content: flex-start;
}


/* CRITERIA */

.reliable-criteria {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 18px;

    margin-top: 35px;
}

.reliable-criteria article {
    padding: 27px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 20px;

    background:
        rgba(255,255,255,.035);
}

.reliable-criteria article > span {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 24px;
}

.reliable-criteria h3 {
    margin: 12px 0 8px;

    color: white;

    font-size: 20px;
}

.reliable-criteria p {
    margin: 0;

    color: #cec2d5;
}


/* WARNING */

.reliable-warning-section {
    background:
        radial-gradient(
            circle at 18% 30%,
            rgba(129,60,183,.18),
            transparent 35rem
        ),
        #0b0711;
}

.reliable-warning {
    display: grid;

    grid-template-columns:
        130px minmax(0,1fr);

    gap: 40px;

    align-items: start;

    max-width: 980px;

    margin: 0 auto;
}

.reliable-warning-symbol {
    display: flex;

    width: 120px;
    height: 120px;

    align-items: center;
    justify-content: center;

    border:
        1px solid rgba(245,216,140,.28);

    border-radius: 50%;

    color: #f5d88c;

    font-size: 45px;

    background:
        radial-gradient(
            circle,
            rgba(124,61,184,.22),
            transparent
        );
}

.reliable-warning h2 {
    margin: 10px 0 15px;

    font-size:
        clamp(36px,4.5vw,52px);

    line-height: 1.05;
}

.reliable-warning p {
    color: #d0c4d7;
}


/* TABLET */

@media (max-width: 900px) {

    .reliable-criteria {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* MOBILE */

@media (max-width: 650px) {

    .reliable-trust,
    .reliable-actions,
    .reliable-criteria {
        grid-template-columns: 1fr;
    }

    .reliable-phone {
        font-size: 41px;
    }

    .reliable-warning {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .reliable-warning-symbol {
        width: 85px;
        height: 85px;

        font-size: 33px;
    }

}

/* ===== TAROTISTAS FIABLES END ===== */

/* ===== VIDENTES BARATAS START ===== */


/* HERO BENEFITS */

.cheapseers-benefits {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
    margin-top: 27px;
}

.cheapseers-benefits article {
    padding: 15px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 16px;
    background: rgba(255,255,255,.035);
}

.cheapseers-benefits strong {
    display: block;
    color: #f5d88c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 16px;
}

.cheapseers-benefits span {
    display: block;
    margin-top: 4px;
    color: #cfc3d7;
    font-size: 12px;
}


/* HERO ACTIONS */

.cheapseers-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    margin-top: 18px;
}

.cheapseers-actions article {
    min-width: 0;
    padding: 23px 20px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 20px;
    background:
        linear-gradient(
            145deg,
            rgba(125,61,184,.20),
            rgba(219,171,70,.05)
        ),
        #21152f;
}

.cheapseers-actions article > span {
    display: block;
    color: #f5d88c;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.cheapseers-actions h2 {
    margin: 9px 0 15px;
    color: white;
    font-size: 21px;
    line-height: 1.12;
}

.cheapseers-phone {
    display: block;
    margin: 8px 0 11px;
    white-space: nowrap;
    color: white;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px,2.3vw,39px);
    font-weight: 900;
    letter-spacing: -.04em;
    text-decoration: none;
}

.cheapseers-actions img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0 0 17px;
}

.cheapseers-actions .seo-payment-pills {
    justify-content: flex-start;
}


/* HOW GRID */

.cheapseers-how-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 17px;
    margin-top: 34px;
}

.cheapseers-how-grid article {
    padding: 27px 23px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 20px;
    background: rgba(255,255,255,.035);
}

.cheapseers-how-grid article > span {
    color: #f5d88c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 24px;
}

.cheapseers-how-grid h3 {
    margin: 12px 0 8px;
    color: white;
    font-size: 19px;
}

.cheapseers-how-grid p {
    margin: 0;
    color: #cec2d5;
}


/* DARK DOUBLE */

.cheapseers-dark {
    background:
        radial-gradient(
            circle at 20% 25%,
            rgba(125,61,184,.20),
            transparent 34rem
        ),
        #0b0711;
}

.cheapseers-double {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 22px;
}

.cheapseers-double article {
    padding: 35px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 23px;
    background: rgba(255,255,255,.035);
}

.cheapseers-double h2 {
    margin: 9px 0 12px;
    color: white;
    font-size: clamp(30px,3.5vw,42px);
}

.cheapseers-double p {
    color: #d0c4d7;
}

.cheapseers-double a {
    display: inline-block;
    margin-top: 8px;
    color: #f5d88c;
    font-weight: 900;
    text-decoration: none;
}


/* RELATED */

.cheapseers-related {
    display: grid;
    grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr);
    gap: clamp(40px,6vw,80px);
    align-items: start;
}

.cheapseers-related h2 {
    margin-top: 10px;
    font-size: clamp(35px,4.3vw,50px);
    line-height: 1.04;
}

.cheapseers-related p {
    color: #d0c4d7;
}

.cheapseers-related-links {
    display: grid;
    gap: 13px;
}

.cheapseers-related-links > a {
    display: grid;
    grid-template-columns: 43px minmax(0,1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 22px;
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;
    background: rgba(255,255,255,.035);
    text-decoration: none;
}

.cheapseers-related-links > a > span {
    color: #f5d88c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
}

.cheapseers-related-links strong {
    display: block;
    color: white;
    font-size: 18px;
}

.cheapseers-related-links small {
    display: block;
    margin-top: 4px;
    color: #bfb2c7;
}

.cheapseers-related-links b {
    color: #f5d88c;
    font-size: 23px;
}


/* TABLET */

@media (max-width: 1000px) {

    .cheapseers-how-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .cheapseers-related {
        grid-template-columns: 1fr;
    }

}


/* MOBILE */

@media (max-width: 650px) {

    .cheapseers-benefits,
    .cheapseers-actions,
    .cheapseers-how-grid,
    .cheapseers-double {
        grid-template-columns: 1fr;
    }

    .cheapseers-phone {
        font-size: 41px;
    }

    .cheapseers-double article {
        padding: 27px 21px;
    }

    .cheapseers-related-links > a {
        grid-template-columns: 35px minmax(0,1fr) auto;
        padding: 18px;
    }

}

/* ===== VIDENTES BARATAS END ===== */

/* ===== CONSULTAS DE TAROT START ===== */


/* HERO NAV */

.consultations-hero-links {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    margin-top: 29px;
}

.consultations-hero-links a {
    display: grid;
    grid-template-columns: 36px 1fr;
    gap: 11px;
    align-items: center;

    padding: 14px 16px;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 15px;

    background: rgba(255,255,255,.035);

    text-decoration: none;
}

.consultations-hero-links span {
    color: #f5d88c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
}

.consultations-hero-links strong {
    color: white;
    font-size: 14px;
}


/* TOPIC HUB */

.consultations-topic-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
    margin-top: 36px;
}

.consultations-topic {
    display: grid;
    grid-template-columns: 63px minmax(0,1fr);
    gap: 22px;

    padding: 30px;

    border: 1px solid rgba(65,37,73,.10);
    border-radius: 22px;

    background: #fff;

    box-shadow:
        0 16px 42px rgba(40,21,47,.06);

    text-decoration: none;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.consultations-topic:hover {
    transform: translateY(-3px);

    box-shadow:
        0 22px 52px rgba(40,21,47,.10);
}

.consultations-topic-number {
    display: flex;

    width: 60px;
    height: 60px;

    align-items: center;
    justify-content: center;

    border: 1px solid #e2d2e8;
    border-radius: 50%;

    color: #72408a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
}

.consultations-topic-kicker {
    color: #825096;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.consultations-topic h3 {
    margin: 6px 0 9px;

    color: #2b1732;

    font-size: 26px;
}

.consultations-topic p {
    color: #67596c;
}

.consultations-topic strong {
    display: inline-block;

    margin-top: 8px;

    color: #65357a;

    font-size: 14px;
}


/* DARK AREAS */

.consultations-dark {
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(123,59,181,.20),
            transparent 34rem
        ),
        #0b0711;
}

.consultations-area-grid {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 18px;

    margin-top: 35px;
}

.consultations-area-grid article {
    padding: 27px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 20px;

    background:
        rgba(255,255,255,.035);
}

.consultations-area-grid article > span {
    display: block;

    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 27px;
}

.consultations-area-grid h3 {
    margin: 12px 0 8px;

    color: white;

    font-size: 20px;
}

.consultations-area-grid p {
    margin: 0;

    color: #cdc1d4;
}


/* QUESTION STEPS */

.consultations-question-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);

    align-items: start;
}

.consultations-question-layout > div:first-child h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.4vw,51px);

    line-height: 1.04;
}

.consultations-question-steps {
    display: grid;
    gap: 13px;
}

.consultations-question-steps article {
    display: grid;

    grid-template-columns:
        48px minmax(0,1fr);

    gap: 17px;

    padding: 22px;

    border: 1px solid rgba(55,31,62,.09);
    border-radius: 18px;

    background: white;

    box-shadow:
        0 12px 34px rgba(42,22,48,.05);
}

.consultations-question-steps article > strong {
    color: #78438f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;
}

.consultations-question-steps h3 {
    margin: 0 0 6px;

    color: #2c1833;

    font-size: 19px;
}

.consultations-question-steps p {
    margin: 0;

    color: #695b6d;
}


/* RELATED */

.consultations-related-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 22px;
}

.consultations-related-grid article {
    padding: 35px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 23px;

    background:
        rgba(255,255,255,.035);
}

.consultations-related-grid h2 {
    margin: 8px 0 10px;

    color: white;

    font-size:
        clamp(29px,3.4vw,41px);
}

.consultations-related-grid p {
    color: #cec2d5;
}

.consultations-related-grid a {
    display: inline-block;

    margin-top: 8px;

    color: #f5d88c;

    font-weight: 900;

    text-decoration: none;
}


/* ACCESS */

.consultations-access {
    background:
        radial-gradient(
            circle at center,
            rgba(121,58,180,.16),
            transparent 35rem
        ),
        #0b0711;
}

.consultations-final-copy {
    max-width: 600px;

    margin:
        -5px auto
        28px;

    color: #cbbfd2;

    text-align: center;
}


/* TABLET */

@media (max-width: 900px) {

    .consultations-area-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .consultations-question-layout {
        grid-template-columns: 1fr;
    }

}


/* MOBILE */

@media (max-width: 650px) {

    .consultations-hero-links,
    .consultations-topic-grid,
    .consultations-area-grid,
    .consultations-related-grid {
        grid-template-columns: 1fr;
    }

    .consultations-topic {
        grid-template-columns: 50px minmax(0,1fr);

        gap: 16px;

        padding: 23px 19px;
    }

    .consultations-topic-number {
        width: 48px;
        height: 48px;

        font-size: 17px;
    }

    .consultations-topic h3 {
        font-size: 23px;
    }

    .consultations-question-steps article {
        grid-template-columns: 39px minmax(0,1fr);

        padding: 19px;
    }

}

/* ===== CONSULTAS DE TAROT END ===== */

/* ===== TAROT DEL AMOR START ===== */


/* QUICK LINKS */

.love-quick-links {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 10px;

    margin-top: 27px;
}

.love-quick-links a {
    display: grid;

    grid-template-columns:
        32px minmax(0,1fr);

    gap: 9px;

    align-items: center;

    padding: 14px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 15px;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;
}

.love-quick-links span {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
}

.love-quick-links strong {
    color: white;

    font-size: 13px;
}


/* HERO ACTIONS */

.love-actions {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 16px;

    margin-top: 18px;
}

.love-actions article {
    min-width: 0;

    padding: 23px 20px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.11);

    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(125,61,184,.20),
            rgba(219,171,70,.05)
        ),
        #21152f;
}

.love-actions article > span {
    display: block;

    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.love-actions h2 {
    margin: 9px 0 15px;

    color: white;

    font-size: 21px;

    line-height: 1.12;
}

.love-phone {
    display: block;

    margin: 8px 0 11px;

    white-space: nowrap;

    color: white;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(30px,2.3vw,39px);

    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.love-actions img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0 0 17px;
}

.love-actions .seo-payment-pills {
    justify-content: flex-start;
}


/* QUESTIONS */

.love-question-grid {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 17px;

    margin-top: 34px;
}

.love-question-grid article {
    padding: 27px 24px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 20px;

    background:
        rgba(255,255,255,.035);
}

.love-question-grid article > span {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
}

.love-question-grid h3 {
    margin: 12px 0 8px;

    color: white;

    font-size: 20px;
}

.love-question-grid p {
    margin: 0;

    color: #cec2d5;
}


/* SUBTOPICS */

.love-dark {
    background:
        radial-gradient(
            circle at 20% 15%,
            rgba(125,61,184,.22),
            transparent 35rem
        ),
        #0b0711;
}

.love-subtopics {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 19px;

    margin-top: 35px;
}

.love-subtopics > a {
    display: block;

    padding: 30px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 22px;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;

    transition:
        transform .18s ease,
        background .18s ease;
}

.love-subtopics > a:hover {
    transform: translateY(-3px);

    background:
        rgba(255,255,255,.055);
}

.love-subtopic-icon {
    display: block;

    margin-bottom: 18px;

    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 34px;
}

.love-subtopics h3 {
    margin: 8px 0 9px;

    color: white;

    font-size: 24px;
}

.love-subtopics p {
    color: #cec2d5;
}

.love-subtopics strong {
    display: inline-block;

    margin-top: 8px;

    color: #f5d88c;

    font-size: 14px;
}


/* INTERPRETATION */

.love-interpretation {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap:
        clamp(45px,7vw,90px);

    align-items: start;
}

.love-interpretation h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.5vw,52px);

    line-height: 1.04;
}

.love-interpretation > div:last-child p {
    color: #d0c4d7;
}


/* SERVICE */

.love-service-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;
}

.love-service-grid article {
    display: grid;

    grid-template-columns:
        84px minmax(0,1fr);

    gap: 23px;

    padding: 31px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 22px;

    background: white;

    box-shadow:
        0 16px 42px rgba(40,21,47,.06);
}

.love-service-grid article > span {
    display: flex;

    width: 80px;
    height: 80px;

    align-items: center;
    justify-content: center;

    border:
        1px solid #e1d1e7;

    border-radius: 50%;

    color: #704087;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;
    font-weight: 900;
}

.love-service-grid h2 {
    margin: 0 0 8px;

    color: #2b1732;

    font-size: 27px;
}

.love-service-grid p {
    color: #67596c;
}

.love-service-grid a {
    color: #65357a;

    font-weight: 900;

    text-decoration: none;
}


/* ACCESS */

.love-access {
    background:
        radial-gradient(
            circle at center,
            rgba(121,58,180,.17),
            transparent 35rem
        ),
        #0b0711;
}

.love-final-copy {
    max-width: 600px;

    margin:
        -5px auto
        28px;

    color: #cbbfd2;

    text-align: center;
}


/* TABLET */

@media (max-width: 900px) {

    .love-question-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .love-subtopics {
        grid-template-columns: 1fr;
    }

    .love-interpretation {
        grid-template-columns: 1fr;
    }

}


/* MOBILE */

@media (max-width: 650px) {

    .love-quick-links,
    .love-actions,
    .love-question-grid,
    .love-service-grid {
        grid-template-columns: 1fr;
    }

    .love-phone {
        font-size: 41px;
    }

    .love-service-grid article {
        grid-template-columns:
            60px minmax(0,1fr);

        gap: 17px;

        padding: 23px 19px;
    }

    .love-service-grid article > span {
        width: 58px;
        height: 58px;

        font-size: 19px;
    }

    .love-service-grid h2 {
        font-size: 23px;
    }

}

/* ===== TAROT DEL AMOR END ===== */

/* ===== TAROT PAREJA START ===== */


/* QUICK LINKS */

.couple-quick {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
    margin-top: 27px;
}

.couple-quick a {
    display: grid;
    grid-template-columns: 31px minmax(0,1fr);
    gap: 9px;
    align-items: center;

    padding: 14px;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 15px;

    background: rgba(255,255,255,.035);

    text-decoration: none;
}

.couple-quick span {
    color: #f5d88c;
    font-size: 20px;
}

.couple-quick strong {
    color: white;
    font-size: 13px;
}


/* HERO ACTIONS */

.couple-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    margin-top: 18px;
}

.couple-actions article {
    min-width: 0;
    padding: 23px 20px;
    overflow: hidden;

    border: 1px solid rgba(255,255,255,.11);
    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(125,61,184,.20),
            rgba(219,171,70,.05)
        ),
        #21152f;
}

.couple-actions article > span {
    display: block;
    color: #f5d88c;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.couple-actions h2 {
    margin: 9px 0 15px;
    color: white;
    font-size: 21px;
    line-height: 1.12;
}

.couple-phone {
    display: block;
    margin: 8px 0 11px;

    white-space: nowrap;

    color: white;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px,2.3vw,39px);
    font-weight: 900;

    letter-spacing: -.04em;
    text-decoration: none;
}

.couple-actions img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 0 17px;
}

.couple-actions .seo-payment-pills {
    justify-content: flex-start;
}


/* QUESTIONS */

.couple-question-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 17px;
    margin-top: 34px;
}

.couple-question-grid article {
    padding: 27px 24px;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 20px;

    background: rgba(255,255,255,.035);
}

.couple-question-grid article > span {
    color: #f5d88c;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
}

.couple-question-grid h3 {
    margin: 12px 0 8px;
    color: white;
    font-size: 20px;
}

.couple-question-grid p {
    margin: 0;
    color: #cec2d5;
}


/* SITUATIONS */

.couple-dark {
    background:
        radial-gradient(
            circle at 18% 18%,
            rgba(124,60,181,.21),
            transparent 35rem
        ),
        #0b0711;
}

.couple-situations {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 17px;
    margin-top: 35px;
}

.couple-situations article {
    padding: 27px 23px;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 20px;

    background: rgba(255,255,255,.035);
}

.couple-situations article > span {
    display: block;
    margin-bottom: 15px;

    color: #f5d88c;
    font-size: 27px;
}

.couple-situations h3 {
    margin: 0 0 8px;
    color: white;
    font-size: 20px;
}

.couple-situations p {
    margin: 0;
    color: #cec2d5;
}


/* DIFFERENCE */

.couple-difference {
    display: grid;
    grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr);
    gap: clamp(45px,7vw,90px);
    align-items: start;
}

.couple-difference > div:first-child h2 {
    margin-top: 10px;
    font-size: clamp(37px,4.5vw,52px);
    line-height: 1.04;
}

.couple-difference-cards {
    display: grid;
    gap: 14px;
}

.couple-difference-cards article {
    padding: 26px;

    border: 1px solid rgba(55,31,62,.09);
    border-radius: 19px;

    background: white;

    box-shadow: 0 12px 34px rgba(42,22,48,.05);
}

.couple-difference-cards article > span {
    color: #7c488f;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.couple-difference-cards h3 {
    margin: 8px 0 8px;
    color: #2c1833;
    font-size: 23px;
}

.couple-difference-cards p {
    color: #695b6d;
}

.couple-difference-cards a {
    color: #65357a;
    font-weight: 900;
    text-decoration: none;
}


/* EX BANNER */

.couple-ex-banner {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 50px;
    align-items: center;

    padding: 35px;

    border: 1px solid rgba(55,31,62,.09);
    border-radius: 24px;

    background: #fff;

    box-shadow: 0 18px 46px rgba(38,20,45,.07);
}

.couple-ex-banner h2 {
    margin: 9px 0 10px;
    color: #2b1732;
    font-size: clamp(31px,3.8vw,44px);
    line-height: 1.05;
}

.couple-ex-banner p {
    color: #695b6d;
}

.couple-ex-banner > a {
    display: flex;
    min-width: 190px;
    min-height: 56px;

    align-items: center;
    justify-content: center;
    gap: 15px;

    padding: 0 23px;

    border-radius: 999px;

    color: white;
    background: #4b285d;

    font-weight: 900;
    text-decoration: none;
}

.couple-ex-banner > a span {
    color: #f5d88c;
    font-size: 20px;
}


/* EXPECTATIONS */

.couple-guidance {
    background:
        radial-gradient(
            circle at center,
            rgba(121,58,180,.17),
            transparent 35rem
        ),
        #0b0711;

    text-align: center;
}

.couple-guidance p {
    color: #d0c4d7;
}


/* SERVICE */

.couple-service-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
}

.couple-service-grid article {
    display: grid;
    grid-template-columns: 80px minmax(0,1fr);
    gap: 22px;

    padding: 31px;

    border: 1px solid rgba(55,31,62,.09);
    border-radius: 22px;

    background: white;

    box-shadow: 0 16px 42px rgba(40,21,47,.06);
}

.couple-service-grid article > span {
    display: flex;
    width: 76px;
    height: 76px;

    align-items: center;
    justify-content: center;

    border: 1px solid #e1d1e7;
    border-radius: 50%;

    color: #704087;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 900;
}

.couple-service-grid h2 {
    margin: 0 0 8px;
    color: #2b1732;
    font-size: 26px;
}

.couple-service-grid p {
    color: #67596c;
}

.couple-service-grid a {
    color: #65357a;
    font-weight: 900;
    text-decoration: none;
}


/* ACCESS */

.couple-access {
    background:
        radial-gradient(
            circle at center,
            rgba(121,58,180,.17),
            transparent 35rem
        ),
        #0b0711;
}

.couple-final-copy {
    max-width: 600px;
    margin: -5px auto 28px;
    color: #cbbfd2;
    text-align: center;
}


/* TABLET */

@media (max-width: 950px) {

    .couple-question-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .couple-situations {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .couple-difference {
        grid-template-columns: 1fr;
    }

}


/* MOBILE */

@media (max-width: 650px) {

    .couple-quick,
    .couple-actions,
    .couple-question-grid,
    .couple-situations,
    .couple-service-grid {
        grid-template-columns: 1fr;
    }

    .couple-phone {
        font-size: 41px;
    }

    .couple-ex-banner {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 25px 20px;
    }

    .couple-ex-banner > a {
        width: 100%;
    }

    .couple-service-grid article {
        grid-template-columns: 58px minmax(0,1fr);
        gap: 16px;
        padding: 23px 19px;
    }

    .couple-service-grid article > span {
        width: 56px;
        height: 56px;
        font-size: 18px;
    }

}

/* ===== TAROT PAREJA END ===== */

/* ===== TAROT EX START ===== */


/* QUICK LINKS */

.ex-quick-links {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
    margin-top: 27px;
}

.ex-quick-links a {
    display: grid;
    grid-template-columns: 31px minmax(0,1fr);
    gap: 9px;
    align-items: center;

    padding: 14px;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 15px;

    background: rgba(255,255,255,.035);

    text-decoration: none;
}

.ex-quick-links span {
    color: #f5d88c;
    font-size: 20px;
}

.ex-quick-links strong {
    color: white;
    font-size: 13px;
}


/* HERO ACTIONS */

.ex-actions {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
    margin-top: 18px;
}

.ex-actions article {
    min-width: 0;
    padding: 23px 20px;
    overflow: hidden;

    border: 1px solid rgba(255,255,255,.11);
    border-radius: 20px;

    background:
        linear-gradient(
            145deg,
            rgba(125,61,184,.20),
            rgba(219,171,70,.05)
        ),
        #21152f;
}

.ex-actions article > span {
    display: block;

    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.ex-actions h2 {
    margin: 9px 0 15px;

    color: white;

    font-size: 21px;
    line-height: 1.12;
}

.ex-phone {
    display: block;

    margin: 8px 0 11px;

    white-space: nowrap;

    color: white;

    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px,2.3vw,39px);
    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.ex-actions img {
    display: block;

    width: 100%;
    height: auto;

    margin: 0 0 17px;
}

.ex-actions .seo-payment-pills {
    justify-content: flex-start;
}


/* QUESTIONS */

.ex-question-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 17px;
    margin-top: 34px;
}

.ex-question-grid article {
    padding: 27px 24px;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 20px;

    background: rgba(255,255,255,.035);
}

.ex-question-grid article > span {
    color: #f5d88c;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
}

.ex-question-grid h3 {
    margin: 12px 0 8px;

    color: white;
    font-size: 20px;
}

.ex-question-grid p {
    margin: 0;
    color: #cec2d5;
}


/* DARK SITUATIONS */

.ex-dark {
    background:
        radial-gradient(
            circle at 18% 18%,
            rgba(124,60,181,.21),
            transparent 35rem
        ),
        #0b0711;
}

.ex-situation-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 19px;
    margin-top: 35px;
}

.ex-situation-grid article {
    padding: 30px;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 22px;

    background: rgba(255,255,255,.035);
}

.ex-symbol {
    display: block;

    margin-bottom: 17px;

    color: #f5d88c;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 31px;
}

.ex-situation-grid h3 {
    margin: 0 0 9px;
    color: white;
    font-size: 23px;
}

.ex-situation-grid p {
    margin: 0;
    color: #cec2d5;
}


/* VOLVEREMOS */

.ex-return-layout {
    display: grid;
    grid-template-columns: minmax(0,1.1fr) minmax(330px,.9fr);
    gap: clamp(45px,7vw,85px);
    align-items: center;
}

.ex-return-layout h2 {
    margin-top: 10px;

    color: #2b1732;

    font-size: clamp(39px,4.8vw,55px);
    line-height: 1.03;
}

.ex-return-card {
    padding: 32px;

    border: 1px solid rgba(55,31,62,.09);
    border-radius: 23px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fbf7fc
        );

    box-shadow: 0 18px 48px rgba(38,20,45,.08);
}

.ex-return-card > span {
    color: #78438f;
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .14em;
}

.ex-return-card > strong {
    display: block;

    margin: 13px 0;

    color: #2b1732;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 35px;
    line-height: 1.05;
}

.ex-return-card p {
    color: #695b6d;
}

.ex-return-card a {
    display: inline-block;

    margin-top: 8px;

    color: #65357a;

    font-weight: 900;
    text-decoration: none;
}


/* CLUSTER */

.ex-cluster {
    display: grid;
    grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr);
    gap: clamp(45px,7vw,90px);
}

.ex-cluster h2 {
    margin-top: 10px;

    font-size: clamp(36px,4.4vw,51px);
    line-height: 1.04;
}

.ex-cluster-links {
    display: grid;
    gap: 13px;
}

.ex-cluster-links > a,
.ex-cluster-current {
    display: grid;

    grid-template-columns: 42px minmax(0,1fr) auto;

    gap: 16px;

    align-items: center;

    padding: 22px;

    border: 1px solid rgba(255,255,255,.09);
    border-radius: 18px;

    background: rgba(255,255,255,.035);

    text-decoration: none;
}

.ex-cluster-current {
    border-color: rgba(245,216,140,.24);
    background: rgba(245,216,140,.06);
}

.ex-cluster-links > a > span,
.ex-cluster-current > span {
    color: #f5d88c;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 22px;
}

.ex-cluster-links strong,
.ex-cluster-current strong {
    display: block;
    color: white;
    font-size: 18px;
}

.ex-cluster-links small,
.ex-cluster-current small {
    display: block;
    margin-top: 4px;
    color: #bfb2c7;
}

.ex-cluster-links b,
.ex-cluster-current b {
    color: #f5d88c;
    font-size: 20px;
}


/* GUIDANCE */

.ex-guidance {
    background:
        radial-gradient(
            circle at center,
            rgba(121,58,180,.17),
            transparent 35rem
        ),
        #0b0711;

    text-align: center;
}

.ex-guidance p {
    color: #d0c4d7;
}


/* SERVICE */

.ex-service-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 20px;
}

.ex-service-grid article {
    display: grid;

    grid-template-columns: 80px minmax(0,1fr);

    gap: 22px;

    padding: 31px;

    border: 1px solid rgba(55,31,62,.09);
    border-radius: 22px;

    background: white;

    box-shadow: 0 16px 42px rgba(40,21,47,.06);
}

.ex-service-grid article > span {
    display: flex;

    width: 76px;
    height: 76px;

    align-items: center;
    justify-content: center;

    border: 1px solid #e1d1e7;
    border-radius: 50%;

    color: #704087;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 23px;
    font-weight: 900;
}

.ex-service-grid h2 {
    margin: 0 0 8px;

    color: #2b1732;

    font-size: 26px;
}

.ex-service-grid p {
    color: #67596c;
}

.ex-service-grid a {
    color: #65357a;
    font-weight: 900;
    text-decoration: none;
}


/* ACCESS */

.ex-access {
    background:
        radial-gradient(
            circle at center,
            rgba(121,58,180,.17),
            transparent 35rem
        ),
        #0b0711;
}

.ex-final-copy {
    max-width: 600px;

    margin: -5px auto 28px;

    color: #cbbfd2;

    text-align: center;
}


/* TABLET */

@media (max-width: 950px) {

    .ex-question-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }

    .ex-return-layout,
    .ex-cluster {
        grid-template-columns: 1fr;
    }

}


/* MOBILE */

@media (max-width: 650px) {

    .ex-quick-links,
    .ex-actions,
    .ex-question-grid,
    .ex-situation-grid,
    .ex-service-grid {
        grid-template-columns: 1fr;
    }

    .ex-phone {
        font-size: 41px;
    }

    .ex-return-card {
        padding: 25px 20px;
    }

    .ex-return-card > strong {
        font-size: 30px;
    }

    .ex-cluster-links > a,
    .ex-cluster-current {
        grid-template-columns: 34px minmax(0,1fr) auto;
        padding: 18px;
    }

    .ex-service-grid article {
        grid-template-columns: 58px minmax(0,1fr);
        gap: 16px;
        padding: 23px 19px;
    }

    .ex-service-grid article > span {
        width: 56px;
        height: 56px;
        font-size: 18px;
    }

}

/* ===== TAROT EX END ===== */

/* ===== TAROT SI O NO START ===== */


/* ==========================================================
   HERO
========================================================== */

.yesno-hero {
    padding:
        clamp(75px,9vw,125px)
        0
        clamp(70px,8vw,105px);

    background:
        radial-gradient(
            circle at 17% 18%,
            rgba(129,63,184,.24),
            transparent 31rem
        ),
        radial-gradient(
            circle at 82% 72%,
            rgba(192,146,58,.08),
            transparent 28rem
        ),
        #0b0711;
}

.yesno-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(380px,.95fr);

    gap: clamp(45px,6vw,80px);

    align-items: center;
}

.yesno-hero h1 {
    max-width: 760px;

    margin:
        13px 0
        22px;

    color: white;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(48px,6.2vw,78px);

    line-height: .98;

    letter-spacing: -.035em;
}

.yesno-hero-lead {
    max-width: 720px;

    color: #d6cadc;

    font-size: 18px;
    line-height: 1.72;
}

.yesno-hero-points {
    display: flex;
    flex-wrap: wrap;

    gap: 10px;

    margin-top: 28px;
}

.yesno-hero-points span {
    display: inline-flex;

    gap: 9px;

    align-items: center;

    padding:
        9px 13px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 999px;

    color: #d8cddd;

    background:
        rgba(255,255,255,.035);

    font-size: 12px;
    font-weight: 700;
}

.yesno-hero-points b {
    color: #f5d88c;
}


/* FOTO */

.yesno-hero-photo {
    position: relative;

    min-height: 610px;

    margin: 0;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 28px;

    background: #17101e;

    box-shadow:
        0 28px 70px rgba(0,0,0,.28);
}

.yesno-hero-photo img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.yesno-hero-photo::after {
    content: "";

    position: absolute;

    inset: 42% 0 0;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(8,4,12,.90)
        );
}

.yesno-hero-photo figcaption {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 28px;

    z-index: 2;
}

.yesno-hero-photo strong {
    display: block;

    color: white;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;
}

.yesno-hero-photo span {
    display: block;

    margin-top: 6px;

    color: #f5d88c;

    font-weight: 800;
}


/* ==========================================================
   TIRADA
========================================================== */

.yesno-reading-section {
    padding:
        clamp(75px,9vw,120px)
        0;

    background:
        radial-gradient(
            circle at 75% 45%,
            rgba(132,62,188,.22),
            transparent 30rem
        ),
        #130b1b;
}

.yesno-reading-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.9fr)
        minmax(360px,1.1fr);

    gap: clamp(45px,7vw,100px);

    align-items: center;

    max-width: 1120px;

    margin: 0 auto;
}

.yesno-reading-intro h2 {
    margin:
        10px 0
        17px;

    color: white;

    font-size:
        clamp(40px,5vw,60px);

    line-height: 1;
}

.yesno-reading-intro > p {
    color: #d0c4d7;
}


/* PREGUNTA */

.yesno-question-label {
    display: block;

    margin:
        27px 0
        9px;

    color: #f5d88c;

    font-size: 11px;
    font-weight: 900;

    letter-spacing: .08em;

    text-transform: uppercase;
}

.yesno-question {
    display: block;

    width: 100%;

    min-height: 116px;

    resize: vertical;

    padding: 17px 18px;

    border:
        1px solid rgba(255,255,255,.14);

    border-radius: 17px;

    outline: 0;

    color: white;

    background:
        rgba(255,255,255,.055);

    font: inherit;

    line-height: 1.5;
}

.yesno-question::placeholder {
    color: #968a9c;
}

.yesno-question:focus {
    border-color:
        rgba(245,216,140,.52);

    box-shadow:
        0 0 0 3px rgba(245,216,140,.06);
}

.yesno-question-meta {
    display: flex;

    justify-content: space-between;

    gap: 15px;

    margin-top: 8px;

    color: #978a9d;

    font-size: 11px;
}


/* LECTURA DERECHA */

.yesno-reading {
    text-align: center;
}

.yesno-card {
    width: min(100%, 345px);
    height: 520px;

    margin:
        0 auto
        27px;

    perspective: 1200px;
}

.yesno-card-inner {
    position: relative;

    width: 100%;
    height: 100%;

    transform-style: preserve-3d;

    transition:
        transform .8s cubic-bezier(.2,.7,.2,1);
}

.yesno-card.is-revealed .yesno-card-inner {
    transform: rotateY(180deg);
}

.yesno-card-back,
.yesno-card-result {
    position: absolute;

    inset: 0;

    display: flex;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    padding: 35px;

    border:
        1px solid rgba(245,216,140,.34);

    border-radius: 25px;

    backface-visibility: hidden;

    overflow: hidden;
}


/* REVERSO */

.yesno-card-back {
    color: white;

    background:
        radial-gradient(
            circle at center,
            rgba(135,66,191,.35),
            transparent 48%
        ),
        repeating-linear-gradient(
            45deg,
            rgba(255,255,255,.018) 0,
            rgba(255,255,255,.018) 2px,
            transparent 2px,
            transparent 8px
        ),
        #21142d;

    box-shadow:
        0 25px 60px rgba(0,0,0,.28);
}

.yesno-card-back::before,
.yesno-card-back::after {
    content: "";

    position: absolute;

    border:
        1px solid rgba(245,216,140,.18);

    border-radius: 18px;
}

.yesno-card-back::before {
    inset: 14px;
}

.yesno-card-back::after {
    inset: 25px;
}

.yesno-card-star {
    margin-bottom: 25px;

    color: #f5d88c;

    font-size: 76px;

    line-height: 1;
}

.yesno-card-back strong {
    position: relative;

    z-index: 2;

    color: white;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 40px;

    letter-spacing: .09em;
}

.yesno-card-back small {
    position: relative;

    z-index: 2;

    margin-top: 7px;

    color: #f5d88c;

    font-weight: 900;

    letter-spacing: .22em;
}


/* RESULTADO */

.yesno-card-result {
    transform: rotateY(180deg);

    background:
        radial-gradient(
            circle at 50% 28%,
            rgba(125,61,184,.24),
            transparent 42%
        ),
        #fdf9ff;

    box-shadow:
        0 25px 60px rgba(0,0,0,.22);
}

.yesno-card-result::before {
    content: "✦";

    margin-bottom: 20px;

    color: #8a599e;

    font-size: 44px;
}

.yesno-answer {
    display: block;

    max-width: 100%;

    color: #6c397d;

    font-size: 14px;
    font-weight: 950;

    letter-spacing: .13em;

    text-transform: uppercase;
}

.yesno-arcana {
    display: block;

    margin:
        13px 0
        20px;

    color: #25122d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 40px;
    font-weight: 900;

    line-height: 1;
}

.yesno-meaning {
    margin: 0;

    color: #655869;

    font-size: 15px;
    line-height: 1.65;
}


/* RESPUESTAS */

.yesno-card.is-yes .yesno-answer {
    color: #54743c;
}

.yesno-card.is-no .yesno-answer {
    color: #9b3e4c;
}

.yesno-card.is-maybe .yesno-answer {
    color: #806437;
}


/* BOTÓN */

.yesno-draw-button {
    min-width: 270px;
    min-height: 54px;

    padding:
        0 25px;

    border: 0;

    border-radius: 999px;

    cursor: pointer;

    color: #201129;

    background:
        linear-gradient(
            135deg,
            #f2d482,
            #d7ac4d
        );

    font: inherit;

    font-weight: 950;

    box-shadow:
        0 14px 35px rgba(211,168,72,.18);

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}

.yesno-draw-button:hover {
    transform: translateY(-2px);

    box-shadow:
        0 18px 42px rgba(211,168,72,.25);
}

.yesno-draw-button:disabled {
    cursor: wait;

    opacity: .7;

    transform: none;
}

.yesno-status {
    max-width: 440px;

    margin:
        14px auto 0;

    color: #a99bae;

    font-size: 12px;
}


/* ==========================================================
   TIPS
========================================================== */

.yesno-dark {
    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(123,59,181,.20),
            transparent 34rem
        ),
        #0b0711;
}

.yesno-tips {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 17px;

    margin-top: 35px;
}

.yesno-tips article {
    padding: 28px 23px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 20px;

    background:
        rgba(255,255,255,.035);
}

.yesno-tips article > span {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
}

.yesno-tips h3 {
    margin:
        12px 0
        8px;

    color: white;

    font-size: 20px;
}

.yesno-tips p {
    margin: 0;

    color: #cec2d5;
}


/* ==========================================================
   EJEMPLOS
========================================================== */

.yesno-examples-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.85fr)
        minmax(0,1.15fr);

    gap: clamp(45px,7vw,90px);

    align-items: start;
}

.yesno-examples-layout h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.5vw,52px);

    line-height: 1.04;
}

.yesno-example-list {
    display: grid;

    gap: 13px;
}

.yesno-example-list article {
    display: grid;

    grid-template-columns:
        52px minmax(0,1fr);

    gap: 17px;

    align-items: center;

    padding: 20px 22px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 18px;

    background: white;

    box-shadow:
        0 12px 34px rgba(42,22,48,.05);
}

.yesno-example-list span {
    color: #74418a;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 25px;
}

.yesno-example-list p {
    margin: 0;

    color: #493c4d;

    font-weight: 750;
}


/* ==========================================================
   AMOR
========================================================== */

.yesno-love-grid {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.yesno-love-grid h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.4vw,51px);

    line-height: 1.04;
}

.yesno-love-grid p {
    color: #d0c4d7;
}

.yesno-love-links {
    display: grid;

    gap: 13px;
}

.yesno-love-links a {
    display: grid;

    grid-template-columns:
        42px minmax(0,1fr) auto;

    gap: 16px;

    align-items: center;

    padding: 22px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 18px;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;
}

.yesno-love-links > a > span {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;
}

.yesno-love-links strong {
    display: block;

    color: white;

    font-size: 18px;
}

.yesno-love-links small {
    display: block;

    margin-top: 4px;

    color: #bfb2c7;
}

.yesno-love-links b {
    color: #f5d88c;

    font-size: 20px;
}


/* ==========================================================
   GUIDANCE
========================================================== */

.yesno-guidance {
    background:
        radial-gradient(
            circle at center,
            rgba(121,58,180,.17),
            transparent 35rem
        ),
        #0b0711;

    text-align: center;
}

.yesno-guidance p {
    color: #d0c4d7;
}


/* ==========================================================
   CONSULTA HUMANA
========================================================== */

.yesno-human {
    display: grid;

    grid-template-columns:
        minmax(0,.72fr)
        minmax(0,1.28fr);

    gap: clamp(45px,7vw,90px);

    align-items: center;
}

.yesno-human > div:first-child h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.4vw,51px);

    line-height: 1.04;
}

.yesno-human-options {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 16px;
}

.yesno-human-options article {
    min-width: 0;

    padding: 26px 22px;

    overflow: hidden;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 21px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fbf7fc
        );

    box-shadow:
        0 16px 42px rgba(40,21,47,.07);
}

.yesno-human-options h3 {
    margin:
        9px 0
        10px;

    color: #2b1732;

    font-size: 23px;
}

.yesno-human-options p {
    color: #68596d;
}

.yesno-human-phone {
    display: block;

    margin:
        9px 0
        12px;

    white-space: nowrap;

    color: #2b1732;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(33px,3vw,43px);

    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.yesno-human-options img {
    display: block;

    width: 100%;
    height: auto;

    margin-bottom: 18px;
}

.yesno-human-options .seo-payment-pills {
    justify-content: flex-start;
}


/* ==========================================================
   MÁS TAROT
========================================================== */

.yesno-more {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 18px;
}

.yesno-more > a {
    padding: 29px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 21px;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;
}

.yesno-more > a > span {
    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.yesno-more h3 {
    margin:
        9px 0
        8px;

    color: white;

    font-size: 23px;
}

.yesno-more p {
    color: #cec2d5;
}

.yesno-more strong {
    display: inline-block;

    margin-top: 7px;

    color: #f5d88c;

    font-size: 14px;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 950px) {

    .yesno-hero-grid {
        grid-template-columns: 1fr;
    }

    .yesno-hero-photo {
        max-width: 680px;
        min-height: 520px;
    }

    .yesno-reading-layout,
    .yesno-examples-layout,
    .yesno-love-grid,
    .yesno-human {
        grid-template-columns: 1fr;
    }

    .yesno-tips {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 650px) {

    .yesno-hero {
        padding-top: 55px;
    }

    .yesno-hero h1 {
        font-size: 47px;
    }

    .yesno-hero-photo {
        min-height: 430px;

        border-radius: 22px;
    }

    .yesno-reading-section {
        padding-top: 70px;
    }

    .yesno-card {
        width: min(100%, 310px);
        height: 470px;
    }

    .yesno-arcana {
        font-size: 34px;
    }

    .yesno-draw-button {
        width: 100%;
        min-width: 0;
    }

    .yesno-question-meta {
        display: block;
    }

    .yesno-question-meta span:last-child {
        display: block;

        margin-top: 4px;
    }

    .yesno-tips,
    .yesno-human-options,
    .yesno-more {
        grid-template-columns: 1fr;
    }

    .yesno-love-links a {
        grid-template-columns:
            34px minmax(0,1fr) auto;

        padding: 18px;
    }

    .yesno-human-phone {
        font-size: 38px;
    }

}

/* ===== TAROT SI O NO END ===== */

/* ===== TAROT SI O NO PHONE CTA FIX START ===== */


/* ==========================================================
   SECCIÓN: AMPLIAR CONSULTA
========================================================== */

.yesno-human {
    display: block !important;

    max-width: 1120px;

    margin: 0 auto;
}


/* Cabecera de la sección */

.yesno-human > div:first-child {
    max-width: 820px;

    margin: 0 auto 38px;

    text-align: center;
}

.yesno-human > div:first-child h2 {
    max-width: 760px !important;

    margin:
        10px auto
        18px !important;

    color: #2b1732;

    font-size:
        clamp(38px,4.4vw,55px) !important;

    line-height: 1.04 !important;

    letter-spacing: -.025em;
}

.yesno-human > div:first-child p {
    max-width: 720px;

    margin-left: auto;
    margin-right: auto;

    color: #68596d;

    font-size: 16px;
    line-height: 1.75;
}


/* ==========================================================
   TARJETAS
========================================================== */

.yesno-human-options {
    display: grid !important;

    grid-template-columns:
        repeat(2,minmax(0,1fr)) !important;

    gap: 22px !important;

    max-width: 960px;

    margin: 0 auto;
}


/* Base común */

.yesno-human-options article {
    position: relative;

    display: flex;

    min-width: 0;
    min-height: 300px;

    flex-direction: column;

    justify-content: flex-start;

    padding: 31px 30px 29px !important;

    overflow: hidden;

    border-radius: 24px !important;
}


/* ==========================================================
   TARJETA 806
========================================================== */

.yesno-human-options article:first-child {
    border:
        1px solid rgba(255,255,255,.11) !important;

    background:
        radial-gradient(
            circle at 85% 15%,
            rgba(151,76,196,.24),
            transparent 18rem
        ),
        linear-gradient(
            145deg,
            #352043,
            #1d1227
        ) !important;

    box-shadow:
        0 20px 48px rgba(49,27,58,.16) !important;
}


/* Etiqueta */

.yesno-human-options article:first-child .seo-card-kicker {
    color: #f3cf70 !important;
}


/* Número */

.yesno-human-options article:first-child .yesno-human-phone {
    margin:
        17px 0
        12px !important;

    color: #fff !important;

    font-size:
        clamp(42px,4vw,54px) !important;

    line-height: 1 !important;

    letter-spacing: -.04em;
}


/* Tarifa legal: visible sobre fondo oscuro */

.yesno-human-options article:first-child img {
    display: block;

    width: 100% !important;
    max-width: 470px !important;
    height: auto !important;

    margin:
        0 0
        25px !important;
}


/* Botón abajo */

.yesno-human-options article:first-child .seo-cta {
    align-self: flex-start;

    margin-top: auto;
}


/* ==========================================================
   TARJETA PREPAGO
========================================================== */

.yesno-human-options article:nth-child(2) {
    border:
        1px solid rgba(68,39,76,.10) !important;

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #faf6fb
        ) !important;

    box-shadow:
        0 20px 48px rgba(49,27,58,.08) !important;
}

.yesno-human-options article:nth-child(2) .seo-card-kicker {
    color: #845398 !important;
}

.yesno-human-options article:nth-child(2) h3 {
    max-width: 360px;

    margin:
        15px 0
        12px !important;

    color: #2b1732 !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(27px,2.8vw,34px) !important;

    line-height: 1.05 !important;
}

.yesno-human-options article:nth-child(2) p {
    max-width: 430px;

    margin:
        0 0
        17px;

    color: #68596d !important;

    line-height: 1.65;
}


/* Pills ahora sí legibles */

.yesno-human-options article:nth-child(2) .seo-payment-pills {
    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start !important;

    gap: 8px;

    margin:
        0 0
        23px !important;
}

.yesno-human-options article:nth-child(2) .seo-payment-pills span {
    padding:
        7px 12px;

    border:
        1px solid #dfd0e5;

    border-radius: 999px;

    color: #69367c !important;

    background: #f7f0f9 !important;

    font-size: 10px;

    font-weight: 900;
}


/* Botón abajo para igualar ambas tarjetas */

.yesno-human-options article:nth-child(2) .seo-cta {
    align-self: flex-start;

    margin-top: auto;
}


/* ==========================================================
   DETALLE VISUAL
========================================================== */

.yesno-human-options article::before {
    content: "";

    position: absolute;

    top: 0;
    left: 30px;

    width: 48px;
    height: 3px;

    border-radius: 0 0 4px 4px;

    background: #e2b94f;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 900px) {

    .yesno-human > div:first-child {
        margin-bottom: 30px;
    }

    .yesno-human-options {
        max-width: 760px;
    }

}


/* ==========================================================
   MÓVIL
========================================================== */

@media (max-width: 650px) {

    .yesno-human > div:first-child {
        text-align: left;
    }

    .yesno-human > div:first-child h2,
    .yesno-human > div:first-child p {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .yesno-human-options {
        grid-template-columns: 1fr !important;
    }

    .yesno-human-options article {
        min-height: 0;

        padding:
            27px 21px !important;
    }

    .yesno-human-options article:first-child .yesno-human-phone {
        font-size: 42px !important;
    }

    .yesno-human-options article:first-child img {
        width: 85% !important;
        max-width: 350px !important;
    }

    .yesno-human-options .seo-cta {
        width: 100%;

        justify-content: center;
    }

}

/* ===== TAROT SI O NO PHONE CTA FIX END ===== */

/* ===== TAROT SI O NO CARD FIX V18 START ===== */


/* ==========================================================
   CARTA INTERACTIVA: ELIMINAMOS EL FLIP 3D PROBLEMÁTICO
========================================================== */

.yesno-card {
    position: relative !important;

    width: min(100%, 360px) !important;
    height: 520px !important;

    margin:
        0 auto
        28px !important;

    perspective: none !important;
}


/* El contenedor deja de girar */

.yesno-card-inner {
    position: relative !important;

    width: 100% !important;
    height: 100% !important;

    transform: none !important;

    transform-style: flat !important;

    transition: none !important;
}

.yesno-card.is-revealed .yesno-card-inner {
    transform: none !important;
}


/* Las dos caras ocupan exactamente el mismo espacio */

.yesno-card-back,
.yesno-card-result {
    position: absolute !important;

    inset: 0 !important;

    display: flex !important;

    width: 100% !important;
    height: 100% !important;

    flex-direction: column !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 38px 34px !important;

    overflow: hidden !important;

    border-radius: 26px !important;

    transform: none !important;

    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;

    transition:
        opacity .35s ease,
        visibility .35s ease,
        transform .35s ease !important;
}


/* ==========================================================
   REVERSO
========================================================== */

.yesno-card-back {
    z-index: 2 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform:
        translateY(0)
        scale(1) !important;

    color: #fff !important;

    background:
        radial-gradient(
            circle at center,
            rgba(136,65,192,.38),
            transparent 48%
        ),
        repeating-linear-gradient(
            45deg,
            rgba(255,255,255,.018) 0,
            rgba(255,255,255,.018) 2px,
            transparent 2px,
            transparent 8px
        ),
        #21142d !important;

    box-shadow:
        0 25px 60px rgba(0,0,0,.28) !important;
}


/* Al revelar, el reverso DESAPARECE de verdad */

.yesno-card.is-revealed .yesno-card-back {
    z-index: 1 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translateY(-10px)
        scale(.97) !important;
}


/* ==========================================================
   RESULTADO
========================================================== */

.yesno-card-result {
    z-index: 1 !important;

    opacity: 0 !important;
    visibility: hidden !important;

    pointer-events: none !important;

    transform:
        translateY(12px)
        scale(.97) !important;

    text-align: center !important;

    background:
        radial-gradient(
            circle at 50% 18%,
            rgba(150,91,184,.15),
            transparent 40%
        ),
        linear-gradient(
            180deg,
            #fffafd 0%,
            #fbf6fd 100%
        ) !important;

    border:
        1px solid rgba(92,55,108,.14) !important;

    box-shadow:
        0 25px 60px rgba(0,0,0,.20) !important;
}


/* Resultado visible */

.yesno-card.is-revealed .yesno-card-result {
    z-index: 3 !important;

    opacity: 1 !important;
    visibility: visible !important;

    pointer-events: auto !important;

    transform:
        translateY(0)
        scale(1) !important;
}


/* ==========================================================
   DECORACIÓN DEL RESULTADO
========================================================== */

.yesno-card-result::before {
    content: "✦" !important;

    display: block !important;

    margin:
        0 0
        18px !important;

    color: #9a65ae !important;

    font-size: 43px !important;

    line-height: 1 !important;
}


/* Respuesta SÍ / NO / NO CLARO */

.yesno-answer {
    display: inline-flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 30px !important;

    margin:
        0 0
        17px !important;

    padding:
        6px 13px !important;

    border-radius: 999px !important;

    color: #654070 !important;
    background: #f1e7f4 !important;

    font-size: 11px !important;
    font-weight: 950 !important;

    letter-spacing: .11em !important;

    line-height: 1 !important;

    text-transform: uppercase !important;
}


/* Arcano */

.yesno-arcana {
    display: block !important;

    width: 100% !important;
    max-width: 285px !important;

    margin:
        0 auto
        20px !important;

    color: #27132f !important;

    font-family:
        Georgia,
        "Times New Roman",
        serif !important;

    font-size:
        clamp(34px,3vw,43px) !important;

    font-weight: 900 !important;

    line-height: 1.02 !important;

    letter-spacing: -.03em !important;

    text-align: center !important;

    overflow-wrap: normal !important;
    word-break: normal !important;
}


/* Separador elegante */

.yesno-arcana::after {
    content: "" !important;

    display: block !important;

    width: 44px !important;
    height: 1px !important;

    margin:
        19px auto
        0 !important;

    background:
        #d9c3df !important;
}


/* Texto interpretativo */

.yesno-meaning {
    max-width: 275px !important;

    margin: 0 auto !important;

    color: #625666 !important;

    font-size: 15px !important;
    line-height: 1.7 !important;

    text-align: center !important;
}


/* ==========================================================
   COLORES DE RESULTADO
========================================================== */

.yesno-card.is-yes .yesno-answer {
    color: #416432 !important;

    background: #eaf3e4 !important;
}

.yesno-card.is-no .yesno-answer {
    color: #8f3443 !important;

    background: #f8e7ea !important;
}

.yesno-card.is-maybe .yesno-answer {
    color: #785e30 !important;

    background: #f7f0dd !important;
}


/* ==========================================================
   BOTÓN
========================================================== */

.yesno-draw-button {
    min-width: 290px !important;
    min-height: 55px !important;

    padding:
        0 28px !important;

    border-radius: 999px !important;

    font-size: 14px !important;
}


/* ==========================================================
   ESTADO BAJO EL BOTÓN
========================================================== */

.yesno-status {
    max-width: 470px !important;

    margin:
        15px auto
        0 !important;

    color: #a99bae !important;

    font-size: 12px !important;
    line-height: 1.5 !important;
}


/* ==========================================================
   MÓVIL
========================================================== */

@media (max-width: 650px) {

    .yesno-card {
        width: min(100%, 315px) !important;
        height: 470px !important;
    }

    .yesno-card-back,
    .yesno-card-result {
        padding:
            31px 25px !important;
    }

    .yesno-arcana {
        font-size: 34px !important;
    }

    .yesno-meaning {
        font-size: 14px !important;
    }

    .yesno-draw-button {
        width: 100% !important;
        min-width: 0 !important;
    }

}

/* ===== TAROT SI O NO CARD FIX V18 END ===== */

/* ===== TIPOS DE TAROT START ===== */


/* ==========================================================
   HERO
========================================================== */

.tarottypes-hero {
    padding:
        clamp(75px,9vw,125px)
        0
        clamp(70px,8vw,105px);

    background:
        radial-gradient(
            circle at 15% 18%,
            rgba(128,61,181,.23),
            transparent 31rem
        ),
        #0b0711;
}

.tarottypes-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(390px,.95fr);

    gap: clamp(45px,6vw,80px);

    align-items: center;
}

.tarottypes-hero h1 {
    max-width: 760px;

    margin:
        13px 0
        22px;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(49px,6vw,76px);

    line-height: .99;

    letter-spacing: -.035em;
}

.tarottypes-hero-lead {
    max-width: 730px;

    color: #d3c7da;

    font-size: 17px;
    line-height: 1.72;
}


/* HERO LINKS */

.tarottypes-hero-links {
    display: grid;

    gap: 10px;

    max-width: 650px;

    margin-top: 28px;
}

.tarottypes-hero-links a {
    display: grid;

    grid-template-columns:
        38px minmax(0,1fr) auto;

    gap: 15px;

    align-items: center;

    padding: 16px 18px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 16px;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;
}

.tarottypes-hero-links > a > span {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;
}

.tarottypes-hero-links strong {
    display: block;

    color: #fff;

    font-size: 15px;
}

.tarottypes-hero-links small {
    display: block;

    margin-top: 3px;

    color: #a99bae;
}

.tarottypes-hero-links b {
    color: #f5d88c;

    font-size: 20px;
}


/* HERO PHOTO */

.tarottypes-hero-photo {
    position: relative;

    min-height: 610px;

    margin: 0;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 28px;

    background: #17101e;

    box-shadow:
        0 28px 70px rgba(0,0,0,.28);
}

.tarottypes-hero-photo img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.tarottypes-hero-photo::after {
    content: "";

    position: absolute;

    inset: 43% 0 0;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(8,4,12,.91)
        );
}

.tarottypes-hero-photo figcaption {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 28px;

    z-index: 2;
}

.tarottypes-hero-photo strong {
    display: block;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 29px;
}

.tarottypes-hero-photo span {
    display: block;

    margin-top: 7px;

    color: #f5d88c;

    font-weight: 800;
}


/* ==========================================================
   DIFERENCIAS
========================================================== */

.tarottypes-differences {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 17px;

    margin-top: 35px;
}

.tarottypes-differences article {
    padding: 27px 23px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 20px;

    background: #fff;

    box-shadow:
        0 13px 36px rgba(42,22,48,.05);
}

.tarottypes-differences article > span {
    color: #78438f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
}

.tarottypes-differences h3 {
    margin:
        12px 0
        8px;

    color: #2c1833;

    font-size: 20px;
}

.tarottypes-differences p {
    margin: 0;

    color: #695b6d;
}


/* ==========================================================
   DESTACADOS
========================================================== */

.tarottypes-dark {
    background:
        radial-gradient(
            circle at 17% 18%,
            rgba(126,61,184,.21),
            transparent 35rem
        ),
        #0b0711;
}

.tarottypes-featured {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 22px;

    margin-top: 37px;
}

.tarottypes-feature-card {
    position: relative;

    padding: 35px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 24px;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;

    transition:
        transform .18s ease,
        background .18s ease;
}

.tarottypes-feature-card:hover {
    transform: translateY(-3px);

    background:
        rgba(255,255,255,.055);
}

.tarottypes-feature-number {
    position: absolute;

    top: 28px;
    right: 30px;

    color:
        rgba(245,216,140,.22);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 55px;
    font-weight: 900;
}

.tarottypes-feature-card h3 {
    margin:
        10px 0
        11px;

    max-width: 75%;

    color: #fff;

    font-size:
        clamp(30px,3.5vw,43px);

    line-height: 1.05;
}

.tarottypes-feature-card p {
    max-width: 550px;

    color: #cec2d5;
}

.tarottypes-feature-card ul {
    display: grid;

    gap: 7px;

    margin:
        22px 0
        24px;

    padding: 0;

    list-style: none;
}

.tarottypes-feature-card li {
    position: relative;

    padding-left: 20px;

    color: #d7ccd9;
}

.tarottypes-feature-card li::before {
    content: "✦";

    position: absolute;

    left: 0;

    color: #f5d88c;

    font-size: 10px;
}

.tarottypes-feature-card > strong {
    color: #f5d88c;

    font-size: 14px;
}


/* ==========================================================
   TABLA
========================================================== */

.tarottypes-table {
    max-width: 1000px;

    margin:
        36px auto
        0;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 22px;
}

.tarottypes-table-head,
.tarottypes-table-row {
    display: grid;

    grid-template-columns:
        1.05fr
        1fr
        1fr;
}

.tarottypes-table-head {
    background:
        rgba(255,255,255,.075);
}

.tarottypes-table-head div,
.tarottypes-table-row div {
    padding: 18px 21px;

    border-right:
        1px solid rgba(255,255,255,.07);

    border-bottom:
        1px solid rgba(255,255,255,.07);
}

.tarottypes-table-head div:last-child,
.tarottypes-table-row div:last-child {
    border-right: 0;
}

.tarottypes-table-row:last-child div {
    border-bottom: 0;
}

.tarottypes-table-head div {
    color: #f5d88c;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .09em;

    text-transform: uppercase;
}

.tarottypes-table-row div {
    color: #cec2d5;
}

.tarottypes-table-row div:first-child {
    color: #fff;

    font-weight: 800;
}


/* ==========================================================
   ELECCIÓN
========================================================== */

.tarottypes-choice {
    display: grid;

    grid-template-columns:
        minmax(0,.78fr)
        minmax(0,1.22fr);

    gap: clamp(45px,7vw,90px);
}

.tarottypes-choice > div:first-child h2 {
    margin-top: 10px;

    font-size:
        clamp(38px,4.5vw,52px);

    line-height: 1.04;
}

.tarottypes-choice-cards {
    display: grid;

    gap: 14px;
}

.tarottypes-choice-cards article {
    padding: 26px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 19px;

    background: #fff;

    box-shadow:
        0 12px 34px rgba(42,22,48,.05);
}

.tarottypes-choice-cards article > span {
    color: #7c488f;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.tarottypes-choice-cards h3 {
    margin:
        8px 0
        8px;

    color: #2c1833;

    font-size: 23px;
}

.tarottypes-choice-cards p {
    margin-bottom: 0;

    color: #695b6d;
}


/* ==========================================================
   TIPO VS TIRADA
========================================================== */

.tarottypes-method {
    background:
        radial-gradient(
            circle at 20% 25%,
            rgba(121,58,180,.18),
            transparent 35rem
        ),
        #0b0711;
}

.tarottypes-method-grid {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.tarottypes-method-grid h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.5vw,52px);

    line-height: 1.04;
}

.tarottypes-method-grid p {
    color: #cec2d5;
}

.tarottypes-method-links {
    display: grid;

    gap: 13px;
}

.tarottypes-method-links a {
    display: grid;

    grid-template-columns:
        42px minmax(0,1fr) auto;

    gap: 16px;

    align-items: center;

    padding: 22px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 18px;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;
}

.tarottypes-method-links > a > span {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;
}

.tarottypes-method-links strong {
    display: block;

    color: #fff;

    font-size: 18px;
}

.tarottypes-method-links small {
    display: block;

    margin-top: 4px;

    color: #bfb2c7;
}

.tarottypes-method-links b {
    color: #f5d88c;
}


/* ==========================================================
   CONSULTAS
========================================================== */

.tarottypes-consultations {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.tarottypes-consultations h2 {
    margin-top: 10px;

    font-size:
        clamp(36px,4.4vw,51px);

    line-height: 1.04;
}

.tarottypes-consultations p {
    color: #d0c4d7;
}

.tarottypes-consultation-links {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 12px;
}

.tarottypes-consultation-links a {
    display: flex;

    min-height: 80px;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 19px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 17px;

    color: #fff;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;
}

.tarottypes-consultation-links span {
    color: #f5d88c;
}


/* ==========================================================
   FINAL CTA
========================================================== */

.tarottypes-final-grid {
    display: grid;

    grid-template-columns:
        minmax(0,.65fr)
        minmax(0,1.35fr);

    gap: clamp(45px,6vw,80px);

    align-items: center;
}

.tarottypes-final-grid > div:first-child h2 {
    margin:
        10px 0
        13px;

    color: #fff;

    font-size:
        clamp(37px,4.3vw,51px);

    line-height: 1.04;
}

.tarottypes-final-grid > div:first-child p {
    color: #cec2d5;
}

.tarottypes-final-actions {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 17px;
}

.tarottypes-final-actions article {
    display: flex;

    min-width: 0;
    min-height: 290px;

    flex-direction: column;

    padding: 26px 23px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 21px;

    background:
        rgba(255,255,255,.04);
}

.tarottypes-final-actions article > span {
    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.tarottypes-final-phone {
    display: block;

    margin:
        13px 0
        12px;

    white-space: nowrap;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(33px,3vw,43px);

    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.tarottypes-final-actions img {
    display: block;

    width: 100%;
    height: auto;

    margin-bottom: 20px;
}

.tarottypes-final-actions h3 {
    margin:
        13px 0
        9px;

    color: #fff;

    font-size: 24px;
}

.tarottypes-final-actions p {
    color: #cec2d5;
}

.tarottypes-final-actions .seo-payment-pills {
    justify-content: flex-start;
}

.tarottypes-final-actions .seo-cta {
    align-self: flex-start;

    margin-top: auto;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 950px) {

    .tarottypes-hero-grid {
        grid-template-columns: 1fr;
    }

    .tarottypes-hero-photo {
        max-width: 700px;
        min-height: 520px;
    }

    .tarottypes-differences {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .tarottypes-choice,
    .tarottypes-method-grid,
    .tarottypes-consultations,
    .tarottypes-final-grid {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 650px) {

    .tarottypes-hero h1 {
        font-size: 46px;
    }

    .tarottypes-hero-photo {
        min-height: 430px;
    }

    .tarottypes-differences,
    .tarottypes-featured,
    .tarottypes-consultation-links,
    .tarottypes-final-actions {
        grid-template-columns: 1fr;
    }

    .tarottypes-table {
        overflow-x: auto;
    }

    .tarottypes-table-head,
    .tarottypes-table-row {
        min-width: 690px;
    }

    .tarottypes-method-links a {
        grid-template-columns:
            34px minmax(0,1fr) auto;

        padding: 18px;
    }

    .tarottypes-final-phone {
        font-size: 40px;
    }

}

/* ===== TIPOS DE TAROT END ===== */

/* ===== TAROT DE MARSELLA START ===== */


/* HERO */

.marseille-hero {
    padding:
        clamp(75px,9vw,125px)
        0
        clamp(70px,8vw,105px);

    background:
        radial-gradient(
            circle at 16% 17%,
            rgba(126,60,181,.23),
            transparent 31rem
        ),
        #0b0711;
}

.marseille-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(390px,.95fr);

    gap: clamp(45px,6vw,80px);

    align-items: center;
}

.marseille-hero h1 {
    max-width: 780px;

    margin: 13px 0 22px;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(49px,6vw,76px);

    line-height: .99;

    letter-spacing: -.035em;
}

.marseille-hero-lead {
    max-width: 730px;

    color: #d3c7da;

    font-size: 17px;
    line-height: 1.72;
}


/* STATS */

.marseille-stats {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 10px;

    margin-top: 27px;
}

.marseille-stats article {
    padding: 17px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 16px;

    background:
        rgba(255,255,255,.035);
}

.marseille-stats strong {
    display: block;

    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;
}

.marseille-stats span {
    display: block;

    margin-top: 3px;

    color: #cfc3d7;

    font-size: 12px;
}


/* HERO LINKS */

.marseille-hero-links {
    display: flex;

    flex-wrap: wrap;

    gap: 14px 25px;

    margin-top: 25px;
}

.marseille-hero-links a {
    color: #f5d88c;

    font-size: 13px;
    font-weight: 900;

    text-decoration: none;
}


/* PHOTO */

.marseille-hero-photo {
    position: relative;

    min-height: 610px;

    margin: 0;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 28px;

    background: #17101e;

    box-shadow:
        0 28px 70px rgba(0,0,0,.28);
}

.marseille-hero-photo img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.marseille-hero-photo::after {
    content: "";

    position: absolute;

    inset: 42% 0 0;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(8,4,12,.91)
        );
}

.marseille-hero-photo figcaption {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 28px;

    z-index: 2;
}

.marseille-hero-photo strong {
    display: block;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;
}

.marseille-hero-photo span {
    display: block;

    margin-top: 7px;

    color: #f5d88c;

    font-weight: 800;
}


/* STRUCTURE */

.marseille-dark {
    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(126,61,184,.21),
            transparent 34rem
        ),
        #0b0711;
}

.marseille-structure {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 22px;

    max-width: 1000px;

    margin: 37px auto 0;
}

.marseille-structure article {
    position: relative;

    padding: 35px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 24px;

    background:
        rgba(255,255,255,.035);
}

.marseille-structure-number {
    position: absolute;

    top: 20px;
    right: 27px;

    color:
        rgba(245,216,140,.17);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 72px;
    font-weight: 900;
}

.marseille-structure h3 {
    max-width: 75%;

    margin: 10px 0 12px;

    color: #fff;

    font-size:
        clamp(27px,3vw,37px);

    line-height: 1.06;
}

.marseille-structure p {
    color: #cec2d5;
}


/* MAJOR ARCANA */

.marseille-major-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.76fr)
        minmax(0,1.24fr);

    gap: clamp(45px,7vw,90px);
}

.marseille-major-layout > div:first-child h2 {
    margin-top: 10px;

    font-size:
        clamp(38px,4.5vw,52px);

    line-height: 1.04;
}

.marseille-major-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 11px;
}

.marseille-major-grid article {
    display: grid;

    grid-template-columns:
        46px minmax(0,1fr);

    gap: 13px;

    align-items: center;

    min-height: 76px;

    padding: 15px 17px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 16px;

    background: #fff;

    box-shadow:
        0 10px 30px rgba(42,22,48,.045);
}

.marseille-major-grid span {
    color: #7a458d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;
}

.marseille-major-grid strong {
    color: #2c1833;
}


/* SUITS */

.marseille-suits {
    display: flex;

    flex-wrap: wrap;

    gap: 9px;

    margin-top: 24px;
}

.marseille-suits span {
    padding: 8px 13px;

    border:
        1px solid rgba(245,216,140,.24);

    border-radius: 999px;

    color: #f5d88c;

    background:
        rgba(255,255,255,.035);

    font-size: 12px;
    font-weight: 900;
}


/* SYMBOLS */

.marseille-symbol-grid {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 17px;

    margin-top: 34px;
}

.marseille-symbol-grid article {
    padding: 27px 23px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 20px;

    background: #fff;

    box-shadow:
        0 13px 36px rgba(42,22,48,.05);
}

.marseille-symbol-grid article > span {
    color: #78438f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
}

.marseille-symbol-grid h3 {
    margin: 12px 0 8px;

    color: #2c1833;

    font-size: 20px;
}

.marseille-symbol-grid p {
    margin: 0;

    color: #695b6d;
}


/* READING */

.marseille-reading {
    background:
        radial-gradient(
            circle at 20% 22%,
            rgba(121,58,180,.18),
            transparent 35rem
        ),
        #0b0711;
}

.marseille-reading-grid {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.marseille-reading-grid h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.5vw,52px);

    line-height: 1.04;
}

.marseille-reading-grid > div:first-child p {
    color: #cec2d5;
}

.marseille-reading-steps {
    display: grid;

    gap: 13px;
}

.marseille-reading-steps article {
    display: grid;

    grid-template-columns:
        45px minmax(0,1fr);

    gap: 17px;

    padding: 21px 22px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 18px;

    background:
        rgba(255,255,255,.035);
}

.marseille-reading-steps article > strong {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;
}

.marseille-reading-steps h3 {
    margin: 0 0 5px;

    color: #fff;

    font-size: 19px;
}

.marseille-reading-steps p {
    margin: 0;

    color: #c9bdcf;
}


/* SPREAD LINKS */

.marseille-spreads {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.marseille-spreads h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.5vw,52px);

    line-height: 1.04;
}

.marseille-spread-links {
    display: grid;

    gap: 13px;
}

.marseille-spread-links a {
    display: grid;

    grid-template-columns:
        42px minmax(0,1fr) auto;

    gap: 16px;

    align-items: center;

    padding: 21px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 11px 32px rgba(42,22,48,.045);

    text-decoration: none;
}

.marseille-spread-links > a > span {
    color: #78438f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
}

.marseille-spread-links strong {
    display: block;

    color: #2c1833;

    font-size: 18px;
}

.marseille-spread-links small {
    display: block;

    margin-top: 4px;

    color: #746777;
}

.marseille-spread-links b {
    color: #78438f;
}


/* VERSUS */

.marseille-versus {
    display: grid;

    grid-template-columns:
        minmax(0,.75fr)
        minmax(0,1.25fr);

    gap: clamp(45px,7vw,90px);
}

.marseille-versus h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.5vw,52px);

    line-height: 1.04;
}

.marseille-versus p {
    color: #d0c4d7;
}

.marseille-versus-cards {
    display: grid;

    gap: 14px;
}

.marseille-versus-cards article {
    padding: 26px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 19px;

    background:
        rgba(255,255,255,.035);
}

.marseille-versus-cards article > span {
    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.marseille-versus-cards h3 {
    margin: 8px 0;

    color: #fff;

    font-size: 23px;
}

.marseille-versus-cards a {
    color: #f5d88c;

    font-weight: 900;

    text-decoration: none;
}


/* GUIDANCE */

.marseille-guidance {
    background:
        radial-gradient(
            circle at center,
            rgba(121,58,180,.17),
            transparent 35rem
        ),
        #0b0711;

    text-align: center;
}

.marseille-guidance p {
    color: #d0c4d7;
}


/* FINAL */

.marseille-final-heading {
    max-width: 760px;

    margin: 0 auto 32px;

    text-align: center;
}

.marseille-final-heading h2 {
    margin: 10px 0;

    color: #fff;

    font-size:
        clamp(38px,4.5vw,52px);

    line-height: 1.04;
}

.marseille-final-heading p {
    color: #cec2d5;
}

.marseille-final-options {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;

    max-width: 920px;

    margin: 0 auto;
}

.marseille-final-options article {
    display: flex;

    min-width: 0;
    min-height: 285px;

    flex-direction: column;

    padding: 27px 24px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 22px;

    background:
        rgba(255,255,255,.04);
}

.marseille-final-options article > span {
    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.marseille-final-phone {
    display: block;

    margin: 13px 0 12px;

    white-space: nowrap;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(36px,3.5vw,48px);

    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.marseille-final-options img {
    display: block;

    width: 100%;
    height: auto;

    margin-bottom: 19px;
}

.marseille-final-options h3 {
    margin: 13px 0 8px;

    color: #fff;

    font-size: 25px;
}

.marseille-final-options p {
    color: #cec2d5;
}

.marseille-final-options .seo-payment-pills {
    justify-content: flex-start;
}

.marseille-final-options .seo-cta {
    align-self: flex-start;

    margin-top: auto;
}


/* TABLET */

@media (max-width: 950px) {

    .marseille-hero-grid {
        grid-template-columns: 1fr;
    }

    .marseille-hero-photo {
        max-width: 700px;
        min-height: 520px;
    }

    .marseille-major-layout,
    .marseille-reading-grid,
    .marseille-spreads,
    .marseille-versus {
        grid-template-columns: 1fr;
    }

    .marseille-symbol-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* MOBILE */

@media (max-width: 650px) {

    .marseille-hero h1 {
        font-size: 46px;
    }

    .marseille-hero-photo {
        min-height: 430px;
    }

    .marseille-stats,
    .marseille-structure,
    .marseille-major-grid,
    .marseille-symbol-grid,
    .marseille-final-options {
        grid-template-columns: 1fr;
    }

    .marseille-stats {
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .marseille-stats article {
        padding: 13px 9px;
    }

    .marseille-stats strong {
        font-size: 23px;
    }

    .marseille-stats span {
        font-size: 10px;
    }

    .marseille-spread-links a {
        grid-template-columns:
            34px minmax(0,1fr) auto;

        padding: 18px;
    }

    .marseille-final-phone {
        font-size: 40px;
    }

}

/* ===== TAROT DE MARSELLA END ===== */

/* ===== TAROT RIDER WAITE START ===== */


/* HERO */

.rider-hero {
    padding:
        clamp(75px,9vw,125px)
        0
        clamp(70px,8vw,105px);

    background:
        radial-gradient(
            circle at 16% 17%,
            rgba(126,60,181,.23),
            transparent 31rem
        ),
        #0b0711;
}

.rider-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(390px,.95fr);

    gap: clamp(45px,6vw,80px);

    align-items: center;
}

.rider-hero h1 {
    max-width: 790px;

    margin: 13px 0 22px;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(49px,6vw,76px);

    line-height: .99;

    letter-spacing: -.035em;
}

.rider-hero-lead {
    max-width: 730px;

    color: #d3c7da;

    font-size: 17px;
    line-height: 1.72;
}


/* STATS */

.rider-stats {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 10px;

    margin-top: 27px;
}

.rider-stats article {
    padding: 17px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 16px;

    background:
        rgba(255,255,255,.035);
}

.rider-stats strong {
    display: block;

    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;
}

.rider-stats span {
    display: block;

    margin-top: 3px;

    color: #cfc3d7;

    font-size: 12px;
}


/* HERO LINKS */

.rider-hero-links {
    display: flex;

    flex-wrap: wrap;

    gap: 14px 25px;

    margin-top: 25px;
}

.rider-hero-links a {
    color: #f5d88c;

    font-size: 13px;
    font-weight: 900;

    text-decoration: none;
}


/* HERO PHOTO */

.rider-hero-photo {
    position: relative;

    min-height: 610px;

    margin: 0;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 28px;

    background: #17101e;

    box-shadow:
        0 28px 70px rgba(0,0,0,.28);
}

.rider-hero-photo img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.rider-hero-photo::after {
    content: "";

    position: absolute;

    inset: 42% 0 0;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(8,4,12,.91)
        );
}

.rider-hero-photo figcaption {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 28px;

    z-index: 2;
}

.rider-hero-photo strong {
    display: block;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;
}

.rider-hero-photo span {
    display: block;

    margin-top: 7px;

    color: #f5d88c;

    font-weight: 800;
}


/* STRUCTURE */

.rider-dark {
    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(126,61,184,.21),
            transparent 34rem
        ),
        #0b0711;
}

.rider-structure {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 22px;

    max-width: 1000px;

    margin: 37px auto 0;
}

.rider-structure article {
    position: relative;

    min-height: 310px;

    padding: 35px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 24px;

    background:
        rgba(255,255,255,.035);
}

.rider-big-number {
    position: absolute;

    top: 18px;
    right: 27px;

    color:
        rgba(245,216,140,.17);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 74px;
    font-weight: 900;
}

.rider-structure h3 {
    max-width: 74%;

    margin: 10px 0 12px;

    color: #fff;

    font-size:
        clamp(27px,3vw,37px);

    line-height: 1.06;
}

.rider-structure p {
    color: #cec2d5;
}


/* VISUAL */

.rider-visual-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.78fr)
        minmax(0,1.22fr);

    gap: clamp(45px,7vw,90px);
}

.rider-visual-layout > div:first-child h2 {
    margin-top: 10px;

    font-size:
        clamp(38px,4.5vw,52px);

    line-height: 1.04;
}

.rider-visual-cards {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 13px;
}

.rider-visual-cards article {
    padding: 23px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 11px 32px rgba(42,22,48,.045);
}

.rider-visual-cards article > span {
    color: #78438f;

    font-size: 25px;
}

.rider-visual-cards h3 {
    margin: 10px 0 7px;

    color: #2c1833;

    font-size: 20px;
}

.rider-visual-cards p {
    margin: 0;

    color: #695b6d;
}


/* SUITS */

.rider-suits {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 17px;

    margin-top: 34px;
}

.rider-suits article {
    padding: 27px 23px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 20px;

    background:
        rgba(255,255,255,.035);
}

.rider-suits article > span {
    display: block;

    color: #f5d88c;

    font-size: 30px;
}

.rider-suits h3 {
    margin: 11px 0 8px;

    color: #fff;

    font-size: 20px;
}

.rider-suits p {
    margin: 0;

    color: #cec2d5;
}


/* READING */

.rider-reading {
    background:
        radial-gradient(
            circle at 20% 22%,
            rgba(121,58,180,.18),
            transparent 35rem
        ),
        #0b0711;
}

.rider-reading-grid {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.rider-reading-grid h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.5vw,52px);

    line-height: 1.04;
}

.rider-reading-grid > div:first-child p {
    color: #cec2d5;
}

.rider-reading-steps {
    display: grid;

    gap: 13px;
}

.rider-reading-steps article {
    display: grid;

    grid-template-columns:
        45px minmax(0,1fr);

    gap: 17px;

    padding: 21px 22px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 18px;

    background:
        rgba(255,255,255,.035);
}

.rider-reading-steps article > strong {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;
}

.rider-reading-steps h3 {
    margin: 0 0 5px;

    color: #fff;

    font-size: 19px;
}

.rider-reading-steps p {
    margin: 0;

    color: #c9bdcf;
}


/* TABLE */

.rider-compare-table {
    max-width: 1000px;

    margin: 36px auto 0;

    overflow: hidden;

    border:
        1px solid rgba(55,31,62,.10);

    border-radius: 22px;

    background: #fff;

    box-shadow:
        0 14px 40px rgba(42,22,48,.05);
}

.rider-table-head,
.rider-table-row {
    display: grid;

    grid-template-columns:
        1.05fr
        1fr
        1fr;
}

.rider-table-head {
    background: #f4edf6;
}

.rider-table-head div,
.rider-table-row div {
    padding: 18px 21px;

    border-right:
        1px solid #eee4f0;

    border-bottom:
        1px solid #eee4f0;
}

.rider-table-head div:last-child,
.rider-table-row div:last-child {
    border-right: 0;
}

.rider-table-row:last-child div {
    border-bottom: 0;
}

.rider-table-head div {
    color: #704087;

    font-size: 10px;
    font-weight: 900;

    letter-spacing: .09em;

    text-transform: uppercase;
}

.rider-table-row div {
    color: #695b6d;
}

.rider-table-row div:first-child {
    color: #2c1833;

    font-weight: 800;
}

.rider-compare-link {
    margin-top: 24px;

    text-align: center;
}

.rider-compare-link a {
    color: #65357a;

    font-weight: 900;

    text-decoration: none;
}


/* SPREADS */

.rider-spreads {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.rider-spreads h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.5vw,52px);

    line-height: 1.04;
}

.rider-spread-links {
    display: grid;

    gap: 13px;
}

.rider-spread-links a {
    display: grid;

    grid-template-columns:
        42px minmax(0,1fr) auto;

    gap: 16px;

    align-items: center;

    padding: 21px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 11px 32px rgba(42,22,48,.045);

    text-decoration: none;
}

.rider-spread-links > a > span {
    color: #78438f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
}

.rider-spread-links strong {
    display: block;

    color: #2c1833;

    font-size: 18px;
}

.rider-spread-links small {
    display: block;

    margin-top: 4px;

    color: #746777;
}

.rider-spread-links b {
    color: #78438f;
}


/* TOPICS */

.rider-topics {
    background:
        radial-gradient(
            circle at 20% 25%,
            rgba(121,58,180,.18),
            transparent 35rem
        ),
        #0b0711;
}

.rider-topics-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.rider-topics-layout h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.4vw,51px);

    line-height: 1.04;
}

.rider-topics-layout p {
    color: #cec2d5;
}

.rider-topic-links {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 12px;
}

.rider-topic-links a {
    display: flex;

    min-height: 80px;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 19px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 17px;

    color: #fff;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;
}

.rider-topic-links span {
    color: #f5d88c;
}


/* FINAL */

.rider-final-heading {
    max-width: 760px;

    margin: 0 auto 32px;

    text-align: center;
}

.rider-final-heading h2 {
    margin: 10px 0;

    color: #fff;

    font-size:
        clamp(38px,4.5vw,52px);

    line-height: 1.04;
}

.rider-final-heading p {
    color: #cec2d5;
}

.rider-final-options {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;

    max-width: 920px;

    margin: 0 auto;
}

.rider-final-options article {
    display: flex;

    min-width: 0;
    min-height: 285px;

    flex-direction: column;

    padding: 27px 24px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 22px;

    background:
        rgba(255,255,255,.04);
}

.rider-final-options article > span {
    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.rider-final-phone {
    display: block;

    margin: 13px 0 12px;

    white-space: nowrap;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(36px,3.5vw,48px);

    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.rider-final-options img {
    display: block;

    width: 100%;
    height: auto;

    margin-bottom: 19px;
}

.rider-final-options h3 {
    margin: 13px 0 8px;

    color: #fff;

    font-size: 25px;
}

.rider-final-options p {
    color: #cec2d5;
}

.rider-final-options .seo-payment-pills {
    justify-content: flex-start;
}

.rider-final-options .seo-cta {
    align-self: flex-start;

    margin-top: auto;
}


/* TABLET */

@media (max-width: 950px) {

    .rider-hero-grid {
        grid-template-columns: 1fr;
    }

    .rider-hero-photo {
        max-width: 700px;
        min-height: 520px;
    }

    .rider-visual-layout,
    .rider-reading-grid,
    .rider-spreads,
    .rider-topics-layout {
        grid-template-columns: 1fr;
    }

    .rider-suits {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* MOBILE */

@media (max-width: 650px) {

    .rider-hero h1 {
        font-size: 46px;
    }

    .rider-hero-photo {
        min-height: 430px;
    }

    .rider-stats {
        grid-template-columns:
            repeat(3,minmax(0,1fr));
    }

    .rider-stats article {
        padding: 13px 9px;
    }

    .rider-stats strong {
        font-size: 23px;
    }

    .rider-stats span {
        font-size: 10px;
    }

    .rider-structure,
    .rider-visual-cards,
    .rider-suits,
    .rider-topic-links,
    .rider-final-options {
        grid-template-columns: 1fr;
    }

    .rider-compare-table {
        overflow-x: auto;
    }

    .rider-table-head,
    .rider-table-row {
        min-width: 690px;
    }

    .rider-spread-links a {
        grid-template-columns:
            34px minmax(0,1fr) auto;

        padding: 18px;
    }

    .rider-final-phone {
        font-size: 40px;
    }

}

/* ===== TAROT RIDER WAITE END ===== */

/* ===== TIRADAS DE TAROT START ===== */


/* ==========================================================
   HERO
========================================================== */

.spreads-hero {
    padding:
        clamp(75px,9vw,125px)
        0
        clamp(70px,8vw,105px);

    background:
        radial-gradient(
            circle at 16% 17%,
            rgba(126,60,181,.23),
            transparent 31rem
        ),
        #0b0711;
}

.spreads-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(390px,.95fr);

    gap: clamp(45px,6vw,80px);

    align-items: center;
}

.spreads-hero h1 {
    max-width: 800px;

    margin: 13px 0 22px;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(49px,6vw,76px);

    line-height: .99;

    letter-spacing: -.035em;
}

.spreads-hero-lead {
    max-width: 730px;

    color: #d3c7da;

    font-size: 17px;
    line-height: 1.72;
}


/* LINKS HERO */

.spreads-hero-links {
    display: grid;

    gap: 10px;

    max-width: 650px;

    margin-top: 27px;
}

.spreads-hero-links a {
    display: grid;

    grid-template-columns:
        40px minmax(0,1fr) auto;

    gap: 15px;

    align-items: center;

    padding: 16px 18px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 16px;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;
}

.spreads-hero-links > a > span {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;
}

.spreads-hero-links strong {
    display: block;

    color: #fff;

    font-size: 15px;
}

.spreads-hero-links small {
    display: block;

    margin-top: 3px;

    color: #a99bae;
}

.spreads-hero-links b {
    color: #f5d88c;

    font-size: 20px;
}


/* HERO PHOTO */

.spreads-hero-photo {
    position: relative;

    min-height: 610px;

    margin: 0;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 28px;

    background: #17101e;

    box-shadow:
        0 28px 70px rgba(0,0,0,.28);
}

.spreads-hero-photo img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.spreads-hero-photo::after {
    content: "";

    position: absolute;

    inset: 42% 0 0;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(8,4,12,.92)
        );
}

.spreads-hero-photo figcaption {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 28px;

    z-index: 2;
}

.spreads-hero-photo strong {
    display: block;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 29px;
}

.spreads-hero-photo span {
    display: block;

    margin-top: 7px;

    color: #f5d88c;

    font-weight: 800;
}


/* ==========================================================
   MÉTODOS
========================================================== */

.spreads-dark {
    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(126,61,184,.21),
            transparent 34rem
        ),
        #0b0711;
}

.spreads-method-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 19px;

    margin-top: 37px;
}

.spreads-method-grid article {
    position: relative;

    min-height: 280px;

    padding: 31px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 22px;

    background:
        rgba(255,255,255,.035);
}

.spreads-method-featured {
    border-color:
        rgba(245,216,140,.20) !important;

    background:
        linear-gradient(
            145deg,
            rgba(127,61,183,.18),
            rgba(245,216,140,.04)
        ),
        rgba(255,255,255,.035) !important;
}

.spreads-method-number {
    position: absolute;

    top: 18px;
    right: 25px;

    color:
        rgba(245,216,140,.16);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 63px;
    font-weight: 900;
}

.spreads-method-grid h3 {
    max-width: 75%;

    margin: 10px 0 10px;

    color: #fff;

    font-size:
        clamp(27px,3vw,36px);

    line-height: 1.05;
}

.spreads-method-grid p {
    max-width: 520px;

    color: #cec2d5;
}

.spreads-method-grid a {
    display: inline-block;

    margin-top: 8px;

    color: #f5d88c;

    font-weight: 900;

    text-decoration: none;
}


/* ==========================================================
   POSICIONES
========================================================== */

.spreads-position-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);

    align-items: center;
}

.spreads-position-layout > div:first-child h2 {
    margin-top: 10px;

    font-size:
        clamp(38px,4.5vw,52px);

    line-height: 1.04;
}

.spreads-position-demo {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 13px;
}

.spreads-position-demo article {
    min-height: 245px;

    padding: 24px 20px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 19px;

    background:
        linear-gradient(
            180deg,
            #fff,
            #faf7fb
        );

    box-shadow:
        0 14px 38px rgba(42,22,48,.055);
}

.spreads-position-demo strong {
    display: flex;

    width: 48px;
    height: 48px;

    align-items: center;
    justify-content: center;

    margin-bottom: 30px;

    border:
        1px solid #e0d0e5;

    border-radius: 50%;

    color: #704087;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
}

.spreads-position-demo span {
    display: block;

    color: #825096;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.spreads-position-demo p {
    margin-top: 9px;

    color: #5f5164;

    font-size: 15px;
}


/* ==========================================================
   EDITORIAL LINK
========================================================== */

.spreads-editorial-link {
    display: inline-block;

    margin-top: 9px;

    color: #f5d88c;

    font-weight: 900;

    text-decoration: none;
}


/* ==========================================================
   TRES CARTAS
========================================================== */

.spreads-three-grid {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 17px;

    margin-top: 34px;
}

.spreads-three-grid article {
    padding: 28px 24px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 20px;

    background: #fff;

    box-shadow:
        0 13px 36px rgba(42,22,48,.05);
}

.spreads-three-grid article > span {
    color: #78438f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;
    font-weight: 900;

    letter-spacing: .12em;
}

.spreads-three-grid h3 {
    margin: 13px 0 8px;

    color: #2c1833;

    font-size: 21px;

    line-height: 1.13;
}

.spreads-three-grid p {
    margin: 0;

    color: #695b6d;
}


/* ==========================================================
   UNA CARTA
========================================================== */

.spreads-one-card {
    background:
        radial-gradient(
            circle at 78% 50%,
            rgba(125,61,184,.20),
            transparent 27rem
        ),
        #0b0711;
}

.spreads-one-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        auto;

    gap: clamp(55px,8vw,120px);

    align-items: center;
}

.spreads-one-grid h2 {
    margin-top: 10px;

    font-size:
        clamp(38px,4.6vw,53px);

    line-height: 1.04;
}

.spreads-one-grid p {
    color: #cec2d5;
}

.spreads-one-card-visual {
    display: flex;

    width: 280px;
    height: 400px;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    padding: 30px;

    border:
        1px solid rgba(245,216,140,.25);

    border-radius: 24px;

    background:
        radial-gradient(
            circle,
            rgba(131,64,188,.30),
            transparent 52%
        ),
        #21142d;

    box-shadow:
        0 25px 60px rgba(0,0,0,.22);
}

.spreads-one-card-visual > span {
    color: #f5d88c;

    font-size: 62px;
}

.spreads-one-card-visual > strong {
    margin-top: 22px;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;
}

.spreads-one-card-visual > small {
    margin-top: 8px;

    color: #baadc1;
}

.spreads-one-card-visual > a {
    margin-top: 36px;

    color: #f5d88c;

    font-size: 12px;
    font-weight: 900;

    text-align: center;

    text-decoration: none;
}


/* ==========================================================
   CHOICE
========================================================== */

.spreads-choice-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.75fr)
        minmax(0,1.25fr);

    gap: clamp(45px,7vw,90px);
}

.spreads-choice-layout > div:first-child h2 {
    margin-top: 10px;

    font-size:
        clamp(38px,4.5vw,52px);

    line-height: 1.04;
}

.spreads-choice-list {
    display: grid;

    gap: 12px;
}

.spreads-choice-list article {
    display: flex;

    min-height: 75px;

    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 18px 21px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 17px;

    background: #fff;

    box-shadow:
        0 10px 30px rgba(42,22,48,.045);
}

.spreads-choice-list strong {
    color: #2c1833;
}

.spreads-choice-list span {
    color: #78438f;

    font-weight: 900;

    text-align: right;
}


/* ==========================================================
   DECK
========================================================== */

.spreads-deck-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.spreads-deck-layout h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.4vw,51px);

    line-height: 1.04;
}

.spreads-deck-layout p {
    color: #cec2d5;
}

.spreads-deck-links {
    display: grid;

    gap: 13px;
}

.spreads-deck-links a {
    display: grid;

    grid-template-columns:
        42px minmax(0,1fr) auto;

    gap: 16px;

    align-items: center;

    padding: 21px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 18px;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;
}

.spreads-deck-links > a > span {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
}

.spreads-deck-links strong {
    display: block;

    color: #fff;

    font-size: 18px;
}

.spreads-deck-links small {
    display: block;

    margin-top: 4px;

    color: #bfb2c7;
}

.spreads-deck-links b {
    color: #f5d88c;
}


/* ==========================================================
   TOPICS
========================================================== */

.spreads-topics {
    background:
        radial-gradient(
            circle at 20% 25%,
            rgba(121,58,180,.18),
            transparent 35rem
        ),
        #0b0711;
}

.spreads-topics-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.spreads-topics-layout h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.4vw,51px);

    line-height: 1.04;
}

.spreads-topics-layout p {
    color: #cec2d5;
}

.spreads-topic-links {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 12px;
}

.spreads-topic-links a {
    display: flex;

    min-height: 80px;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 19px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 17px;

    color: #fff;

    background:
        rgba(255,255,255,.035);

    text-decoration: none;
}

.spreads-topic-links span {
    color: #f5d88c;
}


/* ==========================================================
   FINAL
========================================================== */

.spreads-final-heading {
    max-width: 760px;

    margin: 0 auto 32px;

    text-align: center;
}

.spreads-final-heading h2 {
    margin: 10px 0;

    color: #fff;

    font-size:
        clamp(38px,4.5vw,52px);

    line-height: 1.04;
}

.spreads-final-heading p {
    color: #cec2d5;
}

.spreads-final-options {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;

    max-width: 920px;

    margin: 0 auto;
}

.spreads-final-options article {
    display: flex;

    min-width: 0;
    min-height: 285px;

    flex-direction: column;

    padding: 27px 24px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 22px;

    background:
        rgba(255,255,255,.04);
}

.spreads-final-options article > span {
    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.spreads-final-phone {
    display: block;

    margin: 13px 0 12px;

    white-space: nowrap;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(36px,3.5vw,48px);

    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.spreads-final-options img {
    display: block;

    width: 100%;
    height: auto;

    margin-bottom: 19px;
}

.spreads-final-options h3 {
    margin: 13px 0 8px;

    color: #fff;

    font-size: 25px;
}

.spreads-final-options p {
    color: #cec2d5;
}

.spreads-final-options .seo-payment-pills {
    justify-content: flex-start;
}

.spreads-final-options .seo-cta {
    align-self: flex-start;

    margin-top: auto;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 950px) {

    .spreads-hero-grid {
        grid-template-columns: 1fr;
    }

    .spreads-hero-photo {
        max-width: 700px;
        min-height: 520px;
    }

    .spreads-position-layout,
    .spreads-choice-layout,
    .spreads-deck-layout,
    .spreads-topics-layout {
        grid-template-columns: 1fr;
    }

    .spreads-three-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 650px) {

    .spreads-hero h1 {
        font-size: 46px;
    }

    .spreads-hero-photo {
        min-height: 430px;
    }

    .spreads-method-grid,
    .spreads-position-demo,
    .spreads-three-grid,
    .spreads-topic-links,
    .spreads-final-options {
        grid-template-columns: 1fr;
    }

    .spreads-one-grid {
        grid-template-columns: 1fr;
    }

    .spreads-one-card-visual {
        width: min(100%, 280px);
        height: 390px;
    }

    .spreads-deck-links a {
        grid-template-columns:
            34px minmax(0,1fr) auto;

        padding: 18px;
    }

    .spreads-choice-list article {
        display: block;
    }

    .spreads-choice-list span {
        display: block;

        margin-top: 5px;

        text-align: left;
    }

    .spreads-final-phone {
        font-size: 40px;
    }

}

/* ===== TIRADAS DE TAROT END ===== */

/* ===== TIRADA TRES CARTAS START ===== */


/* ==========================================================
   HERO
========================================================== */

.threecards-hero {
    padding:
        clamp(75px,9vw,125px)
        0
        clamp(70px,8vw,105px);

    background:
        radial-gradient(
            circle at 16% 17%,
            rgba(126,60,181,.23),
            transparent 31rem
        ),
        #0b0711;
}

.threecards-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(390px,.95fr);

    gap: clamp(45px,6vw,80px);

    align-items: center;
}

.threecards-hero h1 {
    max-width: 820px;

    margin: 13px 0 22px;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(49px,6vw,76px);

    line-height: .99;

    letter-spacing: -.035em;
}

.threecards-hero-lead {
    max-width: 730px;

    color: #d3c7da;

    font-size: 17px;
    line-height: 1.72;
}


/* MINI POSITIONS */

.threecards-mini {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 10px;

    margin-top: 27px;
}

.threecards-mini div {
    display: grid;

    grid-template-columns:
        31px minmax(0,1fr);

    gap: 8px;

    align-items: center;

    padding: 13px 14px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 15px;

    background:
        rgba(255,255,255,.035);
}

.threecards-mini span {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;
}

.threecards-mini strong {
    color: #fff;

    font-size: 13px;
}


/* LINKS HERO */

.threecards-hero-links {
    display: flex;

    flex-wrap: wrap;

    gap: 14px 25px;

    margin-top: 25px;
}

.threecards-hero-links a {
    color: #f5d88c;

    font-size: 13px;
    font-weight: 900;

    text-decoration: none;
}


/* HERO PHOTO */

.threecards-hero-photo {
    position: relative;

    min-height: 610px;

    margin: 0;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 28px;

    background: #17101e;

    box-shadow:
        0 28px 70px rgba(0,0,0,.28);
}

.threecards-hero-photo img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.threecards-hero-photo::after {
    content: "";

    position: absolute;

    inset: 42% 0 0;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(8,4,12,.92)
        );
}

.threecards-hero-photo figcaption {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 28px;

    z-index: 2;
}

.threecards-hero-photo strong {
    display: block;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 29px;
}

.threecards-hero-photo span {
    display: block;

    margin-top: 7px;

    color: #f5d88c;

    font-weight: 800;
}


/* ==========================================================
   TRES CARTAS VISUALES
========================================================== */

.threecards-main-section {
    padding:
        clamp(80px,9vw,125px)
        0;

    background:
        radial-gradient(
            circle at 50% 40%,
            rgba(126,61,184,.18),
            transparent 38rem
        ),
        #130b1b;
}

.threecards-heading {
    max-width: 800px;

    margin: 0 auto 45px;

    text-align: center;
}

.threecards-heading h2 {
    margin: 10px 0 13px;

    color: #fff;

    font-size:
        clamp(39px,4.7vw,56px);

    line-height: 1.03;
}

.threecards-heading p {
    color: #cec2d5;
}


/* STAGE */

.threecards-stage {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 25px;

    max-width: 1120px;

    margin: 0 auto;
}

.threecards-card {
    min-width: 0;
}

.threecards-card-face {
    position: relative;

    display: flex;

    min-height: 420px;

    flex-direction: column;

    align-items: center;
    justify-content: center;

    padding: 30px;

    overflow: hidden;

    border:
        1px solid rgba(245,216,140,.26);

    border-radius: 25px;

    background:
        radial-gradient(
            circle at center,
            rgba(125,61,184,.31),
            transparent 48%
        ),
        repeating-linear-gradient(
            45deg,
            rgba(255,255,255,.018) 0,
            rgba(255,255,255,.018) 2px,
            transparent 2px,
            transparent 8px
        ),
        #21142d;

    box-shadow:
        0 24px 55px rgba(0,0,0,.20);
}

.threecards-card-face::before,
.threecards-card-face::after {
    content: "";

    position: absolute;

    border:
        1px solid rgba(245,216,140,.14);

    border-radius: 18px;
}

.threecards-card-face::before {
    inset: 14px;
}

.threecards-card-face::after {
    inset: 25px;
}

.threecards-card-current .threecards-card-face {
    transform: translateY(-15px);

    border-color:
        rgba(245,216,140,.46);

    box-shadow:
        0 32px 70px rgba(0,0,0,.29);
}

.threecards-index {
    position: absolute;

    top: 31px;

    z-index: 2;

    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 18px;
}

.threecards-star {
    position: relative;

    z-index: 2;

    margin-bottom: 27px;

    color: #f5d88c;

    font-size: 63px;
}

.threecards-card-face strong {
    position: relative;

    z-index: 2;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 28px;

    letter-spacing: .06em;
}

.threecards-card-face small {
    position: relative;

    z-index: 2;

    margin-top: 8px;

    color: #bfb2c7;

    font-size: 12px;
}

.threecards-card-copy {
    padding:
        24px 10px
        0;
}

.threecards-card-copy h3 {
    margin: 0 0 8px;

    color: #fff;

    font-size: 20px;
}

.threecards-card-copy p {
    margin: 0;

    color: #bfb2c7;

    font-size: 14px;
    line-height: 1.65;
}


/* ==========================================================
   READING
========================================================== */

.threecards-dark {
    background:
        radial-gradient(
            circle at 20% 22%,
            rgba(121,58,180,.18),
            transparent 35rem
        ),
        #0b0711;
}

.threecards-reading-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.threecards-reading-layout h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.5vw,52px);

    line-height: 1.04;
}

.threecards-reading-layout > div:first-child p {
    color: #cec2d5;
}

.threecards-reading-steps {
    display: grid;

    gap: 13px;
}

.threecards-reading-steps article {
    display: grid;

    grid-template-columns:
        45px minmax(0,1fr);

    gap: 17px;

    padding: 21px 22px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 18px;

    background:
        rgba(255,255,255,.035);
}

.threecards-reading-steps article > strong {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;
}

.threecards-reading-steps h3 {
    margin: 0 0 5px;

    color: #fff;

    font-size: 19px;
}

.threecards-reading-steps p {
    margin: 0;

    color: #c9bdcf;
}


/* ==========================================================
   OTHER SCHEMES
========================================================== */

.threecards-schemes {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 17px;

    margin-top: 34px;
}

.threecards-schemes article {
    padding: 28px 25px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 20px;

    background: #fff;

    box-shadow:
        0 13px 36px rgba(42,22,48,.05);
}

.threecards-schemes article > span {
    color: #78438f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;
    font-weight: 900;

    letter-spacing: .12em;
}

.threecards-schemes h3 {
    margin: 13px 0 8px;

    color: #2c1833;

    font-size: 21px;
}

.threecards-schemes p {
    margin: 0;

    color: #695b6d;
}


/* ==========================================================
   QUESTIONS
========================================================== */

.threecards-questions-layout {
    display: grid;

    grid-template-columns:
        minmax(0,.72fr)
        minmax(0,1.28fr);

    gap: clamp(45px,7vw,90px);
}

.threecards-questions-layout h2 {
    margin-top: 10px;

    font-size:
        clamp(38px,4.5vw,52px);

    line-height: 1.04;
}

.threecards-question-list {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 13px;
}

.threecards-question-list article {
    display: grid;

    grid-template-columns:
        45px minmax(0,1fr);

    gap: 15px;

    padding: 22px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 11px 32px rgba(42,22,48,.045);
}

.threecards-question-list article > span {
    color: #78438f;

    font-size: 25px;
}

.threecards-question-list strong {
    display: block;

    color: #2c1833;

    font-size: 18px;
}

.threecards-question-list p {
    margin: 5px 0 0;

    color: #695b6d;

    font-size: 14px;
}


/* ==========================================================
   COMPARE
========================================================== */

.threecards-compare {
    background:
        radial-gradient(
            circle at 20% 20%,
            rgba(126,61,184,.20),
            transparent 35rem
        ),
        #0b0711;
}

.threecards-compare-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;

    max-width: 950px;

    margin: 35px auto 0;
}

.threecards-compare-grid article {
    position: relative;

    min-height: 260px;

    padding: 31px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 22px;

    background:
        rgba(255,255,255,.035);
}

.threecards-compare-number {
    position: absolute;

    top: 18px;
    right: 27px;

    color:
        rgba(245,216,140,.16);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 70px;
    font-weight: 900;
}

.threecards-compare-grid h3 {
    max-width: 70%;

    margin: 5px 0 11px;

    color: #fff;

    font-size: 29px;
}

.threecards-compare-grid p {
    color: #cec2d5;
}

.threecards-compare-grid a {
    display: inline-block;

    margin-top: 8px;

    color: #f5d88c;

    font-weight: 900;

    text-decoration: none;
}


/* ==========================================================
   DECKS
========================================================== */

.threecards-decks {
    display: grid;

    grid-template-columns:
        minmax(0,.8fr)
        minmax(0,1.2fr);

    gap: clamp(45px,7vw,90px);
}

.threecards-decks h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.4vw,51px);

    line-height: 1.04;
}

.threecards-deck-links {
    display: grid;

    gap: 13px;
}

.threecards-deck-links a {
    display: grid;

    grid-template-columns:
        42px minmax(0,1fr) auto;

    gap: 16px;

    align-items: center;

    padding: 21px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 11px 32px rgba(42,22,48,.045);

    text-decoration: none;
}

.threecards-deck-links > a > span {
    color: #78438f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 20px;
}

.threecards-deck-links strong {
    display: block;

    color: #2c1833;

    font-size: 18px;
}

.threecards-deck-links small {
    display: block;

    margin-top: 4px;

    color: #746777;
}

.threecards-deck-links b {
    color: #78438f;
}


/* ==========================================================
   GUIDANCE
========================================================== */

.threecards-guidance {
    background:
        radial-gradient(
            circle at center,
            rgba(121,58,180,.17),
            transparent 35rem
        ),
        #0b0711;

    text-align: center;
}

.threecards-guidance p {
    color: #d0c4d7;
}


/* ==========================================================
   FINAL
========================================================== */

.threecards-final-heading {
    max-width: 760px;

    margin: 0 auto 32px;

    text-align: center;
}

.threecards-final-heading h2 {
    margin: 10px 0;

    color: #fff;

    font-size:
        clamp(38px,4.5vw,52px);

    line-height: 1.04;
}

.threecards-final-heading p {
    color: #cec2d5;
}

.threecards-final-options {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;

    max-width: 920px;

    margin: 0 auto;
}

.threecards-final-options article {
    display: flex;

    min-width: 0;
    min-height: 285px;

    flex-direction: column;

    padding: 27px 24px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 22px;

    background:
        rgba(255,255,255,.04);
}

.threecards-final-options article > span {
    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.threecards-final-phone {
    display: block;

    margin: 13px 0 12px;

    white-space: nowrap;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(36px,3.5vw,48px);

    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.threecards-final-options img {
    display: block;

    width: 100%;
    height: auto;

    margin-bottom: 19px;
}

.threecards-final-options h3 {
    margin: 13px 0 8px;

    color: #fff;

    font-size: 25px;
}

.threecards-final-options p {
    color: #cec2d5;
}

.threecards-final-options .seo-payment-pills {
    justify-content: flex-start;
}

.threecards-final-options .seo-cta {
    align-self: flex-start;

    margin-top: auto;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 950px) {

    .threecards-hero-grid {
        grid-template-columns: 1fr;
    }

    .threecards-hero-photo {
        max-width: 700px;
        min-height: 520px;
    }

    .threecards-reading-layout,
    .threecards-questions-layout,
    .threecards-decks {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 650px) {

    .threecards-hero h1 {
        font-size: 46px;
    }

    .threecards-hero-photo {
        min-height: 430px;
    }

    .threecards-mini {
        grid-template-columns: 1fr;
    }

    .threecards-stage,
    .threecards-schemes,
    .threecards-question-list,
    .threecards-compare-grid,
    .threecards-final-options {
        grid-template-columns: 1fr;
    }

    .threecards-card-current .threecards-card-face {
        transform: none;
    }

    .threecards-card-face {
        min-height: 390px;
    }

    .threecards-deck-links a {
        grid-template-columns:
            34px minmax(0,1fr) auto;

        padding: 18px;
    }

    .threecards-final-phone {
        font-size: 40px;
    }

}

/* ===== TIRADA TRES CARTAS END ===== */

/* ===== TAROT TRABAJO START ===== */


/* ==========================================================
   HERO
========================================================== */

.worktarot-hero {
    padding:
        clamp(75px,9vw,125px)
        0
        clamp(70px,8vw,105px);

    background:
        radial-gradient(
            circle at 16% 17%,
            rgba(126,60,181,.23),
            transparent 31rem
        ),
        #0b0711;
}

.worktarot-hero-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(390px,.95fr);

    gap: clamp(45px,6vw,80px);

    align-items: center;
}

.worktarot-hero h1 {
    max-width: 810px;

    margin: 13px 0 22px;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(49px,6vw,76px);

    line-height: .99;

    letter-spacing: -.035em;
}

.worktarot-hero-lead {
    max-width: 730px;

    color: #d3c7da;

    font-size: 17px;
    line-height: 1.72;
}


/* TOPICS */

.worktarot-hero-topics {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 10px;

    max-width: 650px;

    margin-top: 27px;
}

.worktarot-hero-topics span {
    display: flex;

    gap: 10px;

    align-items: center;

    padding: 13px 15px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 15px;

    color: #d7cbdc;

    background:
        rgba(255,255,255,.035);

    font-size: 13px;
    font-weight: 800;
}

.worktarot-hero-topics b {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;
}


/* PHOTO */

.worktarot-hero-photo {
    position: relative;

    min-height: 610px;

    margin: 0;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.12);

    border-radius: 28px;

    background: #17101e;

    box-shadow:
        0 28px 70px rgba(0,0,0,.28);
}

.worktarot-hero-photo img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;
}

.worktarot-hero-photo::after {
    content: "";

    position: absolute;

    inset: 42% 0 0;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(8,4,12,.92)
        );
}

.worktarot-hero-photo figcaption {
    position: absolute;

    left: 30px;
    right: 30px;
    bottom: 28px;

    z-index: 2;
}

.worktarot-hero-photo strong {
    display: block;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;
}

.worktarot-hero-photo span {
    display: block;

    margin-top: 7px;

    color: #f5d88c;

    font-weight: 800;
}


/* ==========================================================
   QUESTIONS
========================================================== */

.worktarot-question-grid {
    display: grid;

    grid-template-columns:
        repeat(3,minmax(0,1fr));

    gap: 17px;

    margin-top: 34px;
}

.worktarot-question-grid article {
    padding: 27px 24px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 20px;

    background:
        rgba(255,255,255,.035);
}

.worktarot-question-grid article > span {
    color: #f5d88c;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
}

.worktarot-question-grid h3 {
    margin: 12px 0 8px;

    color: #fff;

    font-size: 20px;
}

.worktarot-question-grid p {
    margin: 0;

    color: #cec2d5;
}


/* ==========================================================
   SITUATIONS
========================================================== */

.worktarot-dark {
    background:
        radial-gradient(
            circle at 18% 20%,
            rgba(126,61,184,.21),
            transparent 34rem
        ),
        #0b0711;
}

.worktarot-situations {
    display: grid;

    grid-template-columns:
        repeat(4,minmax(0,1fr));

    gap: 17px;

    margin-top: 35px;
}

.worktarot-situations article {
    padding: 28px 23px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 20px;

    background:
        rgba(255,255,255,.035);
}

.worktarot-situations article > span {
    display: block;

    margin-bottom: 15px;

    color: #f5d88c;

    font-size: 29px;
}

.worktarot-situations h3 {
    margin: 0 0 8px;

    color: #fff;

    font-size: 20px;
}

.worktarot-situations p {
    margin: 0;

    color: #cec2d5;
}


/* ==========================================================
   CHANGE
========================================================== */

.worktarot-change-layout {
    display: grid;

    grid-template-columns:
        minmax(0,1.05fr)
        minmax(330px,.95fr);

    gap: clamp(45px,7vw,85px);

    align-items: center;
}

.worktarot-change-layout h2 {
    margin-top: 10px;

    color: #2b1732;

    font-size:
        clamp(39px,4.8vw,55px);

    line-height: 1.03;
}

.worktarot-change-card {
    padding: 32px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 23px;

    background:
        linear-gradient(
            145deg,
            #fff,
            #fbf7fc
        );

    box-shadow:
        0 18px 48px rgba(38,20,45,.08);
}

.worktarot-change-card > span {
    color: #78438f;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.worktarot-change-card > strong {
    display: block;

    margin: 13px 0;

    color: #2b1732;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 32px;

    line-height: 1.08;
}

.worktarot-change-card p {
    color: #695b6d;
}

.worktarot-change-card a {
    color: #65357a;

    font-weight: 900;

    text-decoration: none;
}


/* ==========================================================
   DECISIONS
========================================================== */

.worktarot-decisions {
    display: grid;

    grid-template-columns:
        minmax(0,.78fr)
        minmax(0,1.22fr);

    gap: clamp(45px,7vw,90px);
}

.worktarot-decisions h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.5vw,52px);

    line-height: 1.04;
}

.worktarot-decisions > div:first-child p {
    color: #cec2d5;
}

.worktarot-decision-cards {
    display: grid;

    gap: 14px;
}

.worktarot-decision-cards article {
    padding: 26px;

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 19px;

    background:
        rgba(255,255,255,.035);
}

.worktarot-decision-cards article > span {
    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.worktarot-decision-cards h3 {
    margin: 8px 0;

    color: #fff;

    font-size: 23px;
}

.worktarot-decision-cards p {
    margin-bottom: 0;

    color: #cec2d5;
}


/* ==========================================================
   MONEY PREVIEW
========================================================== */

.worktarot-money {
    background:
        radial-gradient(
            circle at 20% 25%,
            rgba(121,58,180,.18),
            transparent 35rem
        ),
        #0b0711;
}

.worktarot-money-grid {
    display: grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(320px,.7fr);

    gap: clamp(45px,7vw,90px);

    align-items: center;
}

.worktarot-money-grid h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.5vw,52px);

    line-height: 1.04;
}

.worktarot-money-grid p {
    color: #cec2d5;
}

.worktarot-next-card {
    padding: 31px;

    border:
        1px solid rgba(245,216,140,.17);

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            rgba(127,61,183,.14),
            rgba(245,216,140,.04)
        ),
        rgba(255,255,255,.035);
}

.worktarot-next-card > span {
    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.worktarot-next-card > strong {
    display: block;

    margin: 11px 0;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 33px;
}

.worktarot-next-card p {
    margin-bottom: 0;
}


/* ==========================================================
   SERVICE
========================================================== */

.worktarot-service-grid {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;
}

.worktarot-service-grid article {
    display: grid;

    grid-template-columns:
        80px minmax(0,1fr);

    gap: 22px;

    padding: 31px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 22px;

    background: #fff;

    box-shadow:
        0 16px 42px rgba(40,21,47,.06);
}

.worktarot-service-grid article > span {
    display: flex;

    width: 76px;
    height: 76px;

    align-items: center;
    justify-content: center;

    border:
        1px solid #e1d1e7;

    border-radius: 50%;

    color: #704087;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;
    font-weight: 900;
}

.worktarot-service-grid h2 {
    margin: 0 0 8px;

    color: #2b1732;

    font-size: 26px;
}

.worktarot-service-grid p {
    color: #67596c;
}

.worktarot-service-grid a {
    color: #65357a;

    font-weight: 900;

    text-decoration: none;
}


/* ==========================================================
   GUIDANCE
========================================================== */

.worktarot-guidance {
    background:
        radial-gradient(
            circle at center,
            rgba(121,58,180,.17),
            transparent 35rem
        ),
        #0b0711;

    text-align: center;
}

.worktarot-guidance p {
    color: #d0c4d7;
}


/* ==========================================================
   MORE
========================================================== */

.worktarot-more {
    display: grid;

    grid-template-columns:
        minmax(0,.72fr)
        minmax(0,1.28fr);

    gap: clamp(45px,7vw,90px);
}

.worktarot-more h2 {
    margin-top: 10px;

    font-size:
        clamp(37px,4.4vw,51px);

    line-height: 1.04;
}

.worktarot-more-links {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 12px;
}

.worktarot-more-links a {
    display: flex;

    min-height: 80px;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    padding: 19px;

    border:
        1px solid rgba(55,31,62,.09);

    border-radius: 17px;

    color: #2c1833;

    background: #fff;

    box-shadow:
        0 10px 30px rgba(42,22,48,.045);

    text-decoration: none;
}

.worktarot-more-links span {
    color: #78438f;
}


/* ==========================================================
   FINAL
========================================================== */

.worktarot-final-heading {
    max-width: 760px;

    margin: 0 auto 32px;

    text-align: center;
}

.worktarot-final-heading h2 {
    margin: 10px 0;

    color: #fff;

    font-size:
        clamp(38px,4.5vw,52px);

    line-height: 1.04;
}

.worktarot-final-heading p {
    color: #cec2d5;
}

.worktarot-final-options {
    display: grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap: 20px;

    max-width: 920px;

    margin: 0 auto;
}

.worktarot-final-options article {
    display: flex;

    min-width: 0;
    min-height: 285px;

    flex-direction: column;

    padding: 27px 24px;

    overflow: hidden;

    border:
        1px solid rgba(255,255,255,.10);

    border-radius: 22px;

    background:
        rgba(255,255,255,.04);
}

.worktarot-final-options article > span {
    color: #f5d88c;

    font-size: 9px;
    font-weight: 900;

    letter-spacing: .14em;
}

.worktarot-final-phone {
    display: block;

    margin: 13px 0 12px;

    white-space: nowrap;

    color: #fff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:
        clamp(36px,3.5vw,48px);

    font-weight: 900;

    letter-spacing: -.04em;

    text-decoration: none;
}

.worktarot-final-options img {
    display: block;

    width: 100%;
    height: auto;

    margin-bottom: 19px;
}

.worktarot-final-options h3 {
    margin: 13px 0 8px;

    color: #fff;

    font-size: 25px;
}

.worktarot-final-options p {
    color: #cec2d5;
}

.worktarot-final-options .seo-payment-pills {
    justify-content: flex-start;
}

.worktarot-final-options .seo-cta {
    align-self: flex-start;

    margin-top: auto;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 950px) {

    .worktarot-hero-grid {
        grid-template-columns: 1fr;
    }

    .worktarot-hero-photo {
        max-width: 700px;
        min-height: 520px;
    }

    .worktarot-question-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .worktarot-situations {
        grid-template-columns:
            repeat(2,minmax(0,1fr));
    }

    .worktarot-change-layout,
    .worktarot-decisions,
    .worktarot-money-grid,
    .worktarot-more {
        grid-template-columns: 1fr;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 650px) {

    .worktarot-hero h1 {
        font-size: 46px;
    }

    .worktarot-hero-photo {
        min-height: 430px;
    }

    .worktarot-hero-topics,
    .worktarot-question-grid,
    .worktarot-situations,
    .worktarot-service-grid,
    .worktarot-more-links,
    .worktarot-final-options {
        grid-template-columns: 1fr;
    }

    .worktarot-change-card,
    .worktarot-next-card {
        padding: 25px 21px;
    }

    .worktarot-service-grid article {
        grid-template-columns:
            58px minmax(0,1fr);

        gap: 16px;

        padding: 23px 19px;
    }

    .worktarot-service-grid article > span {
        width: 56px;
        height: 56px;

        font-size: 18px;
    }

    .worktarot-final-phone {
        font-size: 40px;
    }

}

/* ===== TAROT TRABAJO END ===== */