/* Menú de accesibilidad */
.accesibility-bar {
  background: #fff;
  border: 1px solid #000;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
  box-sizing: border-box;
  color: #000;
  display: flex;
  flex-flow: column nowrap;
  list-style: none;
  margin-bottom: 0;
  padding: 0;
  position: fixed;
  bottom: 100px;
  left: -200px;
  transition: all ease-in-out 0.25s;
  width: 200px;
  z-index: 250;
}

.accesibility-description {
  border-bottom: 1px solid #eee;
  font-family: "SharpGroteskSemiBold";
  font-size: 18px;
  margin-bottom: 0;
  padding: 10px 0;
  text-transform: uppercase;
  text-align: center;
}

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

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

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

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

.accesibility-bar li.active-item,
.accesibility-bar li:hover {
  background: #eaeaea;
}

.accesibility-bar .accesibility-activator {
  background: #eaeaea;
  border: 2px solid #000;
  box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
  color: #000;
  cursor: pointer;
  font-weight: bold;
  font-size: 2rem;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: -1px;
  right: -50px;
  width: 50px;
}

/* Contraste negativo */
body.dark,
body.dark header,
body.dark>main,
body.dark section,
body.dark>div,
body.dark div,
body.dark>article,
body.dark article,
body.dark button,
body.dark .accesibility-bar {
  background: rgb(10, 10, 10);
}

body.dark h1,
body.dark h2,
body.dark h3,
body.dark h4,
body.dark h5,
body.dark h6,
body.dark a,
body.dark p,
body.dark span,
body.dark small,
body.dark strong,
body.dark pre,
body.dark button,
body.dark i,
body.dark li,
body.dark ul {
  color: #fff;
}

body.dark h1,
body.dark h2,
body.dark a:hover,
body.dark a:hover i {
  color: #fdba30;
}


/* Alto contraste */
body.high-contrast,
body.high-contrast header>div,
body.high-contrast>div,
body.high-contrast>article,
body.high-contrast section,
body.high-contrast>main,
body.high-contrast header,
body.high-contrast .accesibility-bar,
body.high-contrast .bg-form-tec,
body.high-contrast .white-box,
body.high-contrast .section-banner,
body.high-contrast .thank-you-page,
body.high-contrast .page-not-found {
  background: rgb(0, 0, 0) !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 p,
body.high-contrast span,
body.high-contrast small,
body.high-contrast strong,
body.high-contrast pre,
body.high-contrast article,
body.high-contrast section,
body.high-contrast li,
body.high-contrast ul,
body.high-contrast .form-check-label {
  color: #fff!important;
}

body.high-contrast a,
body.high-contrast a:hover,
body.high-contrast a:focus,
body.high-contrast a.active,
body.high-contrast .footer-list li a,
body.high-contrast .post-body-sidebar:hover {
  color: #ffff00!important;
}

body.high-contrast .accesibility-bar li:hover span,
body.high-contrast .accesibility-bar li:hover i,
body.high-contrast .accesibility-bar li:focus span,
body.high-contrast .accesibility-bar li:focus i,
body.high-contrast .accesibility-bar li.active-item span,
body.high-contrast .accesibility-bar li.active-item i,
body.high-contrast .slick-dots li.slick-active button:before {
  color: #000 !important;
}

body.high-contrast .accesibility-bar .accesibility-activator,
body.high-contrast .accesibility-bar li.active-item,
body.high-contrast .accesibility-bar li:hover,
body.high-contrast .slick-arrow-prev:hover,
body.high-contrast .slick-arrow-next:hover,
body.high-contrast .progress-top,
body.high-contrast .tag-group ul li {
  background: #33ffff !important;
}

body.high-contrast .btn-outline {
  border-color: #ffff00;
}

body.high-contrast .secondary-cat li.list,
body.high-contrast .menu li.menu-item {
  background: #000!important;
}

body.high-contrast .nav-link:hover,
body.high-contrast .nav-link:focus,
body.high-contrast .nav-link.active {
  border-color: #ffff00;
}

body.high-contrast .btn-back-top,
body.high-contrast .btn-lucuma,
body.high-contrast .btn-blog-list,
body.high-contrast .wp-block-social-links .wp-block-social-link {
  background: #fff;
  color: #000;
}

body.high-contrast .addtoany_list a span {
  background-color: #fff !important;
}

body.high-contrast .addtoany_list a span svg path {
  fill: #000;
}

body.high-contrast .form-control {
  border: 2px solid #fff;
  background: unset;
  color: #fff;
}

body.high-contrast .form-control:focus {
  border-color: #33ffff;
}

body.high-contrast .form-control::placeholder,
body.high-contrast select.form-control {
  color: #3ff23f;
}

body.high-contrast select.form-control {
  background-image: url("../images/arrow-down-white.svg");
  background-repeat: no-repeat;
  background-position: right 6px center;
  background-size: 14px;
}

body.high-contrast select.form-control option {
  color: #000;
}

body.high-contrast .btn-search img,
body.high-contrast .btn-menu img,
body.high-contrast .search-form .search-submit,
body.high-contrast .decorative-arrow img {
  filter: invert(1);
}

body.high-contrast .arrows-in-row {
  filter: contrast(200%);
}

body.high-contrast .first-breadcrumb-link:after {
  background: url("../images/flecha-breadcrumb-contraste.svg");
}

body.high-contrast .link-to-return:after {
  background: url("../images/return-arrow-contraste.svg");
}


/* Subrayar enlaces */
body.underline-links a,
body.underline-links a * {
  text-decoration: underline !important;
}


/* Readable font */
body.readable-font {
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: unset !important;
}


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 p,
body.readable-font a,
body.readable-font div,
body.readable-font button,
body.readable-font article,
body.readable-font figure,
body.readable-font label,
body.readable-font small,
body.readable-font strong,
body.readable-font header {
  font-family: Arial, Helvetica, sans-serif !important;
  letter-spacing: unset !important;
}


/* ZOOM */
body.zoom-1,
body.zoom-1 a,
body.zoom-1 p,
body.zoom-1 h6 {
  font-size: 105%;
}

body.zoom-1 h2 {
  font-size: 160%;
}

body.zoom-1 h3 {
  font-size: 155%;
}

body.zoom-1 h4 {
  font-size: 150%;
}

body.zoom-1 h5 {
  font-size: 145%;
}

body.zoom-1 .post-body p.title,
body.zoom-1 a.nav-link {
  font-size: 110%;
}

body.zoom-1 .category-title p {
  font-size: 115%;
}

body.zoom-1 .tag-group p {
  font-size: 130%;
}

body.zoom-1 p.sidebar-title {
  font-size: 135%;
}

body.zoom-1 p.form-description {
  line-height: 1.3;
  top: 8%;
}

body.zoom-2,
body.zoom-2 a,
body.zoom-2 p,
body.zoom-2 h6 {
  font-size: 110%;  
}

body.zoom-2 h2 {
  font-size: 165%;
}

body.zoom-2 h3 {
  font-size: 160%;
}

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

body.zoom-2 h5 {
  font-size: 150%;
}

body.zoom-2 .group-slider p.description {
  line-height: 1.3;
}

body.zoom-2 .post-body p.title,
body.zoom-2 a.nav-link {
  font-size: 115%;
}

body.zoom-2 .category-title p {
  font-size: 120%;
}

body.zoom-2 .tag-group p {
  font-size: 135%;
}

body.zoom-2 p.sidebar-title {
  font-size: 140%;
}

body.zoom-2 p.form-description {
  line-height: 1.3;
  top: 7%;
}

/* GRAY SCALE */

body.gray-scale>header,
body.gray-scale>div,
body.gray-scale>section,
body.gray-scale>footer,
body.gray-scale>main {
  filter: grayscale(100%) !important;
}

/* voice-active */
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 label.active,
body.voice-active button.active {
  background-color: #fdba30;
  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: #33ffff;
  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 0.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: #fdba30 !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);
}

#visualization {
  position: absolute;
}

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

#button-search {
  background-color: #fdba30 !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: #fdba30;
}

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

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

/**News - rchecnes**/
.ac-show { display: block !important; }
.ac-hide { display: none !important; }

.ac-full-width { width: 100% !important; }
.ac-max-width { max-width: 100% !important; }
.ac-averflow-hidden { overflow: hidden !important; }
.ac-bg-yellow { background-color: #fdba30 !important; }
.ac-bg-black { background-color: #000 !important; }

.ac-opacity-0 { opacity: 0 !important; }
.ac-opacity-1 { opacity: 1 !important; }

@media screen and (min-width: 375px) {
  body.zoom-1 p.form-description {
    top: 12%;
  }

  body.zoom-2 p.form-description {
    top: 9%;
  }
}

@media screen and (min-width: 576px) {
  .accesibility-bar {
    bottom: 25px;
  }
}

@media screen and (min-width: 768px) {
  body.zoom-1 p.form-description {
    font-size: 150% !important;
    top: 3%;
  }

  body.zoom-2 p.form-description {
    font-size: 155% !important;
    top: 2%;
  }

  .accesibility-bar .accesibility-activator {
    width: 55px;
    height: 55px;
    right: -55px;
  }
}

@media screen and (min-width: 992px) {
  body.zoom-1 a.nav-link {
    font-size: 130% !important;
  }

  body.zoom-2 a.nav-link {
    font-size: 135% !important;
  }
}

@media screen and (min-width: 1024px) {}

@media screen and (min-width: 1400px) {
  .accesibility-bar {
    width: 270px;
    left: -270px;
  }

  .accesibility-bar li {
    font-size: 0.95rem;
  }

  .accesibility-bar .accesibility-activator {
    width: 60px;
    height: 60px;
    right: -60px;
  }
}