.box-amarillo {
    border: 1px solid;
    border-color: rgba(255,221,64,.5)!important;
    background-color: rgba(255,221,64,.1)!important;
    padding: 3rem;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    height: 100%;
}

/* BOTON TRADUCCION */
p.instrucciones-traduccion {
  font-weight: 600;
  font-size: 1.8rem;
  padding: 1.5rem 0rem;
  margin-bottom: 0;
}

.instrucciones-traduccion a {
  margin-right: 1rem;
}

.btn-traduccion {
  color: #111111;
  background-color: #FFDD40;
  border-color: #FFDD40;
  font-size: 1.4rem !important;
  font-weight: 800;
}

.btn-traduccion:hover {
  color: #8e7500;
  background-color: #ffe673;
  border-color: #ffe673;
}

.btn-traduccion:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 221, 64, 0.5);
  color: #8e7500;
}

.border-instruccion {
  border-color: rgba(255, 221, 64, 0.5) !important;
  background-color: rgba(255, 221, 64, 0.1) !important;
}
/* BOTON TRADUCCION */

/* CULTURAL CLIP */
.box .info {
  box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.1);
  transition: box-shadow .3s ease-out, transform .3s ease-out, opacity .2s ease-out;
  transition-delay: .1s;
  transform: translateZ(0);
}

.box .info:hover {
  opacity: 1 !important;
  box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px, rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px, rgba(32, 32, 32, 0.05) 0px 16px 16px, rgba(49, 49, 49, 0.05) 0px 32px 32px, rgba(35, 35, 35, 0.05) 0px 64px 64px;
  transform: translate(0, -4px);
}

.box>.icon {
  text-align: center;
  position: relative;
}

.box>.icon>.image {
  position: relative;
  z-index: 2;
  margin: auto;
  width: 66px;
  height: 66px;
  border: 3px solid #724b6d;
  line-height: 76px;
  border-radius: 50%;
  background: #FFFFFF;
  vertical-align: middle;
}

.box>.icon>.image>i {
  font-size: 3.6rem !important;
  color: #724b6d !important;
}

.box>.icon:hover>.image>i {
  color: #724b6d !important;
}

.box>.icon>.info {
  margin-top: -24px;
}

.box>.icon>.info>p {
  font-size: 1.6rem;
  color: #FFFFFF;
  line-height: 1.5em;
  margin: 2rem;
}

/* CULTURAL CLIP */

/* AUDIO CARD PLAYER */
.audio-player {
  position: relative;
  width: 100%;
  height: 0;
  text-align: center;
  padding-bottom: 100%;
  background-color: #724b6d;
}

.audio-player video {
  opacity: 0;
  transition: opacity 300ms;
  will-change: opacity;
}

.audio-player:focus .audio-player__cover,
.audio-player:hover .audio-player__cover,
.audio-player.is-playing .audio-player__cover {
  opacity: 0.35;
}

.audio-player:focus .audio-player__title,
.audio-player:hover .audio-player__title,
.audio-player.is-playing .audio-player__title {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.audio-player:focus .audio-player__control-icon,
.audio-player:hover .audio-player__control-icon,
.audio-player.is-playing .audio-player__control-icon {
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}

.audio-player.is-playing .audio-player__cover {
  opacity: 0;
}

.audio-player.is-playing video {
  opacity: 1;
}

.audio-player.is-playing .audio-player__control-icon:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.audio-player.is-playing .audio-player__control-icon:after {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.audio-player.is-playing .audio-player__cover, .audio-player:focus .audio-player__cover, .audio-player:hover .audio-player__cover {
  opacity: .35;
}

.audio-player__cover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: opacity 350ms;
  will-change: opacity;
}

.audio-player__title {
  position: absolute;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  left: 10px;
  right: 10px;
  bottom: 0;
  top: 50%;
  padding-top: 50px;
  -webkit-transform: translateY(-5%);
  transform: translateY(-5%);
  z-index: 10;
  opacity: 0;
  transition: all 300ms;
  will-change: transform, opacity;
}

.audio-player__control {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  border: none;
  background: none;
  cursor: pointer;
}

.audio-player__control:focus {
  outline: none;
}

.audio-player__control-icon {
  position: absolute;
  width: 65px;
  height: 65px;
  border-radius: 50%;
  border: 3px solid #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  overflow: hidden;
  transition: all 250ms ease-out;
  -webkit-transform: scale(1);
  transform: scale(1);
  will-change: transform;
}

.audio-player__control-icon::after,
.audio-player__control-icon::before {
  transition: all 200ms;
  will-change: transform;
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.audio-player__control-icon::after {
  left: 5px;
  width: 0;
  height: 0;
  border-top: 16px solid transparent;
  border-bottom: 16px solid transparent;
  border-left: 20px solid #fff;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.audio-player__control-icon::before {
  width: 15px;
  height: 30px;
  border-right: 6px solid #fff;
  border-left: 6px solid #fff;
  -webkit-transform: translateY(-50px);
  transform: translateY(-50px);
}

.audio-players {
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

.audio-players li {
  display: flex;
  vertical-align: top;
  max-width: 335px;
  margin: .5rem;
}

.audio-players li.card-hover {
  width: 19.1%;
  height: 100%;
}
/* AUDIO CARD PLAYER */

/* TABS */
.cd-tabs {
  position: relative;
  width: 100%;
  /* max-width: 960px; */
  margin: 3rem auto;
}

@supports (background: linear-gradient(to left, #000, #000)) or (background: -webkit-linear-gradient(to left, #000, #000)) {
  /* if linear-gradient is supported */
  .cd-tabs::after {
    /* subtle gradient layer on top right of the tabbed navigation- to indicate it's possible to scroll */
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 50px;
    z-index: 1;
    pointer-events: none;
    background: -webkit-gradient(linear, right top, left top, from(#f8f7ee), to(rgba(248, 247, 238, 0)));
    background: linear-gradient(to left, #f8f7ee, rgba(248, 247, 238, 0));
    visibility: visible;
    opacity: 1;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
  }
  .cd-tabs.cd-tabs--scroll-ended::after {
    /* class added in JavaScript - remove the gradient layer when it's no longer possible to scroll */
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
  }
}

.cd-tabs nav {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  background: #f8f7ee;
  -webkit-box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
          box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
}

@media only screen and (min-width: 768px) {
  .cd-tabs::after {
    display: none;
  }
  .cd-tabs nav {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    -webkit-box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06);
            box-shadow: inset -2px 0 3px rgba(203, 196, 130, 0.06);
    z-index: 1;
  }
}

@media only screen and (min-width: 960px) {
  .cd-tabs nav {
    position: relative;
    float: none;
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

.cd-tabs__navigation {
  width: 360px;
}

.cd-tabs__navigation:after {
  /* clearfix */
  content: "";
  display: table;
  clear: both;
}

ul.cd-tabs__navigation, ul.cd-tabs__content {
  padding-inline-start: 0;
      margin-block-end: 0;
      margin-block-start: 0;
}

.cd-tabs__navigation li {
  float: left;
  list-style-type:none;
}

.cd-tabs__navigation a {
  position: relative;
  display: block;
  height: 70px;
  width: 90px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #c3c2b9;
  padding: 1.5rem 1.5rem;
}

.cd-tabs__navigation a:hover {
  color: #29324e;
  background-color: rgba(255, 221, 64, 0.3);
}

.cd-tabs__navigation a.cd-selected {
  background-color: #ffffff !important;
  -webkit-box-shadow: inset 0 2px 0 #FFDD40;
          box-shadow: inset 0 2px 0 #FFDD40;
  color: #29324e;
}

.cd-tabs__navigation a[data-content='new']::before {
  background-position: 0 0;
}

.cd-tabs__navigation a[data-content='gallery']::before {
  background-position: -16px 0;
}

.cd-tabs__navigation a[data-content='store']::before {
  background-position: -32px 0;
}

.cd-tabs__navigation a[data-content='settings']::before {
  background-position: -48px 0;
}

.cd-tabs__navigation a[data-content='trash']::before {
  background-position: -64px 0;
}

.cd-tabs__navigation a[data-content='inbox']::before {
  background-position: -80px 0;
}

.cd-tabs__navigation a[data-content='new'].cd-selected::before {
  background-position: 0 -16px;
}

.cd-tabs__navigation a[data-content='gallery'].cd-selected::before {
  background-position: -16px -16px;
}

.cd-tabs__navigation a[data-content='store'].cd-selected::before {
  background-position: -32px -16px;
}

.cd-tabs__navigation a[data-content='settings'].cd-selected::before {
  background-position: -48px -16px;
}

.cd-tabs__navigation a[data-content='trash'].cd-selected::before {
  background-position: -64px -16px;
}

.cd-tabs__navigation a[data-content='inbox'].cd-selected::before {
  background-position: -80px -16px;
}

@media only screen and (min-width: 768px) {
  .cd-tabs__navigation {
    /* move the nav to the left on medium sized devices */
    width: 80px;
    float: left;
  }
  .cd-tabs__navigation a {
    height: 80px;
    width: 80px;
    padding-top: 46px;
  }
  .cd-tabs__navigation a.cd-selected {
    -webkit-box-shadow: inset 2px 0 0 #FFDD40;
            box-shadow: inset 2px 0 0 #FFDD40;
  }
  .cd-tabs__navigation a::before {
    top: 24px;
  }
}

@media only screen and (min-width: 960px) {
  .cd-tabs__navigation {
    /* tabbed navigation on top on big devices */
    width: 100%;
    background-color: rgba(255, 221, 64, 0.1);
    -webkit-box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
            box-shadow: inset 0 -2px 3px rgba(203, 196, 130, 0.06);
  }
  .cd-tabs__navigation a {
    height: 60px;
    line-height: 60px;
    width: auto;
    text-align: center;
    font-size: 1.4rem;
    padding: 0 6rem;
  }
  .cd-tabs__navigation a.cd-selected {
    -webkit-box-shadow: inset 0 2px 0 #FFDD40;
            box-shadow: inset 0 2px 0 #FFDD40;
  }
  .cd-tabs__navigation a::before {
    top: 50%;
    margin-top: -8px;
    margin-left: 0;
    left: 40px;
  }
}

.cd-tabs__content {
  background: #ffffff;
}

.cd-tabs__content li {
  display: none;
  padding: 1.4em;
}

.cd-tabs__content li.cd-selected {
  display: block;
  -webkit-animation: cd-fade-in 0.5s;
          animation: cd-fade-in 0.5s;
}

/* .cd-tabs__content li p {
  font-size: 1.4rem;
  line-height: 1.6;
  color: #111111;
  margin-bottom: 2rem;
} */

@media only screen and (min-width: 768px) {
  .cd-tabs__content {
    min-height: 480px;
  }
  .cd-tabs__content li {
    padding: 2em 2em 2em 7em;
  }
}

@media only screen and (min-width: 960px) {
  .cd-tabs__content {
    min-height: 0;
  }
  .cd-tabs__content li {
    padding: 3em;
  }
  /* .cd-tabs__content li p {
    font-size: 1.6rem;
  } */
}

@-webkit-keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes cd-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* demo style */
.cd-nugget-info {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 40px;
  line-height: 40px;
  top: 0;
  left: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-nugget-info a {
  width: 160px;
  position: relative;
  font-size: 14px;
  color: #6375ad;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
.cd-nugget-info a:hover {
  opacity: .8;
}
.cd-nugget-info span {
  vertical-align: middle;
  display: inline-block;
}
.cd-nugget-info span svg {
  display: block;
}
.cd-nugget-info .cd-nugget-info-arrow {
  fill: #6375ad;
}

/* TABS */

/* SVG CHECKBOX */
.svg-checkbox,
.svg-radio {
  padding: 0 2rem 0 0;
  margin: 0;
}

.svg-checkbox li,
.svg-radio li {
  display: list-item;
  position: relative;
  list-style: none;
  padding: 1rem 0;
}

.svg-checkbox input[type="checkbox"],
.svg-radio input[type="radio"] {
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
}

.svg-checkbox input[type="checkbox"],
.svg-radio input[type="radio"],
.svg-checkbox label::before,
.svg-radio label::before {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 1.5rem;
}

.svg-radio input[type="radio"],
.svg-radio label::before {
  border-radius: 50%;
}

.svg-checkbox label,
.svg-radio label {
  display: inline-block;
  position: relative;
  font-size: 1.8rem;
  padding: 0 0 0 50px;
  font-weight: 600;
  cursor: pointer;
}

.svg-checkbox label::before,
.svg-radio label::before {
  content: '';
  border: 3px solid #111111;
  opacity: 0.7;
  transition: opacity 0.3s;
}

.svg-checkbox input[type="checkbox"]:checked+label::before,
.svg-radio input[type="radio"]:checked+label::before {
  opacity: 1;
}

.svg-checkbox svg,
.svg-radio svg {
  position: absolute;
  top: 50%;
  left: 4px;
  width: 28px;
  height: 28px;
  margin-top: -15px;
  pointer-events: none;
}

.svg-checkbox svg path,
.svg-radio svg path {
  stroke-width: 15px;
  fill: none;
  transition: stroke-dashoffset 0.2s ease-in 0s;
}

.svg-radio svg path {
  stroke-width: 9px;
}

.svg-checkbox svg path+path {
  transition: stroke-dashoffset 0.2s ease-out 0.2s;
}

.svg-checkbox input[type="checkbox"]:checked~svg path,
.svg-radio input[type="radio"]:checked~svg path {
  stroke-dashoffset: 0;
}
/* SVG CHECKBOX */

/* Fancybox */
    .img-fancybox {
      display: block;
      position: relative;
      overflow: hidden;
      cursor: zoom-in;
    }

    .fancybox-hover:hover:before {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(255,221,64,0.5);
      mix-blend-mode: multiply;
    }
/* Fancybox */

/* BIBLIO Y CREDITOS */
.biblio h3 {
    font-family: 'Open Sans Condensed',sans-serif;
}

.hr-degradado-morado {
  background: transparent;
  border-image: linear-gradient(to right, #f8b8f3 0%, #724b6d 100%);
  border-top: .5rem solid transparent;
  border-image-slice: 20 !important;
}

ul.instrucciones-lista.biblio {
  color: #666666;
}

ul.instrucciones-lista.biblio li:before {
  background: #724b6d;
  color: #666666;
}

.titulo-creditos {
  font-family: 'Open Sans Condensed', sans-serif !important;
  font-size: 2.4rem;
  font-weight: 700;
  text-transform: uppercase;
}

.titulo-creditos {
  color: #999999;
}

.sub-creditos {
  font-weight: 800;
  color: #724b6d;
}
.sub-creditos-last {
font-weight: 800;
color: #724b6d;
margin-bottom: 3rem;
}

.fondo-color-creditos {
  background: #724b6d;
  height: 100% !important;
}

.fondo-color-creditos .sub-creditos-last, .fondo-color-creditos .sub-creditos {
  color: #f1f1f1;
}

@media screen and (max-width: 991px) { 
  
  .biblio h3 {
    font-size: 2.4rem;
}
  
  #block-pacch-page-title h1.title {
    font-size: 2.8rem;
    text-align: center;
}

  .fondo-blanco-creditos {
    padding: 3rem;
    margin-top: 0 !important;
    text-align:center;
  }

.fondo-color-creditos {
    text-align:center;
    height: 105vh;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

}
/* BIBLIO Y CREDITOS */

@media screen and (max-width: 1024px) {
.audio-players li.card-hover {
    width: 23.9%;
}
}

@media screen and (max-width: 768px) {
  .audio-players li.card-hover {
    width: 46.5%;
  }
}

@media screen and (max-width: 576px) {
.slide-objetos .card-body {
  height: 100%;
}

}