@import url('https://fonts.googleapis.com/css2?family=Gantari:wght@300&family=Playfair+Display:wght@500&family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;400;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap');
    html{
    width: 100%;
    height: 100%;
    padding: 0px;
    }
    body{
        width: 100%;
        height: 100%;
        background: #000000;
        padding: 0px;
        margin: 0;
    }

    .gt-flex-only-desktop{
        display: flex;
    }

    

    .container-proximamente{
        display:flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        height: 100%;
        color: #FFF;
    }

    .social-media{
        min-width:54px;
        border: 1px solid #d4af37;
        padding: 10px;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #d4af37; 
    }


    .tit-proximamente{
        margin-bottom: 30px;
        font-family: 'Playfair Display', serif;
    }
    .txt-proximamente{
        margin-bottom: 30px;
        text-align: center;
        font-family: 'Gantari', sans-serif;
    }

    .font-playfair-display{
        font-family: 'Playfair Display', serif;
    }

    .title-portada{
        font-family: 'Playfair Display', serif;
        font-size: 25px;
        font-style: oblique;
    }
    a.title-portada{
        color:#000000;
        text-decoration: none;
    }
    .title-playfair-display{
        font-family: 'Playfair Display', serif;
        font-size: 19px;
    }
    .txt-playfair-display{
        font-family: 'Playfair Display', serif;
        font-size: 19px;
    }
    .txt-playfair-display-13mb{
        font-family: 'Playfair Display', serif;
        font-size: 19px;
    }
    .txt-roboto{
        font-family: 'Roboto', sans-serif;
    }
    .bkg-principiantes{
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background:#45eca6;
        color:#000000;
        text-decoration: none;  
    }
    a.bkg-principiantes:hover{
        background: #000000;
        color:#45eca6;  
    }
    .bkg-intermedios{
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background:#00ffff;
        color:#000000;
        text-decoration: none;
    }
    a.bkg-intermedios:hover{
        background: #000000;
        color:#00ffff;  
    }
    .bkg-cursos{
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background:#ff69b4;
        color:#000000;
        text-decoration: none;
    }
    a.bkg-cursos:hover{
        background: #000000;
        color:#ff69b4;  
    }
    .bkg-redes{
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background:#ff69b4;
        color:#000000;
        text-decoration: none;
    }
    div.bkg-redes:hover{
        background: #000000;
        color:#ff69b4;  
    }
    .bkg-consultantes{
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        background:#d4af37;
        color:#000000;
        text-decoration: none;
    }
    a.bkg-consultantes:hover{
        background: #000000;
        color:#d4af37;  
    }

    .content-symbols-center{
        background: #000000;
        height: 200px;
        color: #FFF;
        z-index: 2;
        border: 2px solid #d4af37;

        display: flex;
        justify-content: center;
        align-items: center;
    }
    .border-right-symbols{
        border-right: 2px solid #d4af37;
    }
    .symbols-center{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 25%;
        height: 100%;
        padding: 0;
    }

    .txt-symbols{
        opacity: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 196px;
        text-decoration: none;
        text-align: center;
        padding: 15px;
    }
    a.txt-symbols:hover{
        width: 100%;
        height: 196px;
        opacity: 1;
        background: #000000;
        color:#FFF;
        font-family: 'Roboto', sans-serif;
        font-size: 13px;
    }

    .color-d4af37{
        color:#d4af37;
    }
    .color-00ffff{
        color:#00ffff;
    }
    .bkg-d4af37{
        background:#d4af37;
    }
    .color-45eca6{
        color:#45eca6;
    }
    .bkg-45eca6{
        background:#45eca6;
    }
    .bkg-00ffff{
        background:#00ffff;
    }

    .txt-menu-principiantes{
        color:#45eca6;
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
    }
    a.txt-menu-principiantes{
        text-decoration: none;
    }
    a.txt-menu-principiantes:hover{
        color:#191919;
        text-decoration: underline;
    }




    .bkg-oro{
        background-image: url("../images/GlamTarot-oro.png");
        background-repeat: no-repeat;
        background-position: center;
    }
    .bkg-espada{
        background-image: url("../images/GlamTarot-espada.png");
        background-repeat: no-repeat;
        background-position: center;
    }
    .bkg-basto{
        background-image: url("../images/GlamTarot-basto.png");
        background-repeat: no-repeat;
        background-position: center;
    }
    .bkg-copa{
        background-image: url("../images/GlamTarot-copa.png");
        background-repeat: no-repeat;
        background-position: center;
    }

    .item-over-principiantes {
        cursor: pointer;
        padding: 20px 0px;
    }
    
    .item-over-principiantes img {
        height: 50px;
        width: auto;
    }
    
    .item-over-principiantes:hover {
        cursor: pointer;
        background: #45eca6;
    }
    .item-over-avanzados {
        cursor: pointer;
        padding: 20px 0px;
    }
    
    .item-over-avanzados img {
        height: 50px;
        width: auto;
    }
    
    .item-over-avanzados:hover {
        cursor: pointer;
        background: #00ffff;
    }

    .onTop-v{
        display: flex;
        justify-content: center;
        align-items:flex-start;
    }
    
    .centrado-v-h {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    a.centrado-v-h{
        color:#000000;
        text-decoration: none;
    }
    a.centrado-v-h:hover{
        color:#000000;
        text-decoration: none;
    }
    
    .breakline-desktop::before {
        content: '\A';
        white-space: pre;
    }

    .box-right-d4af37{
        border: 1px solid #d4af37;
        padding: 2rem;
    }
    .box-right-45eca6{
        border: 1px solid #45eca6;
        padding: 2rem;
    }
    .box-right-00ffff{
        border: 1px solid #00ffff;
        padding: 2rem;
    }

    .logo-header-mb{
        display: none;
    }
    .hideDesktop{
        display: none;
    }

    .content-avanzados{
        background: #FFF;
        height: 520px;
        padding: 20px 0;
    }
    .content-principiantes{
        background: #FFF;
        height: 520px;
        padding: 20px 0;
    }

    .border-right-avanzados{
        border-right:2px solid #999999 ;
    }

    .content-parallax{
        height: 505px;
    }

    .parallax-pr-1 {
        /* Create the parallax scrolling effect */
        background-image: url("../images/fondo-pr-1.png");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .parallax-pr-2 {
        /* Create the parallax scrolling effect */
        background-image: url("../images/fondo-pr-2.png");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .parallax-pr-3 {
        /* Create the parallax scrolling effect */
        background-image: url("../images/fondo-pr-3.png");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .parallax-pr-4 {
        /* Create the parallax scrolling effect */
        background-image: url("../images/fondo-pr-4.png");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .parallax-pr-5 {
        /* Create the parallax scrolling effect */
        background-image: url("../images/fondo-pr-5.png");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .parallax-av-1 {
        /* Create the parallax scrolling effect */
        background-image: url("../images/fondo-av-1.png");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .parallax-av-2 {
        /* Create the parallax scrolling effect */
        background-image: url("../images/fondo-av-2.png");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .parallax-av-3 {
        /* Create the parallax scrolling effect */
        background-image: url("../images/fondo-av-3.jpg");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .parallax-av-4 {
        /* Create the parallax scrolling effect */
        background-image: url("../images/fondo-av-4.png");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .parallax-av-5 {
        /* Create the parallax scrolling effect */
        background-image: url("../images/fondo-av-5.png");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    .parallax-av-6 {
        /* Create the parallax scrolling effect */
        background-image: url("../images/fondo-av-6.png");
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .txt-menu-notas{
        color: #FFF;
    }
    a.txt-menu-notas{
        color: #FFF;
        text-decoration: none;
    }
    a.txt-menu-notas:hover{
        color: #FFF;
        text-decoration: underline;
    }

    .txt-align-notas{
        margin-right: 3rem!important;
        text-align: left;
    }
    .recuadro-align-notas{
        margin-left: 3rem!important;
        text-align: left;
    }

    .icons-top-notas{
        color: #FFF;
        opacity: 1;
    }
    .icons-top-notas:hover{
        opacity: 0.5;
    }

    .size-img-notas{
        width: 100%;
        height: auto;
    }

    .cursos-content{
        border-bottom: 1px solid #FFF;
        padding-bottom: 25px;
        width: 50%;
    }
    .lectura-tarot{
        display:none;
    }

    @media (max-width: 767px) {
        .gt-flex-only-desktop{
            display: flex;
            flex-direction: column;
        }
        a.bkg-principiantes:hover .bkg-principiantes:active{
            background: #000000;
            color:#45eca6;  
        }
        .content-symbols-center{
            height: 96px;
        }
        a.txt-symbols:hover{
            height: 92px;
            font-size: 10px;
            padding: 4px;
        }
        .content-avanzados{
            height: 620px;
            padding: 10px 0;
        }
        .bkg-oro{
            background-size: 60% auto;
        }
        .bkg-espada{
            background-size: 31% auto;
        }
        .bkg-basto{
            background-size: 60% auto;
        }
        .bkg-copa{
            background-size: 60% auto;
        }
        .title-portada{
            font-size: 18px;
        }
        .hide-mobile{
            display: none !important;
        }
        .hideDesktop{
            display: block;
        }

        .bkg-header-mb{
            height: 70px;
            display: flex;
            justify-content: center;
            align-items: center;
        }
        .breakline-desktop::before {
            content: unset;
            white-space: unset;
        }
    
        .txt-playfair-display {
            font-size: 15px;
        }
        .txt-playfair-display-13mb{
            font-family: 'Playfair Display', serif;
            font-size: 13px;
        }
        .logo-header-mb{
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .imgMB-60{
            width: 60% !important;
            height: auto !important;
        }
        .border-right-avanzados{
            border-right:none;
        }
        .item-over-avanzados {
            padding: 15px 0px;
        }
        .txt-align-notas{
            margin-right: 0 !important;
            padding: 20px;
            text-align: justify;
        }
        .recuadro-align-notas{
            margin-left: 0 !important;
            padding: 20px;
        }
        .marginTop-MOB-3em{
            margin-top: 3em;
        }
        .padding-right-MB{
            padding-right: 2.3rem;
        }
        .menu-mb{
            padding:2rem auto;
        }

        .content-parallax{
            height: 355px;
        }
        
        .parallax-pr-1 {
            /* Create the parallax scrolling effect */
            background-image: url("../images/fondo-pr-01-mobile.jpg");
            background-attachment: fixed;
            background-position: center 290px; 
            background-repeat: no-repeat;
            background-size: auto;
        }
        .parallax-pr-2 {
            /* Create the parallax scrolling effect */
            background-image: url("../images/fondo-pr-02-mobile.jpg");
            background-attachment: fixed;
            background-position: center 200px;
            background-repeat: no-repeat;
            background-size: auto;
        }
        .parallax-pr-3 {
            /* Create the parallax scrolling effect */
            background-image: url("../images/fondo-pr-03-mobile.jpg");
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto;
        }
        .parallax-pr-4 {
            /* Create the parallax scrolling effect */
            background-image: url("../images/fondo-pr-04-mobile.jpg");
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto;
        }
        .parallax-pr-5 {
            /* Create the parallax scrolling effect */
            background-image: url("../images/fondo-pr-05-mobile.jpg");
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto;
        }

        .parallax-av-1 {
            /* Create the parallax scrolling effect */
            background-image: url("../images/fondo-av-01-mobile.jpg");
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto;
        }
        .parallax-av-2 {
            /* Create the parallax scrolling effect */
            background-image: url("../images/fondo-av-02-mobile.jpg");
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto;
        }
        .parallax-av-3 {
            /* Create the parallax scrolling effect */
            background-image: url("../images/fondo-av-03-mobile.jpg");
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto;
        }
        .parallax-av-4 {
            /* Create the parallax scrolling effect */
            background-image: url("../images/fondo-av-04-mobile.jpg");
            background-attachment: fixed;
            background-position: center 280px;
            background-repeat: no-repeat;
            background-size: auto;
        }
        .parallax-av-5 {
            /* Create the parallax scrolling effect */
            background-image: url("../images/fondo-av-05-mobile.jpg");
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto;
        }
        .parallax-av-6 {
            /* Create the parallax scrolling effect */
            background-image: url("../images/fondo-av-06-mobile.jpg");
            background-attachment: fixed;
            background-position: center;
            background-repeat: no-repeat;
            background-size: auto;
        }
        .cursos-content{
            width: 80%;
        }
        .lectura-tarot{
            display:flex;
            justify-content: center;
            align-items: center;
            background: #ec8f62;
        }

        .content-symbols-center img{
            width: 252px;
            height: auto;
        }
    
        
    }

    @media (max-width: 600px) {
        .img-center{
            text-align: center;
        }
        .logo-mb{
            width: 89%;
            height: auto;
        }
        .image-mb{
            text-align: center;
        }
        .image-mb{
            width: 55%;
            height: auto;
        }

        .txt-proximamente{
            font-size: 14px;
        }
    }