@charset "utf-8";
/* 1-smartphone/plataforma.css */



    .bloqueplataforma {
        font-family: "Nunito Sans", sans-serif;
        width: 100%;
        padding-top: 2%;
        padding-bottom: 2%;
        overflow: hidden;
        background: #e8e1dc;
        background: linear-gradient(180deg, rgba(232, 225, 220, 1) 0%, rgba(255, 255, 255, 1) 21%);
    }


    .celu {
        float: left;
        width: 80%;
        margin-left: 15%;
    }

    .celu img {
        width: 80%;
    }

    .infoplataforma {
        width: 80%;
        margin: 0 auto 0 auto;
        padding-top: 5%;
        color: #806357;
        font-size: 110%;
    }

    .tituloplat {
        font-family: "Sora", sans-serif;
        font-size: 260%;
        color: #fe5109;
        line-height: 1.1em;
        padding-bottom: 0.7em;
    }

    .bajadaplat {
        text-transform: uppercase;
        font-size: 120%;
        padding-bottom: 1em;
        letter-spacing: 0.1em;
    }



    .datos_yogaencasa {
        width: 100%;
        animation: fadeInAnimation ease 3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards;
    }
  
        @keyframes fadeInAnimation {
            0% {
                opacity: 0;
            }
            100% {
                opacity: 1;
             }
        }

    .datos_yogaencasa article {
        font-size: 110%;
        color: #806357;
        padding-bottom: 0.5em;
    }
    
    .fa-clipboard-check, .fa-user-lock, .fa-mobile-alt, .fa-clock {
        color: #fe5109;
        font-size: 150%;
        text-align: center;
        width: 40px;
    }
    
    
    .bot_accion_yogaencasa{
        padding-top: 2em;
        padding-bottom: 2em;
    }
    
    .bot_accion_yogaencasa article{
        color: #fff;
        font-weight: bold;
    }
    
    a.bot_masinfo {
        text-align: center;
        color: #fff;
        padding: 0.5em 1em 0.5em 1em;
        font-weight: normal;
        text-decoration: none;
        font-size: 130%;
        background-color: #fe5109;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        cursor: pointer;
        transition:all .3s;
}  

    a.bot_masinfo:hover {
        background-color: #58314e;
}