@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);


:root {
    --verdeletra: #488366;
    --white: #ffffff;
  }

div.superpuesto-tarjetascurso {
    border-top: 5px solid #E3B05A;
    background-color: var(--white);
    padding-bottom: 1rem;

}

div.superpuesto-tarjetascurso a{
  /*  margin-left: 1rem;    */
    padding-top: 0.5rem;
    display: block;
}





a.link-curso {
    font-family: "Roboto Condensed", Sans-serif;
    font-size: 0.8em;
    font-weight: 300;
    fill: var(--e-global-color-a87dccb );
    color: var(--e-global-color-a87dccb );
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 0.25px 0.25px 0.25px 0.25px;
    border-color: var(--e-global-color-9ac86ba );
    padding: 8px 7px 6px 7px;
}

img.curso-image {
    width: 100%;
    height: 16vh;
    object-fit: cover;
}
button.btnleer {
    margin-left: 1rem;
}



.calendar__events__cover {
    background-color: white;
    position: relative;
}

.m-0 {
    margin: 0 !important;
}
.align-items-center {
    align-items: center !important;
}

#js-ttec_calendar_block_events .calendar__events .calendar__cover__image {
    padding: 0.2rem;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}

.calendar__events__cover .superpuesto {
    position: absolute;
    top: -10px;
    left: 5px;
    z-index: 1;
  
}

.calendar__events__cover .calendar__left {
    height: 100px;
    width: 100px;
    background-color: #497E75;
    color: white;
}
.calendar__date {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.calendar__date--day {
    
    font-size: 50px;
}

.calendar__events__cover .calendar__date--month {
    position: relative;
    top: -14px;
}

.evento-destacado{
    color: #005e5d;
    font-weight: bold;
}

.calendar__title {
	    margin-top: 0.4em;
}




a.calendar-arrow-left::before,
.calendar-arrow-right::after {
    display: inline-block;
    height: 16px;
    width: 16px;
    color: #9B3920;
    font-family: 'Font Awesome\ 5 Free';
    font-weight: 900;
    transition: transform cubic-bezier(0.075, 0.82, 0.165, 1) 0.8s;
}

.calendar-arrow-left:hover::before,
.calendar-arrow-right:hover::after {
	color: #EFEFDA;
}

a.calendar-arrow-left::before {
    content: "\f104";
}

a.calendar-arrow-right:hover::after,
a.calendar-arrow-left:hover::before {
    color: #126412;
}

.calendar-arrow-right::after {
    content: "\f105";
}



a.calendar-arrow-right,
a.calendar-arrow-left {
    text-decoration: none;
    padding: 0 1rem;
}