/*omitir solo es para dise;o de ejemplo*/
a/*omitir solo es para dise;o de ejemplo*/
a{
    text-decoration: none !important;
}
/*omitir solo es para dise;o de ejemplo*/

h6{
    margin: 0;
}

.targetofreci:hover {
    color: #282828;
}

.targetofreci:link  .texact {               
    color : #282828 !important;
}

.targetofreci:focus  .texact {               
    color : 282828 !important;
}

.targetoactive {
    border-bottom: 1px #D2D2D2 solid;
    border-top: 1px #D2D2D2 solid;
    padding: 15px !important;

}

.targetoactive:hover {
    border-right: 6px #023e8a solid;
}


.listofreci {
    border-right: 0.5px #D2D2D2 solid;
    overflow-y: auto;
    height: 600px;
}

.botonmenuofreci{
    display: none !important;
}



@keyframes aparece-izquierda
{
    from { 
         transform: translateX(-100%); 
         opacity: 0;
            }
    to { 
         transform: translateX(0%); 
         opacity: 1;
            }
}

@keyframes aparece-derecha
{
    from { 
         transform: translateX(0%); 
         opacity: 0;
            }
    to { 
         transform: translateX(-100%); 
         opacity: 1;
            }
}

@media screen and (max-width: 600px) {
    .divofreci{
       display:none;       
    }
    .botonmenuofreci{
        display:inline-block  !important;
    }
}


@media screen and (max-width: 767px) {
    .divofreci{
       display:none;       
    }
    .botonmenuofreci{
        display:inline-block !important;
    }
}

.image-curso {
    max-width: 100%;
    max-height: 200px; /* Ajusta la altura máxima según sea necesario */
    border-radius: 10px; /* Ajusta según sea necesario */
    margin: 5px 0;
}