/*body {
    padding-top: 10px;    
}*/

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

/*Agragador Mejoras*/
#googlemaps {
    width: 100%;
    height: 500px;
}
/*Estilos Banner Campaña*/
.banner {
    margin-bottom: 2%;
}

    .banner h3 {
        color: white;
        text-align: center;
        font-style: italic;
        text-decoration-line: underline;
    }

.banner2 {
    background: rgb(6,108,211); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(6,108,211,1) 20%, rgba(31,182,224,1) 68%, rgba(85,213,252,1) 95%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(6,108,211,1) 20%,rgba(31,182,224,1) 68%,rgba(85,213,252,1) 95%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(6,108,211,1) 20%,rgba(31,182,224,1) 68%,rgba(85,213,252,1) 95%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.etiName2 {
    text-align: center;
    margin-bottom: 0px;
    color: white;
    text-decoration-line: underline;
    font-weight: 700;
}

/*Fondo Opcional Diseño 2*/
.fondo-top {
    background: -moz-linear-gradient(top, #08215C, #26489E); /* F 3.6+ */
    background: -webkit-linear-gradient(top, #08215C, #26489E); /* FF 3.6+ */
    background: -o-linear-gradient(top, #08215C, #26489E); /* Safari 5.1+, Chrome 10+ */
    background: linear-gradient(to top, #08215C, #26489E);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08215C', endColorstr='#26489E',GradientType=1 ); /* IE6-9 */
    height: 50px;
    padding: 8px 10px;
}

    .fondo-top a {
        color: white;
        font-weight: bold;
    }

.navbar-form {
    margin: 0;
}

.fa-lg {
    vertical-align: 55%;
}
/*.etiqueta{
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    box-shadow: 3px 3px 2px #999;
    padding: 15px;
}*/
/* Fin Fondo Opcional Diseño 2*/

/*Estilos Carrusel*/
.flechaRight {
    border-bottom-right-radius: 200px;
    border-top-right-radius: 200px;
    background-color: #235493;
    max-width: 40px;
    max-height: 50%;
    top: 6.5em;
}

.flechaLeft {
    border-bottom-left-radius: 200px;
    border-top-left-radius: 200px;
    background-color: #235493;
    max-width: 40px;
    max-height: 50%;
    top: 6.5em;
}

.carrusel {
    background-color: #181E36;
    height: 450px;
    border-radius: 10px;
    padding: 2% 1% 2% 1%;
    /*margin-bottom: 3%;*/
}

#myCarousel > div {
    height: 420px;
}

.item > div > a > img {
    height: 375px;
    margin-top:0%;
}

.fondo-textobanner {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    background: url(../IMG/Sombra-text.png) repeat-x;
    padding: 5%;
    font-size: smaller;
    height: 375px;
}

.titulo-banner {
    text-decoration: none;
    color: #daa520;
    font-weight: bold;
    font-size: medium;
    text-align: center;
}

.detalle-banner {
    text-decoration: none;
    color: #fff;
    text-decoration: none;
    text-align: left;
    font-size: medium;
}

#menu {
    padding-top: 190px;
}

.fondo-menu li {
    background: linear-gradient(to bottom, #B3B3B3, #E5E5E5);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B3B3B3', endColorstr='#E5E5E5',GradientType=1 ); /* IE6-9 */
    background: -moz-linear-gradient(bottom, #B3B3B3, #E5E5E5); /* F 3.6+ */
    background: -webkit-linear-gradient(bottom, #B3B3B3, #E5E5E5); /* FF 3.6+ */
    background: -o-linear-gradient(bottom, #B3B3B3, #E5E5E5); /* Safari 5.1+, Chrome 10+ */
    border: solid 1px;
    border-color: #e7e7e7;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
}
    /*.fondo-menu li span{
    color: #777777;
}*/
    .fondo-menu li.active > a > span {
        color: #2a6496;
    }

    .fondo-menu li.active > a:hover > span, .fondo-menu li.active > a:focus > span {
        color: white;
    }

    .fondo-menu li > a:hover, .fondo-menu li > a:focus {
        color: white;
        text-decoration: underline;
    }

.nav > li > a {
    padding: 15px 19px;
}

/*.fondo-menu li a:hover{
    background:#4D4D4D;
    color:white;
}*/
/*Estilos de Cuadros de interés*/


.opciones {
    list-style: none;
    padding: 0px;
}

    .opciones li {
        max-width: 25%;
        float: left;
        padding-right: 20px;
        padding-bottom: 20px;
    }

/*Estilos cuadros Index*/
.fondo {
    background-color: #cfcccc;
    border-radius: 10px;
    position: relative;
    margin-bottom: 7%;
    padding: 6%;
}

.recuadro {
    background-color: white;
    position: relative;
    padding: 5%;
    overflow: hidden;
    margin-bottom: 7%;
}

.recuadroCO {
    background-color: white;
    position: relative;
    padding: 2%;
    overflow: hidden;    
}

#recuadro-img {
    box-shadow: 5px 5px 2px #999;
    /*height: auto;*/
    /*max-width: 98%;*/
    /*padding: 10px;*/
    /*position: relative;*/
}

.recuadro h1 {
    font: bold 27px 'helvetica';
    text-shadow: 5px 5px 5px #0f0f0f;
    color: white;
    text-decoration: none;
    text-align: center;
    width: 92%;
    position: absolute;
    top: 50px;
    left: 10px;
}


.etiName {
    text-align: center;
    color: grey;
    margin-bottom: 0px;
    text-decoration-line: underline;
    font-weight: 700;
}

/*Estilos de Red Transparencia*/

.fondo-red {
    /*background-color: #08215C;*/
    border-right: 4px solid white;
    border-bottom: 4px solid white;
    border-bottom-right-radius: 25px;
    border-top-left-radius: 25px;
    position: relative;
    /*padding: 6%;*/
    overflow: hidden;
}

.fondo-red2 {
    /*background-color: #08215C;
    border-right: 4px solid white;
    border-bottom: 4px solid white;
    border-radius: 25px;*/    
    position: relative;
    padding: 6%;
    overflow: hidden;
}

.recuadroRed {
    /*background-color: white;*/
    color: #1b3b76;
    text-align: center;
    padding: 15% 0%;
    font: 20px 'Tahoma';
    /*text-decoration-line: underline;*/
}

.recuadroRed2 {
    /*background-color: white;*/
    color: #1b3b76;
    text-align: center;    
    padding: 6% 0%;
    font: 20px 'Tahoma';
    /*text-decoration-line: underline;*/
}

.maxcont {
    width: 33%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 50px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
}

.maxcont2 {
    width: 25%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;    
    border:none;
}
#BannerBajo {
    background:#cfcccc; 
    padding:2%;
    box-shadow: 5px 5px 2px #999;
}

 #collapse1 ul.list-group, #collapse2 ul.list-group, #collapse3 ul.list-group, #collapse4 ul.list-group, #collapse5 ul.list-group, #collapse6 ul.list-group, #collapse7 ul.list-group, #collapse8 ul.list-group {
    padding-left: 40px;
}

.tabs-right > li {
    float: right;
}
/*Estilos de Sitios de interés*/

.Cintillo {
    list-style: none;
    padding: 0px;
}

    .Cintillo li {
        float: left;
        width: 11%;
        padding: 0;
    }

        .Cintillo li:last-child {
            margin-right: 0px;
        }

        .Cintillo li a {
            display: block;
            background-color: #08215C;
            border-right: 4px solid white;
            border-bottom: 4px solid white;
            border-bottom-right-radius: 15px;
            border-top-left-radius: 20px;
            font-size:large;
            color: white;
            padding: 15px 0;
            text-decoration-color: white;
            text-align: center;
        }

            .Cintillo li a:hover, .Cintillo li.active a {
                color: black;
                background-color: #B3B3B3;
                text-decoration-color: black;
            }

/*Estilos de Menu Vertical de interés*/
#MainMenu {
    background: url(../IMG/fondo-menu-vert.jpg) repeat-x;
    border-top-left-radius: 15px 15px;
    border-top-right-radius: 15px 15px;
    padding-top: 35px;   
    margin-bottom:0;
}

    #MainMenu a:hover, #MainMenu a:focus {
        color: #333333;
    }

.panel-default > .panel-heading {
    border-bottom: 1px solid #dddddd;
    background: white;
    padding: 10px 9px;
}

.fondo-menu-vert a {
    color: #777777;
    font-weight: bold;
    font-size: small;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

.submenu {
    background-color: #f5f5f5;
}

    .submenu a {
        color: #4D4D4D;
        font-size: small;
        padding-left: 15px;
    }

/*Estilos de Tabs de interés*/
.tabs li {
    border-bottom: none;
}

    .tabs li a {
        background-color: #2E81A5;
        color: white;
        border: 2px solid #FFE50D;
        border-radius: 10px 10px 0 0;
        padding: 15px 14px;
    }

        .tabs li a:hover, .tabs li.active a, .tabs li.active a:hover, .tabs li.active a:focus {
            background-color: #306799;
            color: white;
            /*border-bottom:none;*/
        }

/*Estilos de Tabs de interés*/
.tab2s li {
    border-bottom: none;
}

.tabs2 li a {
    background-color: #2E81A5;
    color: white;
    border: 2px solid #FFE50D;
    border-radius: 10px 10px 0 0;
    padding: 10px 7px;
    font-size: 13px;
}

    .tabs2 li a:hover, .tabs2 li.active a, .tabs2 li.active a:hover {
        background-color: #306799;
        color: white;
        /*border-bottom:none;*/
    }
/*sub tab PP*/

.tabs-sub li a {
    color: black;
    border: none;
    border-radius: 10px 10px 0 0;
    padding: 5px 14px;
    text-align: center;
}

/*Mapa del sitio*/

.msite {
    list-style: none;
}

    .msite li a {
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 1.428571429;
    }


/*Estilos de subtab*/
.tabs-Sub li {
    border-bottom: none;
}

    .tabs-Sub li a {
        background-color: #2E81A5;
        color: white;
        border: 2px solid white;
        border-radius: 10px 10px 0 0;
        padding: 5px 10px;        

    }

        .tabs-Sub li a:hover, .tabs-Sub li.active a, .tabs-Sub li.active a:hover, .tabs-Sub li.active a:focus {
            background-color: #306799;
            color: white;
            /*border-bottom:none;*/
        }

/*Estilos de btntab*/
.btntab li {
    border-bottom: none;
}

    .btntab li a {
        background-color: #2E81A5;
        color: white;
        border: 2px solid white;
        border-radius: 10px 10px 10px 10px;
        padding: 5px 10px;
        margin-right: 19px;
    }

        .btntab li a:hover, .btntab li.active a, .btntab li.active a:hover, .btntab li.active a:focus {
            background-color: #306799;
            color: white;
            /*border-bottom:none;*/
        }

/*Estilos de recuadros dependencias de interés*/
.fondo2 {
    background-color: #254684;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    padding: 6%;
}

.recuadroAC {
    background-color: white;
    color: rgb(77, 77, 77);
    text-align: center;
    padding: 6% 5%;
    font: 22px 'Tahoma';
    text-decoration-line: underline;
}

.centrar {
    margin-left: 17%;
}

.centrar2 {
    margin-left: -17%;
}

#recuadro-img2 {
    box-shadow: 5px 5px 2px #999;
    padding: 4%;
    position: relative;
    left: 14%;
}

.Cintillo2 li {
    width: 16.5%;
}

    .Cintillo2 li a {
        padding: 15px 3px;
    }

/*Estilos del cintillo desplegable*/
.redondo {
    border: 2px solid #2750af;
    border-radius: 20px;
    /*background-color: rgb(39, 80, 175);*/
    color: #2750af;
    /*border-color: #ddd;*/
    padding: 10px 15px;
    margin-bottom: 5px;
}

/*Estilos del botones dependencias vicepaz*/
.unidades {
    border-radius: 40px;
    border: solid 6px ghostwhite;
    background-color: rgb(39, 80, 175);
    color: white;
    border-color: #ddd;
    /*padding: 10px;*/
    margin-bottom: 5%;
    text-align: center;
}

a:hover .unidades {
    background-color: #B3B3B3;
}

    a:hover .unidades h5 {
        color: black;
        text-decoration-color: black;
    }

/*Estilos Botones CCEP*/

.boton {
    padding: 2%;
    border-radius: 60px;
    border: solid 0px ghostwhite;
    text-align: center;
}

a .boton {
    color: white;
}

a:hover .boton, a:focus .boton, a:active .boton {
    color: black;
    text-decoration: underline;
    text-decoration-color: black;
}

a .boton2 {
    padding: 1%;
}

.aux {
    padding: 1.3%;
}
/*Estilos del Arbol*/
.Arbol {
    border: none;
    background-color: #f5f5f5;
}
#subMenu {
    background-color: #f5f5f5;
}

/*Estilos del Prensa y comunicacion*/
.tab-PC {
    padding: 50px;
}

.sub-tab-PC {
    padding: 5% 13%;
}

.boletin {
    width: 740px;
    height: 540px;
}

.monitoreo {
    width: 1052px;
    height: 700px;
}

/*Estilos Galería*/
.txtGaleria {
    text-align: center;
    font-family: arial,sans-serif;
    font-size: 11px;
    margin: 3% 0;
    color: #4D4D4D;
    font-weight: bold;
    text-decoration: none;
}

.galeria {
    height: 225px;
    display: block;
    margin: auto;
}

.vermas {
   font-size:30px; 
   text-align:center;   
   position: relative;  
   margin-top:3%
}

/*Estilos Menu Left*/

#bs-example-navbar-collapse-2.navbar-collapse, #left-wrapper.col-md-2 {
    padding-left: 0;
    padding-right: 0;
}

.miembros tr td {
    width: 50%;
    vertical-align: top;
    text-align: center;
}

.nav-text {
    color: red;
}

    .nav-text:hover {
        color: white;
        background-color: rgba(35, 84, 147, 0.66);
    }

hr {
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px;
    width: 100%;
    color: rgba(158, 158, 158, 0.21);
}

.ajuste {
    min-height: 900px;
}

.img-banner {
    border-radius: 20px;
    display: block;
    margin: auto;
    /*border-top-left-radius: 20px;*/
    /*background-color:red;
-webkit-border-bottom-right-radius: 100px;
-webkit-border-bottom-left-radius: 100px;
-moz-border-radius-bottomright: 100px;
-moz-border-radius-bottomleft: 100px;

border-bottom-right-radius: 100px;
border-bottom-left-radius: 100px;*/
}

@media (max-width: 768px) {
    #Encabezado-Principal, #Buscar, #In, #Out {
        display: none;
    }

    .container-menu {
        max-height: 100px;
    }

    .fondo-top {
        height: 100px;
    }

    .fondo-top a {
        font-size: xx-small;
    }

    #Header-Wrapper .container {
        padding:0px;
    }

    #menu {
        padding-top: 10px;
    }

    /*Estilos del carrusel*/
    .flechaRight, .flechaLeft{
        max-width: 40px;
    }

    #myCarousel > div {
        height: 415px;
    }

    .item > div > a > img {
        height: 100px;
    } 

    .titulo-banner{
        font-size:small;
        margin-top:0px;
    }

    .detalle-banner{
        font-size:small;
    }

    .img-carru {
        height: 375px;
        vertical-align: middle;
    }

    .fondo-textobanner {
        font-size: small;
        height: 310px;
    }
    /*Estilos del index*/

    .Cintillo li a, .Cintillo2 li a {
        font-size: xx-small;
        padding: 10px 0;
        border-bottom-right-radius:13px;
        border-top-left-radius:18px;
    }
    
        /*Estilos prensa y comunicacion */
        .tab-PC {
        padding: 15px;
    }

    .sub-tab-PC {
        padding: 3% 4%;
    }
    .footer-nav p {
        font-size: small;
    }

    .boletin {
        width: 280px;
        height: 265px;
    }

    /*Estilos Galería*/
    .txtGaleria {
        font-size: 10px;
        margin: 5px 0;
    }

    #tab3.galeria th img {
        width: 258px;
    }

    .galeria{
        height: 100px;
    } 

    .vermas{
        left:0px;
        width:100%;
    }
    /*Estilos Fotos Jerarcas*/

    #recuadro-img2 {
        padding: 0;
        left: 0;
    }

    .centrar {
        margin-left: 0;
    }

    .centrar2 {
        margin-left: 17%;
    }

    /*Estilo AC*/
    .recuadroAC {
        padding: 10px 6px;
        font: 10px 'Tahoma';
    }

    .maxcont {
        padding-left: 2px;
        padding-right: 2px;
        
    }
     .maxcont2 {  
        width:50%;     
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom:20px;
        
    }
      #BannerBajo h1 {
        font-size:17px;
            }

    .recuadroRed {
        font: 9px 'Tahoma';
    }

    .recuadroRed2 {
        font: 9px 'Tahoma';
    }

    #accordion1, #accordion2, #accordion3 {
        font: 9px 'Tahoma';
    }

    #collapse1 ul.list-group, #collapse2 ul.list-group, #collapse3 ul.list-group, #collapse4 ul.list-group, #collapse5 ul.list-group, #collapse6 ul.list-group, #collapse7 ul.list-group, #collapse8 ul.list-group {
        padding-left: 8px;
    }

    .imagenAC {
        left: 92px;
    }

    .aux {
        padding: 18px;
    }

    .ajuste {
        min-height: 0;
    }

    h6.etiName {
        font-size: 7px;
    }
}


@media (min-width: 768px) {

    .navbar-brand {
        display: none;
    }
}





#footer {
    /*background: url(../Image/footer-cols.png) repeat 0 0;*/
    /*background-color:rgba(94, 94, 94, 0.87);*/
    min-height: 57px;
    /*border-style: solid;*/
    /*border-top: thick double #B8BF18;*/
}

#footer-Wrapper {
    /*background: url(../IMG/Fondo.png) repeat-x ;
 height: 225px;*/
    background: -moz-linear-gradient(top, #08215C, #26489E); /* F 3.6+ */
    background: -webkit-linear-gradient(top, #08215C, #26489E); /* FF 3.6+ */
    background: -o-linear-gradient(top, #08215C, #26489E); /* Safari 5.1+, Chrome 10+ */
    background: linear-gradient(to top, #08215C, #26489E);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08215C', endColorstr='#26489E',GradientType=1 ); /* IE6-9 */
}

#footer h2 {
    font-size: 15px;
    color: #235493;
    /*#fff;*/
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
    /*padding-bottom: 18px;*/
}

.footer-nav {
    font-size: medium;
}

    .footer-nav li {
        padding-right: 82px;
        font-size: medium;
    }

    .footer-nav span {
        float: left;
    }

    .footer-nav p {
        margin-left: 19px;
    }

.footer-cols {
    padding: 0px 12px;
    background: url(https://mjp.go.cr/plantilla/css/images/footer-lights.png) no-repeat center 0px;
}

    .footer-cols .col {
        float: left;
        max-width: 495px;
        /*border:groove;*/
    }

        .footer-cols .col + .col {
            padding-left: 24px;
        }

        .footer-cols .col ul {
            list-style: none;
            list-style-position: outside;
        }

            .footer-cols .col ul li {
                font-size: 12px;
                padding-bottom: 4px;
                background: url(https://mjp.go.cr/plantilla/css/images/arr-footer-col.png) no-repeat 0 8px;
                padding-left: 9px;
            }

                .footer-cols .col ul li a {
                    color: #5e5e5e;
                }

.footer-bottom {
    background: url(https://mjp.go.cr/plantilla/css/images/footer-bottom.png) repeat 0 0;
    height: 38px;
    padding-top: 24px;
    padding: 24px 20px 0;
    border-top: 1px solid #262c2c;
}

    .footer-bottom .footer-nav {
        float: left;
        line-height: 11px;
    }

        .footer-bottom .footer-nav ul {
            list-style: none;
            list-style-position: outside;
        }

            .footer-bottom .footer-nav ul li {
                display: inline;
                font-size: 11px;
                color: #9e9e9e;
                border-left: 1px solid #1a1f20;
                padding: 0 11px;
            }

                .footer-bottom .footer-nav ul li.first {
                    padding-left: 0;
                    border: 0;
                }

                .footer-bottom .footer-nav ul li a {
                    color: #5f6261;
                }

                    .footer-bottom .footer-nav ul li a:hover,
                    .footer-bottom .footer-nav ul li.active a {
                        color: #9e9e9e;
                        text-decoration: underline;
                    }

    .footer-bottom p.copy {
        float: right;
        line-height: 11px;
        font-size: 11px;
        color: #5f6261;
    }

        .footer-bottom p.copy span {
            padding: 0 11px;
        }

        .footer-bottom p.copy a {
            color: #2b9208;
            text-decoration: underline;
        }

            .footer-bottom p.copy a:hover {
                text-decoration: none;
            }

        .footer-bottom p.copy strong {
            font-weight: normal;
        }


#well1 {
    height: 15%; /*fall back for IE8, Safari 5.1, Opera Mini and pre-4.4 Android browsers*/
    height: calc(15% - 20px);
    overflow: hidden; /*better to decide how you want to handle this than to let the browser decide*/
}

#encabezado-scroll {
    height: 300px;
    margin-bottom: 0;
    overflow: auto;
}


/*Agregado por Alejandro Obando*/

#middle {
    padding-top: 34px;
}



/*Menu de accesibilidad*/

/*Menu de accesibilidad*/ /* Botón circular principal */

#accessibility-toggle {
    position: fixed;
    bottom: 20px;
    left: 20px;
    width: 55px;
    height: 55px;
    background-color: #00529B; /* azul institucional */
    border-radius: 50%;
    border: none;
    cursor: pointer;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

    #accessibility-toggle:hover, #accessibility-toggle:focus-visible {
        background-color: #003e7e;
        outline: none;
    }
/* 🔹 Ícono CSS */

.wheelchair-icon {
    position: relative;
    width: 24px;
    height: 28px;
    display: block;
}
    /* Cabeza */

    .wheelchair-icon::before {
        content: "";
        position: absolute;
        top: 0;
        left: 9px;
        width: 6px;
        height: 6px;
        background: white;
        border-radius: 50%;
    }
    /* Cuerpo, brazo, pierna y asiento */

    .wheelchair-icon::after {
        content: "";
        position: absolute;
        inset: 0;
        background: /* cuerpo */ linear-gradient(white, white) 11px 6px / 2px 9px no-repeat, /* brazo */ linear-gradient(white, white) 11px 9px / 8px 2px no-repeat, /* asiento */ linear-gradient(white, white) 11px 13px / 7px 2px no-repeat, /* pierna */ linear-gradient(white, white) 16px 13px / 2px 6px no-repeat, /* pie */ linear-gradient(white, white) 15px 19px / 6px 2px no-repeat;
        background-repeat: no-repeat;
    }
    /* Rueda separada y girada */

    .wheelchair-icon .wheel {
        position: absolute;
        top: 12px;
        left: -2px;
        width: 16px;
        height: 16px;
        background: radial-gradient(circle at 50% 55%, transparent 60%, white 59%, white 80%, transparent 50%) 5px 9px / 10px 13px no-repeat;
        transform: rotate(250deg); /* inclinación del arco */
        transform-origin: center center;
    }

#accessibility-menu {
    position: fixed;
    bottom: 90px;
    left: 20px;
    background: white;
    border-radius: 12px;
    padding: 10px;
    display: none;
    flex-direction: column;
    gap: 5px;
    box-shadow: 0 3px 8px rgba(0,0,0,0.3);
    z-index: 10000;
}

    #accessibility-menu button {
        border: none;
        background: #00529B;
        color: white;
        border-radius: 6px;
        padding: 6px 10px;
        cursor: pointer;
        font-size: 14px;
    }

        #accessibility-menu button:hover {
            background: #003e7e;
        }
/* Efectos de accesibilidad */

body.high-contrast {
    filter: contrast(2);
}

body.inverted {
    filter: invert(1) hue-rotate(180deg);
}

body.grayscale {
    filter: grayscale(1);
}

body.bright {
    filter: brightness(1.3);
}

body.big-cursor, body.big-cursor * {
    cursor: url('http://www.rw-designer.com/cursor-extern.php?id=183922'), auto !important;
}



/* 🔹 Nuevo estilo visual para el menú de accesibilidad */
#accessibility-menu {
    position: fixed;
    bottom: 90px;
    left: 20px;
    background: rgba(255, 255, 255, 0.6); /* fondo translúcido */
    backdrop-filter: blur(10px); /* efecto vidrio */
    border-radius: 14px;
    padding: 10px;
    display: none;
    flex-direction: column;
    gap: 8px;
    border: 1px solid rgba(255, 255, 255, 0.4);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
    z-index: 10000;
}

    #accessibility-menu button {
        background: white;
        color: #00529B;
        border: 2px solid #00529B;
        border-radius: 8px;
        padding: 8px 12px;
        cursor: pointer;
        font-size: 14px;
        font-weight: 600;
        transition: all 0.2s ease-in-out;
        box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }

        #accessibility-menu button:hover,
        #accessibility-menu button:focus-visible {
            background: #00529B;
            color: white;
            transform: translateY(-1px);
            box-shadow: 0 3px 6px rgba(0,0,0,0.2);
            outline: none;
        }


/* 🔹 Evitar que el filtro afecte a elementos fijos */
body.inverted main,
body.inverted #Header-Wrapper,
body.inverted #menu,
body.inverted #footer-Wrapper,
body.inverted .body-content {
    filter: invert(1) hue-rotate(180deg);
}

body.high-contrast main,
body.high-contrast #Header-Wrapper,
body.high-contrast #menu,
body.high-contrast #footer-Wrapper,
body.high-contrast .body-content {
    filter: contrast(2);
}

body.grayscale main,
body.grayscale #Header-Wrapper,
body.grayscale #menu,
body.grayscale #footer-Wrapper,
body.grayscale .body-content {
    filter: grayscale(1);
}

/* 🔹 Elimina el filtro del body para que no afecte al botón y menú */
body.inverted,
body.high-contrast,
body.grayscale {
    filter: none !important;
}

/* 🔹 Mantiene el menú y el botón SIEMPRE fijos sobre todo */
#accessibility-toggle,
#accessibility-menu {
    position: fixed !important;
    z-index: 999999 !important;
    transform: translateZ(0); /* fuerza a estar en el contexto superior */
    backface-visibility: hidden;
}

/* 🔹 Evita que se corten o se “peguen” al moverse el mouse */
#accessibility-menu,
#accessibility-toggle {
    will-change: transform;
    pointer-events: auto;
}

/* 🔹 Evita que el filtro de brillo afecte al menú de accesibilidad */
body.bright {
    filter: none !important; /* anula el brillo global */
}

    /* Aplica el brillo solo al contenido principal */
    body.bright main,
    body.bright #Header-Wrapper,
    body.bright #menu,
    body.bright #footer-Wrapper,
    body.bright .body-content {
        filter: brightness(1.3);
    }


.skip {
    position: absolute;
    left: -9999px;
    top: auto;
}

    .skip:focus {
        left: 10px;
        top: 10px;
        padding: 8px 12px;
        background: #00529B;
        color: white !important;
        border-radius: 6px;
        z-index: 999999;
        font-weight: bold;
        text-decoration: none !important;
    }