/* Fuentes usadas
Oswald:400;700 Source+Sans+Pro:400;700
font-family: 'Oswald', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/


.mark, mark {
    padding: 0.2em;
    background-color: #E2F5FA;
}

/* <BANNER> */
#fBannerCursos {
    padding-top: 5rem;
    padding-bottom: 9rem;
    background-image: linear-gradient(to right, #e7869d, #d495cb, #aeaae8, #85bdee, #76cae1);
    border-top: solid 1px rgba(171, 173, 154, .2);
}
    #fBannerCursos h1 {
        color: #343426 !important;
        margin-bottom: 1.5rem;
    }
    #fBannerCursos h2 {
        font-family: 'Source Sans Pro', sans-serif !important;
        font-size: 150% !important;
        font-weight: 600 !important;
        color: #343426 !important;
    }

    #fBannerCursos h5 {
        font-family: 'Source Sans Pro', sans-serif !important;
        letter-spacing: .5rem;
        font-weight: 700 !important;
        font-size: 90%;
        margin-bottom: 0rem;
        line-height: 1.4;
        color: #343426 !important;
        opacity: .5;
    }

@media only screen and (max-width: 992px) {
    #fBannerCursos {
        padding-top: 7rem;
        padding-bottom: 9rem;
    }
}

/* </BANNER> */

/* <CARACTERISTICAS> */
#fCaracteristicas {
    margin-top: -10rem;
    padding-bottom: 1rem;
    border-top: none;
    background-color: transparent;
}

    #fCaracteristicas .cuadro {
        padding: 1rem 1rem 1rem 1rem;
        margin-bottom: 3rem;
        background: none;
    }
        #fCaracteristicas .cuadro h3 {
            font-family: 'Source Sans Pro', sans-serif !important;
            font-size: 120% !important;
        }
        #fCaracteristicas .cuadro h4 {
            color: #191919 !important;
            margin-bottom: .1rem;
        }

        #fCaracteristicas .cuadro h5 {
            padding-bottom: 1rem;
        }

        #fCaracteristicas .cuadro .icon {
            padding-bottom: 1rem;
        }

        #fCaracteristicas .cuadro .card {
            background-color: #F5F7F6;
            border-radius: 0 1.5rem 1.5rem 1.5rem;
            border: solid 1px rgba(171, 173, 154, .5);
            padding-bottom: 1rem;
            transition: .3s ease-in-out;
        }

            #fCaracteristicas .cuadro .card:hover {
                background-color: #fff;
                transform: translate(0,-1rem);
                -webkit-transform: translate(0,-1rem); /** Chrome & Safari **/
                -o-transform: translate(0,-1rem); /** Opera **/
                -moz-transform: translate(0,-1rem); /** Firefox **/
                transition: .3s ease-in-out;
            }


@media only screen and (max-width: 992px) {
    #fCaracteristicas {
        padding-top: 3rem;
        padding-bottom: 0rem;
    }

        #fCaracteristicas .cuadro {
            margin-bottom: 0rem;
        }
            #fCaracteristicas .cuadro .card:hover {
                background-color: #fff;
                transform: none;
            }

}
/* </CARACTERISTICAS> */


/* <DESTACADO> */
#fDestacado {
    background-color: #fff;
    padding-top: 0rem;
    padding-bottom: 2rem;
}

    #fDestacado .columna1 {
        margin-top: 1rem !important;
    }

    #fDestacado h2::before {
        content: ' ';
        display: inline-block;
        position: absolute;
        background: url("/images/linea-rosa.svg") no-repeat;
        background-size: contain;
        height: 70px;
        width: 7px;
        left: 0;
        top: -.3rem;
    }

    #fDestacado h2 {
        margin-bottom: 2rem;
        padding-left: 1rem;
    }

    #fDestacado h5 {
        font-family: 'Source Sans Pro', sans-serif !important;
        letter-spacing: .5rem;
        font-weight: 700 !important;
        font-size: 90%;
        margin-bottom: 0rem;
        line-height: 1.4;
        opacity: .5;
    }

    #fDestacado .columna1 .texto {
        padding-left: 1rem;
    }

    #fDestacado .columna1 .firma {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }




@media only screen and (max-width: 992px) {
    #fDestacado {
        padding-top: 2rem;
        padding-bottom: 0rem;
    }

        #fDestacado .columna1 {
            padding-top: 0rem;
            margin-left: 1rem;
            margin-right: 1rem;
            padding-bottom: 3rem;
        }
}
/* </DESTACADO> */



/* <CURSOS> */
#fCursos {
    padding-top: 0rem;
    padding-bottom: 2rem;
    border-top: solid 1px rgba(171, 173, 154, .5);
    background-color: #F5F7F6;
}

    #fCursos .cuadro {
        padding: 1rem 1rem 1rem 1rem;
        margin-bottom: 3rem;
        background: none;
    }

        #fCursos .cuadro h3 {
            font-family: 'Source Sans Pro', sans-serif !important;
            font-size: 120% !important;
            color: #343426 !important;
            text-decoration: none;
        }

            #fCursos .cuadro h3:hover {
                color: #343426 !important;
                text-decoration: underline !important;
            }

    #fCursos h2 {
        margin-bottom: 1rem !important;
    }

    #fCursos .lead {
        margin-bottom: 2rem;
    }

        #fCursos .cuadro h4 {
            color: #191919 !important;
            margin-bottom: .1rem;
        }

        #fCursos .cuadro h5 {
            padding-bottom: 1rem;
        }

        #fCursos .cuadro .icon {
            padding-bottom: 1rem;
        }

        #fCursos .cuadro .card {
            background-color: #fff;
            border-radius: 0 1.5rem 1.5rem 1.5rem;
            border: solid 1px rgba(171, 173, 154, .5);
        }

        #fCursos .cuadro .card-body {
            padding-bottom: 2.5rem;
        }



        /* Efecto foto opacidad */
        .hoverRosa figure {
            background: #70CFE6;
            border-radius: 0 1.5rem 0 0;
        }

            .hoverRosa figure img {
                opacity: 1;
                -webkit-transition: .3s ease-in-out;
                transition: .3s ease-in-out;
                width: 100%;
                border-radius: 0 1.5rem 0 0;
            }

            .hoverRosa figure:hover img {
                opacity: .3;
            }

         /* /Efecto foto opacidad */


@media only screen and (max-width: 992px) {

    #fCursos {
        padding-top: 0rem;
        padding-bottom: 3rem;
    }
        #fCursos .cuadro {
            margin-bottom: 0rem;
        }

}
/* </CURSOS> */

/* <PAULINA> */
#fPaulina {
    padding-top: 5rem;
    padding-bottom: 4rem;
    background-color: #fff;
    border-top: solid 1px rgba(171, 173, 154, .5);
}

    #fPaulina .columna1 {
        padding-bottom: 2rem;
    }

    #fPaulina h2::before {
        content: ' ';
        display: inline-block;
        position: absolute;
        background: url("/images/linea-verde.svg") no-repeat;
        background-size: contain;
        height: 70px;
        width: 7px;
        left: 0;
        top: -.3rem;
    }

    #fPaulina h2 {
        margin-bottom: 2rem;
        padding-left: 1rem;
    }

    #fPaulina .columna1 .texto {
        padding-left: 1rem;
    }

    #fPaulina .columna1 .firma {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

@media only screen and (max-width: 992px) {
    #fPaulina {
        padding-top: 3rem;
        padding-bottom: 1rem;
    }

        #fPaulina .columna1 {
        }


}
/* </PAULINA> */



/* <CALL> */
#fCall {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-image: linear-gradient(to right, #e7869d, #d495cb, #aeaae8, #85bdee, #76cae1);
    border-top: solid 1px rgba(171, 173, 154, .2);
    text-align: center;
    color: #343426 !important;
}

    #fCall h2 {
        font-size: 300%;
        color: #343426 !important;
    }

    #fCall h5 {
        padding-top: 0rem;
        padding-bottom: 1rem;
        font-family: 'Source Sans Pro', sans-serif !important;
        color: #343426 !important;
    }

@media only screen and (max-width: 992px) {

    #fCall {
    }

        #fCall h5 {
            padding-bottom: 1rem;
        }

}
/* </CALL> */




/* <PIE> */

    #fPie .columna2 {
        padding-top: 1rem;
        padding-bottom: 0rem;
        text-align: center;
        font-family: 'Playfair Display', serif;
        font-weight: 700 !important;
    }



@media only screen and (max-width: 992px) {

}
/* </PIE> */

/* <SUBIR> */
#fSubir {
    text-align:center;
}


@media only screen and (max-width: 992px) {


}
/* </SUBIR> */



/* <SECCION> */
#fBannerSeccion {
    padding-top: 5rem;
    padding-bottom: 5rem;
    background-image: linear-gradient(to right, #e7869d, #d495cb, #aeaae8, #85bdee, #76cae1);
    border-top: solid 1px rgba(171, 173, 154, .2);
}

    #fBannerSeccion h1 {
        color: #343426 !important;
        margin-bottom: 1rem;
    }

    #fBannerSeccion h2 {
        font-family: 'Source Sans Pro', sans-serif !important;
        font-size: 150% !important;
        font-weight: 600 !important;
        color: #343426 !important;
    }

    #fBannerSeccion h5 {
        font-family: 'Source Sans Pro', sans-serif !important;
        letter-spacing: .5rem;
        font-weight: 700 !important;
        font-size: 90%;
        margin-bottom: 0rem;
        line-height: 1.4;
        color: #343426 !important;
        opacity: .5;
    }

@media only screen and (max-width: 992px) {
    #fBannerSeccion {
        padding-top: 6rem;
        padding-bottom: 3rem;
    }
}

/* </SECCION> */

/* <INTRO> */
#fIntroduccion {
    background-color: #fff;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

    #fIntroduccion .columna1 {
        margin-top: 2rem;
    }

    #fIntroduccion h2::before {
        content: ' ';
        display: inline-block;
        position: absolute;
        background: url("/images/linea-rosa.svg") no-repeat;
        background-size: contain;
        height: 70px;
        width: 7px;
        left: 0;
        top: -.3rem;
    }

    #fIntroduccion h2 {
        margin-bottom: 2rem;
        padding-left: 1rem;
    }

    #fIntroduccion .columna1 .texto {
        padding-left: 1rem;
    }

    #fIntroduccion .columna1 .firma {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }



    #fIntroduccion .columna2 {
        margin-top: 2rem;
    }

    #fIntroduccion .lead {
        font-size: 120% !important;
        line-height: 1.4 !important;
        font-weight: 400 !important;
        padding-bottom: 1rem;
        color: #343426;
    }


@media only screen and (max-width: 992px) {

    #fIntroduccion {
        padding-top: 3rem;
        padding-bottom: 0rem;
    }

        #fIntroduccion .columna1 {
            margin-left: 1rem;
            margin-right: 1rem;
            padding-bottom: 2rem;
        }
        #fIntroduccion .columna2 {
            padding-bottom: 2rem;
        }
        #fIntroduccion h2 {
            padding-top: 1rem;
            margin-bottom: 3rem;
        }

}
/* </INTRO> */


/* <CONTENIDO> */
#fContenido {
    background-color: #F5F7F6;
    padding-top: 0rem;
    padding-bottom: 2rem;
    border-top: solid 1px rgba(171, 173, 154, .2);
}

    #fContenido h2 {
        margin-bottom: 5rem;
    }

    #fContenido h3 {
        margin-bottom: 2rem;
    }

    #fContenido .icon {
        font-size: 150% !important;
    }

    #fContenido .cuadro {
        padding: 1rem 1rem 1rem 2rem;
        margin-bottom: 3rem;
    }

        #fContenido .cuadro h4 {
            color: #191919 !important;
            margin-bottom: .1rem;
            font-size: 120% !important;
            font-family: 'Source Sans Pro', sans-serif !important;
        }

        #fContenido .cuadro h5 {
            padding-bottom: 1rem;
        }

        #fContenido .cuadro .icon {
            padding-bottom: 1rem;
        }




    #fContenido .icon2 {
        font-size: 300% !important;
        padding-bottom: 1rem;
    }

@media only screen and (max-width: 992px) {

    #fContenido {
        padding-bottom: 3rem;
    }

        #fContenido h2 {
            margin-bottom: 3rem;
        }

        #fContenido h3 {
            margin-bottom: 2rem;
        }
        #fContenido .cuadro {
            margin-bottom: 0rem;
            text-align: center;
        }

}
/* </CONTENIDO> */


/* </VARIOS> */
.badge-primary {
    color: #fff;
    background-color: #70CFE6;
}

.badge-secondary {
    color: #fff;
    background-color: #528C64;
}

.badge-danger {
    color: #fff;
    background-color: #E7869D;
}
/* </VARIOS> */


/* <FORMULARIO RAPIDO> */
#fFormulario {
    padding-top: 5rem;
    padding-bottom: 3rem;
    background-image: linear-gradient(to bottom, #dcd8d6, #e3dfde, #e9e6e7, #f0eeee, #f6f5f6, #f9f8f9, #fcfcfc, #ffffff, #ffffff, #ffffff, #ffffff, #ffffff);
}


    #fFormulario .form-control {
        display: block;
        width: 100%;
        height: calc(2rem + 1rem + 2px);
        padding: .375rem .75rem;
        background-color: transparent;
        background-clip: padding-box;
        border: 1px solid #DCD8D6;
        border-radius: .25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

@media only screen and (max-width: 992px) {

    #fFormulario {
        padding-top: 3rem;
        padding-bottom: 1.5rem;
    }
}

.error {
    color: #E17D7D;
}

/* </FORMULARIO RAPIDO> */