/* EXTRAAA */

.d-none {
    display: none !important;
}

.b3Left h2.g1_title {
    overflow-wrap: normal !important;
    font-size: 80px;
}

.b4Wrap::before {
    display: none;
}

#voices-select{
    display: block; 
	width: 100%;
}

#voices-select option{
    max-width:100%; 
	overflow: hidden;
}

/* .b4Right .g1_title {
    padding-bottom: 50px;
} */

.b20List>li>a {
    width: 100%;
}


@media screen and (max-width: 600px) {
    html,
    body {
        width: 100%;
        overflow-x: hidden;
    }
}


/* ACCESIBILITY BAR */

.accesibility-bar {
    position: fixed;
    bottom: 5%;
    left: -200px;
    display: flex;
    flex-flow: column nowrap;
    z-index: 250;
    list-style: none;
    background: #fff;
    box-shadow: -1px 4px 24px -8px rgb(0 0 0 / 30%);
    color: #000;
    width: 200px;
    transition: all ease-in-out .25s;
    box-sizing: border-box;
    padding: .8em 0;
}

.accesibility-bar.active-accesibility {
    left: 0;
}

.accesibility-bar li {
    list-style: none;
    padding: .8em .8em;
    color: #000;
    cursor: pointer;
    transition: all ease-in-out .15s;
    width: 100%;
    box-sizing: border-box;
    font-size: .85rem;
    border-bottom: 1px solid #eee !important;
}

.accesibility-bar li:last-child {
    border-bottom: none !important;
}

.accesibility-bar li span {
    margin-left: 10px;
}

.accesibility-bar li.active-item {
    background: rgb(0, 214, 165) !important;
}


/* .accesibility-bar li:hover {
    background: rgb(0, 214, 165);
    color: #191919;
} */

.accesibility-bar .accesibility-activator {
    position: absolute;
    bottom: 0;
    right: -50px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #CB0000;
    color: #191919;
    font-weight: bold;
    cursor: pointer;
    box-shadow: -1px 4px 24px -8px rgb(0 0 0 / 30%);
    font-size: 4rem;
}

@media screen and (min-width: 1400px) {
    .accesibility-bar {
        width: 270px;
        left: -270px;
    }
    .accesibility-bar li {
        font-size: .95rem;
    }
    .accesibility-bar .accesibility-activator {
        width: 70px;
        height: 70px;
        right: -70px;
    }
}

span.g1_title {
    display: block;
    margin-bottom: 15px;
}

section>.g1-title {
    margin-bottom: 48px;
}


/* DARK */

body.dark,
body.dark>div,
body.dark>article,
body.dark section,
body.dark>main,
body.dark li,
body.dark ul:not(.b3Markers),
body.dark button,
body.dark .active_block,
body.dark header,
body.dark .headerSubMenuWrap,
body.dark .headerSubMenuWrap ::after,
body.dark .accesibility-bar,
body.dark .b15Fixed,
body.dark .b15Fixed.scrolling,
body.dark .b15Fixed.active,
body.dark .b20Tabs,
body.dark .b20Tabs.active,
body.dark .menu-sidebar-cnt,
body.dark .headerSubMenu,
body.dark .headerSubMenuTabBox,
body.dark .headerSubMenuText ul li a {
    background: rgb(10, 10, 10) !important;
}

body.dark .header .header-logo {
    background: #eee;
    padding: .5em;
}

body.dark .b2Item:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1));
}

body.dark .b20List,
body.dark .b1Categorias ul.owl-carousel .owl-nav .owl-next,
body.dark .b1Categorias ul.owl-carousel .owl-stage-outer li,
body.dark .b1Categorias ul.owl-carousel .owl-stage li,
body.dark .b1Categorias ul.owl-carousel .owl-item li {
    background: rgb(40, 40, 40) !important;
}

body.dark .b1Categorias ul.owl-carousel .owl-nav .owl-next {
    border-left: 1px solid rgb(0, 214, 165);
}

body.dark .b1Categorias figure,
body.dark .headerSubMenuTab img {
    background: rgb(255, 255, 255) !important;
}

body.dark a:hover,
body.dark a:hover span,
body.dark a:hover h3,
body.dark .Btnwsp,
body.dark .Btncopy,
body.dark .b15FIxRight h4 {
    color: #fff !important;
}

body.dark .headerSubMenuTab.active span,
body.dark .headerOpenMengamenu i,
body.dark .headerDates span,
body.dark .headerDates i {
    color: #000 !important;
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark div,
body.dark p,
body.dark span,
body.dark small,
body.dark strong,
body.dark div,
body.dark pre,
body.dark article,
body.dark section,
body.dark a,
body.dark button,
body.dark i,
body.dark li,
body.dark ul,
body.dark .headerSubMenuText li::before {
    color: #fff !important;
	background: #000;
}

body.dark a,
body.dark a span,
body.dark a h3,
body.dark strong,
body.dark a i {
    color: #fff !important;
}

body.dark h1,
body.dark h1 span,
body.dark h2,
body.dark h2 span,
body.dark h3,
body.dark h3 span,
body.dark a:hover,
body.dark a:hover span,
body.dark a:hover h3,
body.dark a:hover h4,
body.dark a:hover figcaption,
body.dark strong,
body.dark a:hover i {
    color: rgb(0, 214, 165) !important;
}

body.dark .b20List>li {
    background: #ccc !important;
}

body.dark .b20List>li>a>span {
    color: #000 !important;
}

body.dark .b20List>li:hover {
    background: #00a39c !important;
}

body.dark .b1Info h2,
body.dark .b1Info h2 span {
    color: #fff !important;
}

body.dark .b1Info .g0_btn {
    background: #009 !important;
}

body.dark .f_logo {
    background: #fff !important;
}

body.dark .g0_btn {
    background: #009 !important;
}

body.dark .g0_btn:focus,
body.dark .g0_btn:active,
body.dark .g0_btn:hover {
    background: #00a39c !important;
    color: #fff !important;
}

body.dark .b3TargetInfo .g1_title {
    color: #000 !important;
}

body.dark .headerBtn {
    background: #00d6a5 !important;
    color: #000 !important;
}

body.dark .close-btn {
    background: #00d6a5 !important;
}

body.dark .details-investigation {
    background: #000 !important;
}

body.dark .details-investigation a span,
body.dark .details-investigation a svg {
    color: #fff !important;
    fill: #fff !important;
}

body.dark .b3Markers>li {
    background: transparent !important;
}

body.dark .b3Markers>li a:focus span,
body.dark .b3Markers>li a:focus,
body.dark .b3Markers>li a:active {
    background-color: transparent !important;
}

body.dark .b3Markers>li a:focus>span:before body.dark .b3Markers>li a.active>span:before {
    color: #000 !important;
}

body.dark .b3Markers li a:focus .icon-point1 .path1:before,
body.dark .b3Markers li a:active .icon-point1 .path1:before,
body.dark .b3Markers li a.active .icon-point1 .path1:before {
    color: #000 !important;
}

body.dark .bx-wrapper {
    background: #000 !important;
}

body.dark .b9Wrap img {
    filter: grayscale(0) !important;
}

body.dark .tnp-subscription input[type=submit] {
    background: #00d6a5!important;
    color: #000 !important;
}

body.dark .tnp-subscription input[type="checkbox"]:checked {
    background-image: url(data:image/svg+xml,%3csvg height='32' fill='#000000' width='32' viewbox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m11.4 21.5-5.93-5.93-2.01 2.01 7.94 7.94 17.1-17.1-2.01-2.01z' fill='%23fff'/%3e%3c/svg%3e) !important;
    background-size: 80% 80% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-color: #00d6a5!important;
    border-color: #00d6a5!important;
}

body.dark .slick-prev, body.dark .slick-next, body.dark .owl-next, body.dark .owl-prev, body.dark .flickity-prev-next-button {
        background: #009 !important;
}



@media screen and (max-width: 1024px) {
    body.dark .headerSubMenuTab.active span {
        color: rgb(0, 214, 165) !important;
    }
    body.dark .menu-responsive .headerSubMenuBoxItem img {
        background: #fafafa;
    }
}


/* END DARK */


/* HIGH CONTRAST */

body.high-contrast,
body.high-contrast>div,
body.high-contrast>article,
body.high-contrast section,
body.high-contrast>main,
body.high-contrast button,
body.high-contrast .active_block,
body.high-contrast header,
body.high-contrast .headerSubMenuWrap,
body.high-contrast .headerSubMenuWrap ::after,
body.high-contrast .accesibility-bar,
body.high-contrast .b15Fixed,
body.high-contrast .b15Fixed.scrolling,
body.high-contrast .b15Fixed.active,
body.high-contrast .b20Tabs,
body.high-contrast .b20Tabs.active,
body.high-contrast .menu-sidebar-cnt,
body.high-contrast .headerSubMenu,
body.high-contrast .headerSubMenuTabBox,
body.high-contrast .headerSubMenuText ul li a {
    background: rgb(0, 0, 0) !important;
}

body.high-contrast .header .header-logo {
    background: #fafafa;
    padding: .5em;
}

body.high-contrast .b2Item:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1));
}

body.high-contrast .b20List,
body.high-contrast .b1Categorias ul.owl-carousel .owl-nav .owl-next,
body.high-contrast .b1Categorias ul.owl-carousel .owl-stage-outer li,
body.high-contrast .b1Categorias ul.owl-carousel .owl-stage li,
body.high-contrast .b1Categorias ul.owl-carousel .owl-item li {
    background: rgb(40, 40, 40) !important;
}

body.high-contrast .b1Categorias ul.owl-carousel .owl-nav .owl-next {
    border-left: 1px solid rgb(0, 214, 165);
}

body.high-contrast .b1Categorias figure,
body.high-contrast .headerSubMenuTab img {
    background: rgb(255, 255, 255) !important;
}

body.high-contrast h1,
body.high-contrast h2,
body.high-contrast h3,
body.high-contrast h4,
body.high-contrast h5,
body.high-contrast h6,
body.high-contrast div,
body.high-contrast p,
body.high-contrast span,
body.high-contrast small,
body.high-contrast strong,
body.high-contrast div,
body.high-contrast pre,
body.high-contrast article,
body.high-contrast section,
body.high-contrast a,
body.high-contrast button,
body.high-contrast i,
body.high-contrast li,
body.high-contrast ul,
body.high-contrast .headerSubMenuText li::before {
    color: #fff !important;
}

body.high-contrast h1,
body.high-contrast h1 span,
body.high-contrast h2,
body.high-contrast h2 span,
body.high-contrast h3,
body.high-contrast h3 span,
body.high-contrast a,
body.high-contrast a span,
body.high-contrast a h3,
body.high-contrast strong,
body.high-contrast a i {
    color: rgb(255, 201, 58) !important;
}

body.high-contrast .b20List>li {
    background: #ccc !important;
}

body.high-contrast .b20List>li>a>span {
    color: #000 !important;
}

body.high-contrast .b20List>li:hover {
    background: #00a39c !important;
}

body.high-contrast .b1Info .g0_btn {
    background: #000 !important;
    color: #fff !important;
}

body.high-contrast .headerDates {
    background: rgba(0, 163, 156, 0.13);
}

body.high-contrast .g0_btn {
    background: rgb(255, 201, 58) !important;
    color: #fff !important;
}

body.high-contrast .g0_btn:focus,
body.high-contrast .g0_btn:active,
body.high-contrast .g0_btn:hover {
    background: #00a39c !important;
    color: #fff !important;
}

body.high-contrast .f_logo {
    background: #fff !important;
}

body.high-contrast .b3TargetInfo .g1_title {
    color: #000 !important;
}

body.high-contrast .headerBtn {
    background: #00d6a5 !important;
    color: #000 !important;
}

body.high-contrast .close-btn {
    background: #00d6a5 !important;
}

body.high-contrast #result-search-list ul li a,
body.high-contrast #result-search-list ul li span {
    color: rgb(255, 201, 58) !important;
}

body.high-contrast #result-search-list ul li a:hover,
body.high-contrast #result-search-list ul li a:hover span {
    color: #fff !important;
}

body.high-contrast .details-investigation {
    background: #000 !important;
}

body.high-contrast .details-investigation a span,
body.high-contrast .details-investigation a svg {
    color: #fff !important;
    fill: #fff !important;
}

body.high-contrast .b3Markers>li a:focus span,
body.high-contrast .b3Markers>li a:focus,
body.high-contrast .b3Markers>li a:active {
    background-color: transparent !important;
}

body.high-contrast .b3Markers li a:focus .icon-point1 .path1:before,
body.high-contrast .b3Markers li a:active .icon-point1 .path1:before,
body.high-contrast .b3Markers li a.active .icon-point1 .path1:before {
    color: #000 !important;
}

body.high-contrast .bx-wrapper {
    background: #000 !important;
}

body.high-contrast .b9Wrap img {
    filter: grayscale(0) !important;
}

body.high-contrast .tnp-subscription input[type=submit] {
    background: #e2a710!important;
    color: #fff !important;
}

body.high-contrast .tnp-subscription input[type="checkbox"]:checked {
    background-image: url(data:image/svg+xml,%3csvg height='32' fill='#000000' width='32' viewbox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m11.4 21.5-5.93-5.93-2.01 2.01 7.94 7.94 17.1-17.1-2.01-2.01z' fill='%23fff'/%3e%3c/svg%3e) !important;
    background-color: #e2a710!important;
    border-color: #e2a710!important;
}
body.high-contrast .headerSubMenuText ul li a:focus, 
body.high-contrast .headerSubMenuText ul li a:active{
    color: #000 !important;
    background: #00d6a5 !important;
}
/*body.high-contrast .slick-prev, body.high-contrast .slick-next, body.high-contrast .owl-next, body.high-contrast .owl-prev, body.high-contrast .flickity-prev-next-button {
        background: rgb(255, 201, 58) !important;
}
*/

@media screen and (max-width: 1024px) {
    body.high-contrast .headerSubMenuTab.active span {
        color: rgb(255, 201, 58) !important;
    }
    body.high-contrast .menu-responsive .headerSubMenuBoxItem img {
        background: #fafafa;
    }
}


/* END HIGH CONTRAST */


/* END ZOOM */


/* body {
    background: #000 !important;
    color: #fff !important;
} */


/* underline mode */

body.underline-links a:hover {
    text-decoration: underline !important;
}

body.underline-links a:hover h1,
body.underline-links a:hover h2,
body.underline-links a:hover h3,
body.underline-links a:hover h4,
body.underline-links a:hover h5,
body.underline-links a:hover h6,
body.underline-links a:hover span,
body.underline-links a:hover small,
body.underline-links a:hover strong {
    text-decoration: underline !important;
}


/* Readable font */

body.readable-font {
    font-family: "Arial Black", "Arial Bold", Arial, Helvetica, sans-serif;
    font-weight: bold;
}

body.readable-font h1,
body.readable-font h2,
body.readable-font h3,
body.readable-font h4,
body.readable-font h5,
body.readable-font h6,
body.readable-font a:not(.icon-facebook, .icon-instagram, .icon-youtube),
body.readable-font button,
body.readable-font p,
body.readable-font div,
body.readable-font article,
body.readable-font figure,
body.readable-font small,
body.readable-font strong,
body.readable-font header {
    font-family: "Arial Black", "Arial Bold", Arial, Helvetica, sans-serif !important;
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    font-weight: bold;
}

body.readable-font a::before {
    font-family: 'icomoon' !important;
}


/* ZOOM */


/* ZOOM */

body.zoom-1 {
    font-size: 135% !important;
}

body.zoom-2 {
    font-size: 155% !important;
}

body.zoom-1 .header-link,
body.zoom-1 a span,
body.zoom-1 h1,
body.zoom-1 h2,
body.zoom-1 p,
body.zoom-1 span.g1_title,
body.zoom-1 .footerCtn a,
body.zoom-1 .footerCtn span,
body.zoom-1 .accesibility-bar li span,
body.zoom-1 .b16_transport h3,
body.zoom-1 .b7Item h3,
body.zoom-1 .b7Item h4 {
    zoom: 119%;
}

body.zoom-2 .header-link,
body.zoom-2 a,
body.zoom-2 h1,
body.zoom-2 h2,
body.zoom-2 p,
body.zoom-2 span.g1_title,
body.zoom-2 .footerCtn a,
body.zoom-2 .footerCtn span,
body.zoom-2 .accesibility-bar li span,
body.zoom-2 .b16_transport h3,
body.zoom-2 .b7Item h3,
body.zoom-2 .b7Item h4 {
    zoom: 125%;
}

@media screen and (max-width: 1500px) {
    body.zoom-1 .header-link,
    body.zoom-1 a span,
    body.zoom-1 h1,
    body.zoom-1 h2,
    body.zoom-1 p,
    body.zoom-1 span.g1_title,
    body.zoom-1 .header .headerSubMenuTab>span,
    body.zoom-1 .footerCtn a,
    body.zoom-1 .footerCtn span,
    body.zoom-1 .accesibility-bar li span,
    body.zoom-1 .b16_transport h3,
    body.zoom-1 .b7Item h3,
    body.zoom-1 .b7Item h4 {
        zoom: 118.5%;
    }
    body.zoom-1 .header .headerSubMenuTab {
        zoom: 115%;
    }
    body.zoom-2 a,
    body.zoom-2 h1,
    body.zoom-2 h2,
    body.zoom-2 p,
    body.zoom-2 span.g1_title,
    body.zoom-2 .header .headerSubMenuTab>span,
    body.zoom-2 .footerCtn a,
    body.zoom-2 .footerCtn span,
    body.zoom-2 .accesibility-bar li span,
    body.zoom-2 .b16_transport h3,
    body.zoom-2 .b7Item h3,
    body.zoom-2 .b7Item h4 {
        zoom: 122%;
    }
    body.zoom-2 .header .headerSubMenuTab {
        zoom: 115%;
    }
}


/* GRAY SCALE */

body.gray-scale>div,
body.gray-scale>header nav li a,
body.gray-scale>footer,
body.gray-scale>main {
    filter: grayscale(100%) !important;
    overflow-x: hidden !important;
}

body.gray-scale>header nav li a {
    overflow-y: hidden;
}

body.gray-scale .headerDates,
body.gray-scale .headerBtn,
body.gray-scale .accesibility-bar li{
    filter: grayscale(1) !important;
}


/* IMGS */

@media screen and (min-width: 1024px) {
    .b1Categorias ul .item-link:first-child:hover {
        background: inherit;
    }
}

.b1Categorias ul .item-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    width: 25%;
    margin: 0px;
    border-left: 1px solid #f0f0f0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
}

.b1Categorias ul.owl-carousel .owl-stage-outer .item-link,
.b1Categorias ul.owl-carousel .owl-stage .item-link,
.b1Categorias ul.owl-carousel .owl-item .item-link {
    width: 100%;
    padding-right: 80px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #00e5b0;
    border: 0px;
}


/* .b8Wrap .wrapper-img-accesibility {
    cursor: none
} */


/* 
.b8Wrap .sbi_item {
    overflow: hidden;
}

.b8Wrap .sbi_item img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
} */

footer h3 {
    color: #000;
    opacity: 1;
}

.img-accesibility {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: flex !important;
}

.img-absolute img {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important
}

.no-p-bottom {
    padding-bottom: 0 !important;
}

.insta-img {
    position: relative;
}

.insta-img::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 163, 156, 0.13);
}

.insta-icon-play {
    position: absolute;
    width: 30px;
    font-size: 30px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #00e5b0 !important;
}

body.voice-active a.active,
body.voice-active a.active span,
body.voice-active a.active small,
body.voice-active a.active strong,
body.voice-active a.active h1,
body.voice-active a.active h2,
body.voice-active a.active h3,
body.voice-active a.active i,
body.voice-active p.active,
body.voice-active h1.active,
body.voice-active h1.active span,
body.voice-active h2.active,
body.voice-active h2.active span,
body.voice-active h3.active,
body.voice-active h3.active span,
body.voice-active h4.active,
body.voice-active h5.active,
body.voice-active h6.active,
body.voice-active button.active {
    background-color: #00e5b0;
    outline: 2px solid #000;
    color: #000 !important;
}

/* body a:focus,
body a:focus span,
body a:focus small,
body a:focus strong,
body a:focus h1,
body a:focus h2,
body a:focus h3,
body a:focus i,
body p:focus,
body h1:focus,
body h1:focus span,
body h2:focus,
body h2:focus span,
body h3:focus,
body h3:focus span,
body h4:focus,
body h5:focus,
body h6:focus,
body button:focus {
    background-color: #00e5b0;
    outline: 2px solid #000;
    color: #000 !important;
} */

:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) a:focus,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) a:focus span,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) a:focus small,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) a:focus strong,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) a:focus h1,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) a:focus h2,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) a:focus h3,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) a:focus i,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) p:focus,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) h1:focus,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) h1:focus span,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) h2:focus,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) h2:focus span,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) h3:focus,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) h3:focus span,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) h4:focus,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) h5:focus,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) h6:focus,
:is(body.zoom-1, body.zoom-2, body.gray-scale, body.dark, body.high-contrast, body.underline-links, body.readable-font) button:focus {
    background-color: #00e5b0;
    outline: 2px solid #000;
    color: #000 !important;
}

body a:focus span,
body a:focus small,
body a:focus strong,
body a:focus h1,
body a:focus h2,
body a:focus h3,
body a:focus i,
body.voice-active a.active span,
body.voice-active a.active small,
body.voice-active a.active strong {
    outline: none !important;
}


/* ACCESIIBILITY VOICE SEARCH */

.searcher-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow-y: auto;
    z-index: 10;
    background: #000;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in-out .3s;
    z-index: 1000;
}

.searcher-wrapper::-webkit-scrollbar {
    display: none;
}

.searcher-wrapper.active-search {
    opacity: 1;
    visibility: visible;
}

.close-btn {
    position: fixed;
    top: 10px;
    right: 15px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: #00a39c !important;
    cursor: pointer;
}

.close-btn svg {
    fill: #000;
}

#results {
    width: 100%;
    padding: 0 20px;
    max-width: 500px;
    margin: 0 auto;
    margin-top: 50px;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.5em;
}

#results #final_span,
#interim_span {
    color: #fff;
    font-size: 40px;
}

#interim_span {
    opacity: 0.5;
}

#tip {
    position: absolute;
    bottom: 100px;
    left: 50%;
    width: 250px;
    opacity: 0.8;
    color: rgba(255, 255, 255, 0.75);
    margin-left: -125px;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: bold;
    transform: translateY(20px);
    opacity: 0;
    transition: all 0.4s ease-in;
}

#tip.show {
    opacity: 1;
    transform: translateY(0);
    transition: all 0.3s ease-out;
}

.visual {
    position: absolute;
    bottom: 0;
    width: 400px;
    height: 400px;
    margin-bottom: -155px;
    border-radius: 100%;
    left: 50%;
    margin-left: -200px;
    z-index: 0;
    transform: scale(0.001);
    mix-blend-mode: screen;
    opacity: 0;
    transition: all 0.3s;
    background: rgba(255, 255, 255, 0.1);
}


/* #viz1 {
    background-color: #ff0000;
}
#viz2 {
    background-color: #00ff00;
}
#viz3 {
    background-color: #0000ff;
}
*/

#visualization {
    position: absolute;
}

#visualization div {
    background-color: orange;
    padding: 10px;
    margin: 3px;
    width: 100px;
    display: inline-block;
    vertical-algin: bottom;
}

#button-search {
    background-color: #028b78 !important;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    margin-left: -25px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 15;
    cursor: pointer;
    z-index: 1010;
}

#button-search:active {
    background-color: #d02 !important;
}

#button-search #microphone {
    fill: #fff;
    width: 30px;
    position: absolute;
    left: 50%;
    margin-left: -14px;
    top: 20%;
}

#button-search.cancel #microphone {
    fill: transparent;
}

#button-search.cancel:before,
#button-search.cancel:after {
    position: absolute;
    background-color: #fff;
    width: 2px;
    height: 16px;
    display: block;
    content: '';
    transform: rotate(45deg);
    left: 50%;
    top: 50%;
    margin-left: -1px;
    margin-top: -8px;
    opacity: 0.8;
    z-index: 15;
}

#button-search.cancel:after {
    transform: rotate(-45deg);
}

#button-search .element {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 3;
}

#button-search .element .slice {
    background-color: #595959;
    position: absolute;
    top: 1px;
    left: 1px;
    width: 24px;
    height: 24px;
    border-radius: 24px 0 0 0;
    z-index: 10;
}

#button-search .loading {
    position: absolute;
    left: -2px;
    top: -2px;
    width: 46px;
    height: 46px;
    border-radius: 100%;
    transform: rotate(-45deg);
    border: 2px solid white;
    border-color: white transparent transparent transparent;
}

#button-search .loading.ring {
    position: absolute;
    border: 2px solid rgba(255, 255, 255, 0.4);
    z-index: 4;
    transform: rotate(45deg);
}

#result-search-list ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    padding: 1.2em 0;
}

#result-search-list ul li a {
    color: #fff;
    font-size: 15px;
}

#result-search-list ul li a span {
    display: block;
    margin-left: 5px;
    font-size: 13px;
}

#result-search-list ul li a strong {
    display: inline-block;
    background: #00a39c;
}

#result-search-list ul li a:hover strong {
    color: #000;
}

#result-search-list ul li a:hover {
    color: #00a39c;
}

.g0_btn:hover:focus,
.g0_btn:hover.active,
.g0_btn:hover:focus.active {
    color: #fff !important;
}

.b23Parrafo {
    opacity: 1;
}