/* CATALOGO DE CURSOS - COMPATIBLE CON BOOTSTRAP 3 */

.catalogo-cursos{
    overflow:hidden;
    width:100%;
}

/* TARJETAS */

.curso-card{
    width:31%;
    float:left;
    margin-right:3.5%;
    margin-bottom:30px;
    background:#ffffff;
    border-radius:18px;
    border:3px solid #002f6c;
    position:relative;
    overflow:hidden;
    box-shadow:0 6px 18px rgba(0,0,0,0.15);
}

.curso-card:nth-child(3n){
    margin-right:0;
}

.curso-card:before{
    content:"";
    position:absolute;
    top:6px;
    left:6px;
    right:6px;
    bottom:6px;
    border:2px solid #d6a328;
    border-radius:12px;
    pointer-events:none;
    z-index:2;
}

.curso-card img{
    width:100%;
    height:auto;
    display:block;
}

.curso-numero{
    position:absolute;
    top:15px;
    left:15px;
    width:45px;
    height:45px;
    border-radius:50%;
    background:#002f6c;
    color:#ffffff;
    border:2px solid #d6a328;
    text-align:center;
    line-height:41px;
    font-weight:bold;
    z-index:3;
}

.curso-body{
    padding:14px 22px 20px 22px;
    text-align:center;
    position:relative;
    z-index:3;
}

.curso-body h3{
    color:#002f6c;
    font-size:18px;
    font-weight:bold;
    line-height:1.3;
    min-height:50px;
}

.curso-separador{
    width:70%;
    height:1px;
    background:#d6a328;
    margin:15px auto;
}

.curso-detalle{
    margin-bottom:18px;
    color:#555555;
}

.curso-precio-compra{
    overflow:hidden;
}

.curso-precio{
    float:left;
    color:#002f6c;
    font-size:24px;
    font-weight:bold;
}

.curso-comprar{
    float:right;
    background:#002f6c;
    color:#ffffff !important;
    text-decoration:none !important;
    padding:10px 16px;
    border-radius:6px;
    font-weight:bold;
}

.curso-comprar:hover{
    background:#0b4f91;
    color:#ffffff !important;
}

/* TABLET */

@media(max-width:991px){

    .curso-card{
        width:48%;
        margin-right:4%;
    }

    .curso-card:nth-child(3n){
        margin-right:4%;
    }

    .curso-card:nth-child(2n){
        margin-right:0;
    }

}

/* CELULAR */

@media(max-width:768px){

    .curso-card{
        width:100%;
        margin-right:0;
    }

    .curso-card:nth-child(3n){
        margin-right:0;
    }

    .curso-precio{
        float:none;
        display:block;
        margin-bottom:12px;
    }

    .curso-comprar{
        float:none;
        display:inline-block;
    }

}

/* ===============================
   BOTÓN SOLICITAR INFORMACIÓN
   =============================== */

.boton-info-centro{
    text-align:center;
    margin:25px 0 35px 0;
}

.btn-whatsapp-arech{
    display:inline-block;
    background:#16a34a;
    color:#ffffff !important;
    padding:14px 34px;
    border-radius:6px;
    text-decoration:none !important;
    font-weight:bold;
    font-size:16px;
    transition:0.3s;
}

.btn-whatsapp-arech:hover{
    background:#0f8f3a;
    color:#ffffff !important;
    text-decoration:none !important;
}

.pedidos-cursos{
    margin-top:14px;
    font-size:16px;
    color:#444;
}

.pedidos-cursos strong{
    color:#002f6c;
}
.venta-hero{
    text-align:center;
}

.venta-hero h1{
    text-align:center;
}

.venta-hero p{
    text-align:center;
}

.boton-info-centro{
    text-align:center;
    margin:25px auto 45px auto;
}

.btn-whatsapp-arech{
    min-width:320px;
}