/* CSS */
div.generico{
    width:auto;
}
    div.generico>div{
        padding:30px 10% 40px;
    }
        div.generico>div>div{
            float:left;
            width:50%;
        }
        div.generico>div:after{
            clear:both;
            content:'';
            display:block;
            float:none;
            font-size:0;
        }
            /* IMAGEN */
            div.generico>div>div:first-child>div{
                padding:0 15px 0 0;
            }
                div.generico>div>div:first-child>div>img{
                    border-radius:6px;
                    border-width:0;
                    width:100%;
                }
            /* TEXTO */
            div.generico>div>div:last-child>div{
                padding:0 0 0 15px;
            }
                div.generico>div>div:last-child>div>h1,
                div.generico>div>div:last-child>div>h2{
                    color:#68a08a;
                    font-family:'PT Sans Narrow', sans-serif;
                    font-size:36pt;
                    font-weight:600;
                    line-height:1.2em;
                    margin:0;
                    padding:20px 0 0;
                    text-align:left;
                }
                div.generico>div>div:last-child>div>h2{
                    color:#a4bdb3;
                    font-family:'PT Sans Narrow', sans-serif;
                    font-size:13pt;
                    font-weight:400;
                    margin:0;
                    padding:10px 0 20px;
                    text-align:left;
                }
                div.generico>div>div:last-child>div>p{
                    color:#6d6d6d;
                    font-family:sans-serif;
                    font-size:14pt;
                    font-weight:400;
                    margin:0;
                    padding:20px 0 20px;
                    text-align:left;
                }
                div.generico>div>div:last-child>div>div[data-btn-wa],
                div.generico>div>div:last-child>div>div[data-btn-reg]{
                    padding:10px 0 10px;
                    text-align:left;
                }
                div.generico>div>div:last-child>div>div[data-btn-reg]{
                    padding:30px 0 10px;
                }
                div.generico>div>div:last-child>div>div[data-btn-wa]>a{
                    background-color:#68a08a;
                    border:1px solid #68a08a;
                    border-radius:6px;
                    color:#fff;
                    display:inline-block;
                    font-family:'PT Sans Narrow', sans-serif;
                    font-size:14pt;
                    font-weight:400;
                    margin:15px 0 0;
                    padding:10px 13px;
                    text-decoration:none;
                    transition:background-color 0.2s;
                    -ms-transition:background-color 0.2s;
                    -moz-transition:background-color 0.2s;
                    -o-transition:background-color 0.2s;
                    -webkit-transition:background-color 0.2s;
                }
                div.generico>div>div:last-child>div>div[data-btn-wa]>a:hover{
                    background-color:#fff;
                    border-color:#d1d9d6;
                    color:#68a08a;
                }
                div.generico>div>div:last-child>div>div[data-btn-wa]>a:before{
                        background-color:transparent;
                        background-image:url('/assets/recursos/WhatsApp-ro.png');
                        background-position:center center;
                        background-repeat:no-repeat;
                        background-size:cover;
                        content:'';
                        display:inline-block;
                        font-size:0;
                        height:28px;
                        margin:0;
                        padding:0;
                        vertical-align:middle;
                        width:28px;
                    }
                div.generico>div>div:last-child>div>div[data-btn-wa]>a{
                    background-color:#fff;
                    border:1px solid #0dc143;
                    color:#0dc143;
                }
                div.generico>div>div:last-child>div>div[data-btn-wa]>a:hover{
                    background-color:#0dc143;
                    color:#fff;
                }
                div.generico>div>div:last-child>div>div[data-btn-wa]>a:hover:before{
                        background-image:url('/assets/recursos/WhatsApp.png');
                }
                div.generico>div>div:last-child>div>div[data-btn-reg]>a{
                    color:#68a08a;
                    display:inline-block;
                    font-family:'PT Sans Narrow', sans-serif;
                    font-size:13pt;
                    font-weight:400;
                    text-decoration:underline;
                    transition:color 0.2s;
                    -ms-transition:color 0.2s;
                    -moz-transition:color 0.2s;
                    -o-transition:color 0.2s;
                    -webkit-transition:color 0.2s;
                }
                div.generico>div>div:last-child>div>div[data-btn-reg]>a:hover{
                    color:#415f53;
                }
/*

RESPONSIVO

*/
@media screen and (max-width:880px){
    div.generico>div{
        padding:30px 30px 40px;
    }
}
@media screen and (max-width:640px){
    div.generico>div>div{
        float:none;
        width:auto;
    }
    /* IMAGEN */
    div.generico>div>div:first-child>div{
        padding:0 0 20px 0;
    }
    /* TEXTO */
    div.generico>div>div:last-child>div{
        padding:0 0 0 0;
    }
    /* BOTONES */
    div.generico>div>div:last-child>div>div[data-btn-wa],
    div.generico>div>div:last-child>div>div[data-btn-reg]{
        text-align:center;
    }
}
@media screen and (max-width:480px){
    div.generico>div{
        padding:30px 20px 40px;
    }
}