/* ==========================================================
   TAROTISTABARATO.EU
   FOOTER V4
   ========================================================== */

.footer-v4,
.footer-v4 * {
    box-sizing:border-box;
}

.footer-v4 {
    position:relative;

    overflow:hidden;

    width:100%;

    padding:
        0
        0;

    color:#cfc4d5;

    background:
        linear-gradient(
            180deg,
            #0b0610 0%,
            #07040a 100%
        );

    border-top:
        1px solid
        rgba(240,206,117,.12);
}

.footer-v4__glow {
    position:absolute;

    top:-220px;
    left:8%;

    width:520px;
    height:360px;

    pointer-events:none;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(118,45,157,.16) 0%,
            rgba(118,45,157,0) 70%
        );
}


/* ==========================================================
   MAIN
   ========================================================== */

.footer-v4__main {
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(260px,1.08fr)
        minmax(0,1.92fr);

    gap:
        clamp(55px,7vw,105px);

    width:min(
        1180px,
        calc(100% - 48px)
    );

    margin:0 auto;

    padding:
        68px
        0
        58px;
}


/* ==========================================================
   BRAND
   ========================================================== */

.footer-v4__brand {
    min-width:0;
}

.footer-v4__logo {
    display:block;

    width:100%;
    max-width:280px;

    margin:0;

    text-decoration:none;
}

.footer-v4__logo img {
    display:block !important;

    width:100% !important;
    max-width:280px !important;
    height:auto !important;

    margin:0 !important;

    object-fit:contain;
}

.footer-v4__intro {
    max-width:310px;

    margin:
        26px
        0
        0;

    color:#a99caf;

    font-size:14px;
    line-height:1.75;
}

.footer-v4__about {
    display:inline-flex;

    align-items:center;

    gap:9px;

    margin-top:23px;

    color:#e4c36b;

    font-size:13px;
    font-weight:800;

    text-decoration:none;

    transition:
        color .2s ease,
        gap .2s ease;
}

.footer-v4__about:hover {
    gap:13px;

    color:#f8dd91;
}


/* ==========================================================
   NAV
   ========================================================== */

.footer-v4__nav {
    display:grid;

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

    gap:
        clamp(30px,4vw,58px);
}

.footer-v4__column {
    display:flex;

    min-width:0;

    flex-direction:column;

    align-items:flex-start;

    gap:0;
}

.footer-v4__title {
    position:relative;

    display:block;

    margin:
        0
        0
        21px;

    padding-bottom:13px;

    color:#f1ce73;

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

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

.footer-v4__title::after {
    content:"";

    position:absolute;

    left:0;
    bottom:0;

    width:32px;
    height:1px;

    background:
        linear-gradient(
            90deg,
            #e6c363,
            rgba(230,195,99,0)
        );
}

.footer-v4__column a {
    display:block;

    width:auto;

    margin:0;

    padding:
        6px
        0;

    color:#bfb2c5;

    font-size:13px;
    line-height:1.4;

    text-decoration:none;

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

.footer-v4__column a:hover {
    color:#fff;

    transform:
        translateX(3px);
}


/* ==========================================================
   BOTTOM
   ========================================================== */

.footer-v4__bottom {
    position:relative;
    z-index:2;

    display:grid;

    grid-template-columns:
        auto
        1fr
        auto;

    align-items:center;

    gap:
        15px
        28px;

    width:min(
        1180px,
        calc(100% - 48px)
    );

    margin:0 auto;

    padding:
        24px
        0
        28px;

    border-top:
        1px solid
        rgba(255,255,255,.065);
}

.footer-v4__copyright,
.footer-v4__note {
    margin:0;

    color:#84798a;

    font-size:11px;
    line-height:1.5;
}

.footer-v4__note {
    text-align:left;
}

.footer-v4__legal {
    display:flex;

    flex-wrap:wrap;

    justify-content:flex-end;

    gap:
        8px
        18px;
}

.footer-v4__legal a {
    color:#918597;

    font-size:11px;
    line-height:1.4;

    text-decoration:none;

    transition:
        color .18s ease;
}

.footer-v4__legal a:hover {
    color:#e9ca72;
}


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

@media (max-width:950px) {

    .footer-v4__main {
        grid-template-columns:1fr;

        gap:50px;

        padding-top:58px;
    }

    .footer-v4__brand {
        max-width:460px;
    }

    .footer-v4__intro {
        max-width:430px;
    }

    .footer-v4__nav {
        gap:35px;
    }

    .footer-v4__bottom {
        grid-template-columns:
            1fr
            auto;
    }

    .footer-v4__note {
        display:none;
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width:650px) {

    .footer-v4__main {
        width:
            calc(100% - 36px);

        gap:42px;

        padding:
            50px
            0
            42px;
    }

    .footer-v4__logo {
        max-width:245px;
    }

    .footer-v4__logo img {
        max-width:245px !important;
    }

    .footer-v4__nav {
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap:
            36px
            26px;
    }

    .footer-v4__column:last-child {
        grid-column:
            1 / -1;
    }

    .footer-v4__bottom {
        display:flex;

        width:
            calc(100% - 36px);

        flex-direction:column;

        align-items:flex-start;

        gap:14px;

        padding:
            23px
            0
            27px;
    }

    .footer-v4__legal {
        justify-content:flex-start;

        gap:
            9px
            16px;
    }

}


/* ==========================================================
   MOBILE PEQUEÑO
   ========================================================== */

@media (max-width:420px) {

    .footer-v4__nav {
        grid-template-columns:1fr;
    }

    .footer-v4__column:last-child {
        grid-column:auto;
    }

}

/* ===== MOBILE CONSULT BAR START ===== */

.mobile-consult-bar {
    display:none;
}


/* ==========================================================
   MOBILE CONVERSION BAR
   ========================================================== */

@media (max-width:640px) {

    body {
        padding-bottom:
            calc(
                88px
                + env(safe-area-inset-bottom, 0px)
            );
    }


    .mobile-consult-bar {
        position:fixed;

        z-index:99999;

        left:8px;
        right:8px;
        bottom:
            calc(
                8px
                + env(safe-area-inset-bottom, 0px)
            );

        display:grid;

        grid-template-columns:
            1.06fr
            .94fr;

        min-height:74px;

        overflow:hidden;

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

        border-radius:18px;

        background:#0b0610;

        box-shadow:
            0
            14px
            34px
            rgba(0,0,0,.50),
            0
            0
            0
            1px
            rgba(235,199,99,.08);
    }


    /* ======================================================
       BOTONES
       ====================================================== */

    .mobile-consult-bar__item {
        position:relative;

        display:flex;

        min-width:0;

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

        gap:8px;

        padding:
            10px
            8px;

        overflow:hidden;

        text-decoration:none;

        -webkit-tap-highlight-color:
            transparent;

        transition:
            transform .15s ease,
            filter .15s ease;
    }


    .mobile-consult-bar__item:active {
        transform:
            scale(.975);

        filter:
            brightness(1.12);
    }


    /* ======================================================
       806 - CTA PRINCIPAL
       ====================================================== */

    .mobile-consult-bar__item--direct {
        background:
            radial-gradient(
                circle at 25% 0%,
                rgba(255,255,255,.24),
                transparent 42%
            ),
            linear-gradient(
                135deg,
                #8b5811 0%,
                #d29a2a 39%,
                #f2ce73 57%,
                #b77b16 100%
            );

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


    .mobile-consult-bar__item--direct::after {
        content:"";

        position:absolute;

        inset:0;

        pointer-events:none;

        border-radius:
            18px
            0
            0
            18px;

        box-shadow:
            inset
            0
            0
            18px
            rgba(255,244,192,.17);
    }


    /* ======================================================
       PREPAGO
       ====================================================== */

    .mobile-consult-bar__item--prepaid {
        background:
            radial-gradient(
                circle at 75% 0%,
                rgba(192,103,222,.24),
                transparent 47%
            ),
            linear-gradient(
                145deg,
                #32163f 0%,
                #4a2059 48%,
                #28102f 100%
            );
    }


    /* ======================================================
       ICONO
       ====================================================== */

    .mobile-consult-bar__icon {
        position:relative;
        z-index:2;

        display:flex;

        flex:0 0 34px;

        width:34px;
        height:34px;

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

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

        border-radius:50%;

        color:#261406;

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

        box-shadow:
            0
            5px
            13px
            rgba(0,0,0,.18);

        font-size:18px;
        font-weight:900;
        line-height:1;
    }


    .mobile-consult-bar__icon--prepaid {
        color:#f5d98d;

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

        border-color:
            rgba(245,217,141,.30);

        font-size:15px;
    }


    /* ======================================================
       COPY
       ====================================================== */

    .mobile-consult-bar__content {
        position:relative;
        z-index:2;

        display:flex;

        min-width:0;

        flex-direction:column;

        align-items:flex-start;

        justify-content:center;

        text-align:left;
    }


    .mobile-consult-bar__label {
        display:block;

        margin-bottom:2px;

        white-space:nowrap;

        font-size:8px;
        font-weight:950;

        line-height:1;

        letter-spacing:.075em;
    }


    .mobile-consult-bar__item--direct
    .mobile-consult-bar__label {
        color:#2c1705;
    }


    .mobile-consult-bar__item--prepaid
    .mobile-consult-bar__label {
        color:#f0ce75;
    }


    .mobile-consult-bar__number {
        display:block;

        white-space:nowrap;

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

        font-size:
            clamp(18px,5vw,22px);

        font-weight:900;

        line-height:1.05;

        letter-spacing:-.035em;
    }


    .mobile-consult-bar__item--direct
    .mobile-consult-bar__number {
        color:#160b02;

        text-shadow:
            0
            1px
            0
            rgba(255,255,255,.28);
    }


    .mobile-consult-bar__item--prepaid
    .mobile-consult-bar__number {
        color:#fff;
    }


    .mobile-consult-bar__micro {
        display:block;

        margin-top:3px;

        white-space:nowrap;

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

        line-height:1;

        letter-spacing:.08em;
    }


    .mobile-consult-bar__item--direct
    .mobile-consult-bar__micro {
        color:
            rgba(36,18,3,.72);
    }


    .mobile-consult-bar__item--prepaid
    .mobile-consult-bar__micro {
        color:
            rgba(255,255,255,.62);
    }


    /* ======================================================
       DESTELLO 806
       ====================================================== */

    .mobile-consult-bar__shine {
        position:absolute;

        z-index:1;

        top:-30px;
        left:-55px;

        width:35px;
        height:145px;

        pointer-events:none;

        opacity:.43;

        transform:
            rotate(28deg);

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(255,255,255,.88),
                transparent
            );

        animation:
            mobileDirectShine
            4.8s
            ease-in-out
            infinite;
    }


    @keyframes mobileDirectShine {

        0%,
        64% {
            left:-55px;
            opacity:0;
        }

        69% {
            opacity:.55;
        }

        83% {
            left:115%;
            opacity:.15;
        }

        100% {
            left:115%;
            opacity:0;
        }
    }


    /* ======================================================
       PULSO SUAVE DEL CTA DIRECTO
       ====================================================== */

    .mobile-consult-bar__item--direct {
        animation:
            mobileDirectPulse
            3.4s
            ease-in-out
            infinite;
    }


    @keyframes mobileDirectPulse {

        0%,
        100% {
            filter:
                brightness(1);

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

        50% {
            filter:
                brightness(1.08);

            box-shadow:
                inset
                -1px
                0
                0
                rgba(255,255,255,.22),
                inset
                0
                0
                16px
                rgba(255,247,194,.12);
        }
    }


    /* ======================================================
       PANTALLAS MUY PEQUEÑAS
       ====================================================== */

    @media (max-width:370px) {

        .mobile-consult-bar {
            left:5px;
            right:5px;
        }

        .mobile-consult-bar__item {
            gap:5px;

            padding:
                9px
                5px;
        }

        .mobile-consult-bar__icon {
            flex-basis:29px;

            width:29px;
            height:29px;

            font-size:15px;
        }

        .mobile-consult-bar__number {
            font-size:17px;
        }

        .mobile-consult-bar__label {
            font-size:7px;
        }

        .mobile-consult-bar__micro {
            font-size:6px;
        }
    }

}


/* ==========================================================
   REDUCIR MOVIMIENTO SI EL USUARIO LO SOLICITA
   ========================================================== */

@media (prefers-reduced-motion:reduce) {

    .mobile-consult-bar__item--direct,
    .mobile-consult-bar__shine {
        animation:none !important;
    }

}


/* ==========================================================
   DESKTOP
   ========================================================== */

@media (min-width:641px) {

    .mobile-consult-bar {
        display:none !important;
    }

}

/* ===== MOBILE CONSULT BAR END ===== */