@font-face {
    font-family: "Work Sans Regular";
    src: url("../font/WorkSans-Regular.ttf");
}
.dark p, .dark h1, .dark h2, .dark h3, .dark h4, .dark h5, .dark h6, .dark span, .dark a {
    color: #fff!important;
}
.dark div, .dark section {
    background-color: #000!important;
}
.dark {
    background-color: #000!important;
}
.dark .fondo-accesibilidad {
    border-top: 1px solid #fff!important;
    border-left: 1px solid #fff!important;
    border-bottom: 1px solid #fff!important;
}

.dark .iconos-accesiblidad{
	background-color: transparent!important;
}
/*Estilos Barra de accesibilidad*/

* {
    margin: 0;
    padding: 0;
}
.fondo-accesibilidad {
    width: 47px;
    height: 150px;
    background-color: #004884;
    position: fixed;
    right: 0;
    top: 315px;
    border-radius: 10px;
    z-index: 100;
}
.iconos-accesiblidad {
    position: fixed;
    right: 0;
    top: 325px;
    z-index: 1000;
    display: flex;
    flex-direction: column;
}
.iconos-accesiblidad a {
    text-decoration: none;
    padding: 10px 38px 10px 10px;
    font-family: "Work Sans Regular";
    font-size: 14px;
    color: #fff!important;
    text-align: left;
    transform: translate(145px, 0px);
    transition: all 1s;
    cursor: pointer;
}
.iconos-accesiblidad a:hover {
    transform: translate(0px, 0px);
    text-decoration: none;
    background-color: #3366cc!important;
    border-radius: 10px 0px 0px 10px!important;
    color: #fff!important;
}
.iconos-accesiblidad a img {
    margin-right: 5px;
}