.eventos
{

}

    a.evento
    {
        text-decoration: none;
    }
        a:hover.evento
        {
            /* text-decoration: underline; */
        }
            a:hover.evento .titulos .inscribir
            {
                background: #0056b2;
            }
    .eventos .evento
    {
        background-color: lightgray;
        display: flex;
        padding: 1rem;
        margin: 0 1rem 1rem;
        gap: 1.5rem;
        align-items: stretch;
    }
        .eventos .evento .fecha
        {
            display: flex;
            flex-direction: column;
            text-align: right;
            line-height: 1.8rem;
            padding: 1rem;
            background: #88c100;
            color: #000;
            justify-content: center;
        }
            .eventos .evento .fecha .dia
            {
                font-size: 2.5rem;
            }
            .eventos .evento .fecha .mes
            {
                text-transform: capitalize;
            }
            .eventos .evento .fecha .anio
            {
                font-size: 0.9rem;
            }
        .eventos .evento .titulos
        {
            line-height: 1.7rem;
            color: #000;
        }
            .eventos .evento .titulos .badge
            {
                font-size: 0.8rem;
                font-weight: bold;
                display: inline-block;
                padding: 0.3rem;
                border-radius: .25rem;
                margin: 0 0 1rem;
            }
                .eventos .evento .titulos .badge.proximo
                {
                    background: #dc3545;
                    color: #fff;
                }
                .eventos .evento .titulos .badge.cupos
                {
                    background: #23b7e5;
                    color: #fff;
                }
            .eventos .evento .titulos .subtitulo
            {
                font-size: 0.9rem;
                display: block;
            }
            .eventos .evento .titulos .titulo
            {
                font-size: 2rem;
                display: block;
            }
            .eventos .evento .titulos .sede
            {
                font-size: 0.9rem;
                display: block;
            }
                .eventos .evento .titulos .sede img
                {
                    vertical-align: middle;
                    width: 38px;
                }
            .eventos .evento .titulos .inscribir
            {
                background: #007bff;
                color: #fff;
                display: inline-block;
                margin: 1rem 0 0;
                padding: 0.5rem;
                border-radius: 20px;
                width: 200px;
                text-align: center;
            }

    .eventos .evento.proximo
    {
        background: #656565;
        margin: 0 0 1rem;
    }
        .eventos .evento.proximo .titulos
        {
            color: #fff;
        }

/* -- */

.promo-curso-listado {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 10px;
	position: relative;
    margin-bottom: 1rem;
}
    @media (max-width: 768px) {
        .promo-curso-listado {
            display: block;
        }
        .promo-curso {
            margin-bottom: 10px !important;
        }
    }

.promo-curso {
	display: flex !important;
	flex-direction: row;
	border-radius: 10px;
	padding: 5px;
	cursor: pointer;
	/* background: #FFF; */
	text-align: left;
	margin: 0;
}
    .curso-2022 .promo-curso
    {
        background: #c1603f;
    	border: 2px solid #9a4c32;
    	color: #fff;
    }
        .curso-2022 .promo-curso:hover
        {
            background: #9a4c32;
        }
    .curso-diplomatura .promo-curso
    {
        background: #bf3f4c;
    	border: 2px solid #ab3844;
    	color: #fff;
    }
        .curso-diplomatura .promo-curso:hover
        {
            background: #ab3844;
        }
    .curso-2022 .promo-curso:hover {
        border: 2px solid #9a4c32;
        /* background: #d2d2d2; */
    }
    .curso-2022 .promo-curso.checked {
        background: #9a4c32;
    }
    .curso-diplomatura .promo-curso:hover {
        border: 2px solid #9a4c32;
        /* background: #d2d2d2; */
    }
    .curso-diplomatura .promo-curso.checked {
        background: #9a4c32;
    }
.promo-curso-checkbox {
	margin: 0 10px 0 0 !important;
}
.promo-curso-titulo
{
    line-height: 1rem;
    font-weight: bold;
}

.botonera
{
    background: lightgray;
    padding: 0.5rem;
    margin: 0 0 1rem;
}

.promocion-alerta
{
    margin: 0 auto 1rem;
    text-align: center;
    font-size: 1.5rem;
}

@media (max-width: 768px) {
    .eventos .evento
    {
        flex-direction: column;
    }

    .eventos .evento .fecha
    {
        /* flex-direction: row;
        justify-content: start;
        align-items: baseline; */
        display: inline-block;
        line-height: inherit;
        padding: 0.5rem;
        text-align: left;
    }
        .eventos .evento .fecha .dia
        {
            font-size: 1.5rem;
            margin: 0 0.5rem 0 0;
        }
        .eventos .evento .fecha .mes
        {
            font-size: 1.5rem;
        }

        .eventos .evento .titulos .badge
        {
            margin: 0 0 0;
        }
}