/*Portada 2022*/
html {
    overflow-x: hidden;
}

.nuevo-menu .level-0.elfestival, .elfestival {
    /*color: #ff585d !important;*/
    animation: Color 8s linear infinite;
    -webkit-animation: Color 8s ease-in-out infinite;

}

@keyframes Color {
    0% {
        color: #3B39BA;
    }

    20% {
        color: #3BEA9B;
    }

    40% {
        color: #FF80FF;
    }

    60% {
        color: #E75615;
    }

    80% {
        color: #24C531;
    }

    100% {
        color: #C28E2F;
    }
}

@-moz-keyframes Color {
    0% {
        color: #3B39BA;
    }

    20% {
        color: #3BEA9B;
    }

    40% {
        color: #FF80FF;
    }

    60% {
        color: #E75615;
    }

    80% {
        color: #24C531;
    }

    100% {
        color: #C28E2F;
    }
}

@-webkit-keyframes Color {
    0% {
        color: #3B39BA;
    }

    20% {
        color: #3BEA9B;
    }

    40% {
        color: #FF80FF;
    }

    60% {
        color: #E75615;
    }

    80% {
        color: #24C531;
    }

    100% {
        color: #C28E2F;
    }
a
}

body {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #000;
    font-weight: 400;
    background: #fff;
    overflow-x: hidden;
}

p {
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 1.5rem;
}

.p-rel {
    position: relative;
}

hr {
    border-top: 1px solid rgba(0, 0, 0, 0.2);
}

strong {
    font-weight: 700;
}

.vert-c {
    display: flex;
    justify-content: center;
    align-items: center;
}

a {
    color: #000;
    cursor: pointer;
}

.mx-h {
    min-height: 100% !important;
}

.mh {
    height: 215px;
}

.bg-light {
    background-color: #fff !important;
}

/*=====================*/
/*Logo*/
/*=====================*/

/*
@-webkit-keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 119.97209167480469px;
    stroke-dasharray: 119.97209167480469px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 119.97209167480469px
  }
}

@keyframes animate-svg-stroke-1 {
  0% {
    stroke-dashoffset: 119.97209167480469px;
    stroke-dasharray: 119.97209167480469px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 119.97209167480469px
  }
}

@-webkit-keyframes animate-svg-fill-1 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

@keyframes animate-svg-fill-1 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

.svg-elem-1 {
  -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
  animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both, animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both
}

@-webkit-keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 211.5428466796875px;
    stroke-dasharray: 211.5428466796875px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 211.5428466796875px
  }
}

@keyframes animate-svg-stroke-2 {
  0% {
    stroke-dashoffset: 211.5428466796875px;
    stroke-dasharray: 211.5428466796875px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 211.5428466796875px
  }
}

@-webkit-keyframes animate-svg-fill-2 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

@keyframes animate-svg-fill-2 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

.svg-elem-2 {
  -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
  animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both, animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both
}

@-webkit-keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 91.6224365234375px;
    stroke-dasharray: 91.6224365234375px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 91.6224365234375px
  }
}

@keyframes animate-svg-stroke-3 {
  0% {
    stroke-dashoffset: 91.6224365234375px;
    stroke-dasharray: 91.6224365234375px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 91.6224365234375px
  }
}

@-webkit-keyframes animate-svg-fill-3 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

@keyframes animate-svg-fill-3 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

.svg-elem-3 {
  -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
  animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both, animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both
}

@-webkit-keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 73.8917236328125px;
    stroke-dasharray: 73.8917236328125px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 73.8917236328125px
  }
}

@keyframes animate-svg-stroke-4 {
  0% {
    stroke-dashoffset: 73.8917236328125px;
    stroke-dasharray: 73.8917236328125px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 73.8917236328125px
  }
}

@-webkit-keyframes animate-svg-fill-4 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

@keyframes animate-svg-fill-4 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

.svg-elem-4 {
  -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
  animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both, animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both
}

@-webkit-keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 120.19998168945312px;
    stroke-dasharray: 120.19998168945312px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120.19998168945312px
  }
}

@keyframes animate-svg-stroke-5 {
  0% {
    stroke-dashoffset: 120.19998168945312px;
    stroke-dasharray: 120.19998168945312px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120.19998168945312px
  }
}

@-webkit-keyframes animate-svg-fill-5 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

@keyframes animate-svg-fill-5 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

.svg-elem-5 {
  -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
  animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both, animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both
}

@-webkit-keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 129.63833618164062px;
    stroke-dasharray: 129.63833618164062px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 129.63833618164062px
  }
}

@keyframes animate-svg-stroke-6 {
  0% {
    stroke-dashoffset: 129.63833618164062px;
    stroke-dasharray: 129.63833618164062px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 129.63833618164062px
  }
}

@-webkit-keyframes animate-svg-fill-6 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

@keyframes animate-svg-fill-6 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

.svg-elem-6 {
  -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
  animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both, animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both
}

@-webkit-keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 120.81304168701172px;
    stroke-dasharray: 120.81304168701172px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120.81304168701172px
  }
}

@keyframes animate-svg-stroke-7 {
  0% {
    stroke-dashoffset: 120.81304168701172px;
    stroke-dasharray: 120.81304168701172px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 120.81304168701172px
  }
}

@-webkit-keyframes animate-svg-fill-7 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

@keyframes animate-svg-fill-7 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

.svg-elem-7 {
  -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both, animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
  animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both, animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both
}

@-webkit-keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 92.9635238647461px;
    stroke-dasharray: 92.9635238647461px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 92.9635238647461px
  }
}

@keyframes animate-svg-stroke-8 {
  0% {
    stroke-dashoffset: 92.9635238647461px;
    stroke-dasharray: 92.9635238647461px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 92.9635238647461px
  }
}

@-webkit-keyframes animate-svg-fill-8 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

@keyframes animate-svg-fill-8 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

.svg-elem-8 {
  -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both, animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
  animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both, animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both
}

@-webkit-keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 72.81245422363281px;
    stroke-dasharray: 72.81245422363281px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 72.81245422363281px
  }
}

@keyframes animate-svg-stroke-9 {
  0% {
    stroke-dashoffset: 72.81245422363281px;
    stroke-dasharray: 72.81245422363281px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 72.81245422363281px
  }
}

@-webkit-keyframes animate-svg-fill-9 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

@keyframes animate-svg-fill-9 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

.svg-elem-9 {
  -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
  animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both, animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both
}

@-webkit-keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 111.02965545654297px;
    stroke-dasharray: 111.02965545654297px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 111.02965545654297px
  }
}

@keyframes animate-svg-stroke-10 {
  0% {
    stroke-dashoffset: 111.02965545654297px;
    stroke-dasharray: 111.02965545654297px
  }

  100% {
    stroke-dashoffset: 0;
    stroke-dasharray: 111.02965545654297px
  }
}

@-webkit-keyframes animate-svg-fill-10 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

@keyframes animate-svg-fill-10 {
  0% {
    fill: transparent
  }

  100% {
    fill: rgb(0, 0, 0)
  }
}

.svg-elem-10 {
  -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both, animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
  animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both, animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both
}

*/

/*=====================*/
/*Header*/
/*=====================*/
header {
}

header .navbar-brand svg {
    width: 100%;
}

.navbar-toggler {
    border: 0;
}

.navbar-toggler .fa-bars {
    color: #ea5b1e;
}

.navbar-toggler:hover .fa-bars {
    color: #5E3384;
}

header .nav-item {
    padding-right: 20px;
    margin-left: 5px !important;
}

header .nav-item.dropdown {
    padding-right: 0px;
    margin: 0 5px;
}

header .nav-item:last-child {
    padding-right: 0px;
}

header .nav-link {
    font-size: 0.9rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #ea5b1e !important;
    padding: 0.3rem 1rem;
    letter-spacing: -0.5px;
}

header .nav-link:hover {
    color: #000 !important;
}

header .carousel-control-prev, header .carousel-control-next {
    width: 5%;
    z-index: 5;
    font-size: 2.0rem;
}

header .captura-banner {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

header .capture-movil {
    z-index: 2;
    position: relative;
}

header .titulo h1 {
    font-weight: bold;
}

header .bajada p {
    color: #fff;
    font-weight: 300;
}

header .bajada p:last-child {
    margin-bottom: 0;
}

header .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
}

header .redes ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

header .redes ul li {
    display: inline-block;
    padding-right: 5px;
    /*text-align: center;*/
}

header .redes ul li:last-child {
    padding-right: 0px;
}

header .redes ul li a {
  display: inline-block !important;
  width: 24px;
  height: 24px;
  opacity: 1;
  border-radius: 50%;
  /* background-color: #000; */
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 0.9rem !important;
  line-height: 180%;
}

header .redes ul li a:hover {
    opacity: 0.65;
}

header .navbar {
    padding: 0.5rem 1rem 0 1rem;
}

header .redes ul li.whatsapp a {
  text-align: center;
  display: inline-block;
}

header .redes ul li.whatsapp svg {
  font-size: 1.4rem;
  text-align: center;
  color: green;
  vertical-align: baseline;
}

header .redes ul li.instagram a,
header .redes ul li.facebook a,
header .redes ul li.twitter a,
header .redes ul li.youtube a,
header .redes ul li.tiktok a,
header .redes ul li.linkedin a, {
  text-align: center;
  vertical-align: baseline;
}

header .redes ul li.instagram a {
  background-color: #c53580;
}

header .redes ul li.facebook a {
  background-color: #395a93;
}

header .redes ul li.twitter a {
  background-color: #000;
}

header .redes ul li.youtube a {
  background-color: #ff0017;
}

header .redes ul li.tiktok a {
  background-color: #000;
}

header .redes ul li.linkedin a {
  background-color: #0e76a8;
}

.content {
    font-weight: 500;
}

.portada-hr {
    opacity: 0;
    transition: 0.3s;
    margin-bottom: 0;
}

.portada-hr.show-hr {
    opacity: 1;
    margin-bottom: 0;
}

.navbar-expand-lg hr {
    margin-bottom: 0;
}

/*@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}*/
/*=====================*/
/*Calendario*/
/*=====================*/
.cal-2021 .carousel-main .carousel-cell {
    width: 100%;
}

.calendario .flickity-button:disabled {
    display: none;
}

.calendario .carousel a p {
    font-weight: 300;
    text-align: center;
    line-height: 110%;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    font-size: 1.0rem;
}

.calendario .carousel a .dia p {
    font-size: 1.0rem;
}

.calendario .carousel a .dia p strong {
    font-size: 1.1rem;
}

.calendario .carousel a:hover {
    text-decoration: none;
}

.calendario .carousel {
    background: #000;
}

.calendario .carousel-cell {
    min-height: 70px;
    margin-right: 0;
    background: #000;
    border-radius: 0px;
    counter-increment: carousel-cell;
    padding: 10px 5px;
    position: absolute;
    left: -10000px;
    border: 1px solid transparent;
    margin-left: 2px;
    margin-right: 2px;
}

.calendario .carousel-cell:hover {
    border: 1px solid #fff;
    border-radius: 5px;
}

.group-obras {
    /*display: none;*/
}

.calendario .carousel-cell:last-child {
    /*border-right: 1px solid #EA5B1E;*/
}

.calendario .carousel-cell:before {
    display: block;
    text-align: center;
}

.calendario .carousel-cell.is-clicked, .calendario .carousel-cell.is-selected {
    background: #000;
    border: 1px solid #fff;
    border-radius: 5px;
}

.calendario .carousel-cell.is-clicked p, .calendario .carousel-cell.is-selected p {
    color: #fff;
}

.calendario .flickity-viewport {
    /*border: 1px solid #5B17E0;*/
}

.calendario-obras {
    background-color: #fff;
}

.calendario-obras a {
    display: block;
    height: 100%;
    cursor: pointer;
    border-bottom: 1px solid #000 !important;
    border: 1px solid transparent;
}

.calendario-obras .box-obra:hover a {
    text-decoration: none;
    border: 1px solid #000 !important;
    border-radius: 15px;
    background-color: #cbcbcb;
    color: #000;
}

.calendario-obras a p {
    font-weight: 300;
    line-height: 120%;
    margin-bottom: 0;
}

.calendario-obras .box-obra {
    height: 100%;
}

.calendario-obras a .titulo p {
    font-weight: 600;
    font-size: 1.0rem;
    line-height: 110%;
    margin-bottom: 0;
    color: #000;
}

.calendario-obras .cal-image {
    /*height: 100%;*/
    background-position: center;
    background-size: cover;
    /*border-radius: 10px;*/
    width: 100%;
    overflow: hidden;
}

.calendario-obras .cal-image img {
    border-radius: 10px;
}

.nav-calendar-bg {
    background-color: #000;
}

.main-calendar-bg {
    background-color: #fff;
}

.calendario-obras a .tags-obra ul {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}

.calendario-obras a .tags-obra ul li {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.calendario-obras a .tags-obra ul li span {
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 15px;
    line-height: 100%;
    background-color: transparent;
    color: #000;
    min-height: auto;
    border: 1px solid #000;
    font-weight: 400;
    display: inline-block;
    font-size: 0.8rem;
}

.calendario-obras a .info-obra .location {
    font-size: 0.9rem;
    color: #f5575e;
    font-weight: 300;
}

.calendario .flickity-button:disabled {
    display: block;
    opacity: 1;
}

.calendario .flickity-prev-next-button.previous {
    left: -15px;
    border-right: 1px solid transparent;
}

.calendario .flickity-prev-next-button.next {
    right: -15px;
    border-left: 1px solid transparent;
}

.calendario .flickity-button {
    position: absolute;
    background: transparent;
    border: none;
    color: #fff;
}

.calendario .flickity-button:hover {
    background: transparent;
    opacity: 0.5;
    cursor: pointer;
}

.redes-contacto {
}

.redes-contacto ul {
    list-style: none;
    padding: 0;
}

.redes-contacto ul li {
    display: inline-block;
    padding-right: 15px;
}

.redes-contacto ul li:last-child {
    padding-right: 0px;
}

.redes-contacto ul li a {
    display: inline-block;
    width: 45px;
    height: 45px;
    opacity: 1;
    border-radius: 50%;
    text-align: center;
    font-size: 1.5rem;
    padding: 11px;
    color: #fff !important;
}

.redes-contacto ul li a:hover {
    opacity: 0.65;
    color: #fff;
}

.redes-contacto ul li a.twitter {
    background-color: #22a1f2;
}

.redes-contacto ul li a.facebook {
    background-color: #3b5998;
}

.redes-contacto ul li a.instagram {
    background-color: #c13584;
}

.center-info {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.text-content .bajada-region p {
    font-size: 1.3rem;
    color: #de4f95;
    font-weight: 700;
    margin-bottom: 10px;
}

.contrast-button button {
    border: 0;
    background-color: transparent;
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.contrast-button button:hover {
    color: #DE5096;
}

.text-button button {
    border: 0;
    background-color: transparent;
    width: 25px;
    height: 20px;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
}

.text-button button:hover {
    color: #DE5096;
}

.tags-ficha .feature-true {
    /*background-color: rgba(235, 91, 35, 1.000);*/
    /*color: #fff;*/
}

.language_select .selected {
    font-weight: bolder;
}

.language_select a {
  color: #000 !important;
}

.container {
    /*background: #fff;*/
}

header .navbar-brand {
    min-width: 90px;
    margin-right: 0;
}

header .navbar-brand.h-logo {
    margin-right: 0;
    margin-top: 0;
    padding-top: 0;
}

header .nav-mega a {
    font-size: 1.1rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #ea5b1e !important;
    padding: 0.3rem 1rem;
}

header .nav-post {
    position: inherit;
}

header .logo-mega {
    min-height: 60px;
}

header .carousel-inner {
    border-radius: 15px;
    background-color: #fff;
}

.font-button button {
    border: 0;
    background-color: transparent;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}

.font-button button .fal {
    font-weight: bold;
}

.font-button button:hover {
    color: #DE5096;
}

/*Search*/
.openSearchBtn {
    border: 0;
    background-color: transparent;
    width: 20px;
    height: 20px;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}

.openSearchBtn:hover {
    color: #DE5096;
}

.layout {
    height: 100%;
    width: 100%;
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    z-index: 1031;
}

.layout::-webkit-scrollbar {
    display: none;
}

.search-container {
    overflow: auto;
    height: 100%;
}

.search-container::-webkit-scrollbar {
    display: none;
}

.layout-content {
    position: relative;
    top: 15%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
    margin: auto;
}

.layout .layoutclosebtn {
    position: absolute;
    top: -15px;
    right: 15px;
    font-size: 60px;
    cursor: pointer;
    color: #000;
    z-index: 1032;
}

.layout .layoutclosebtn:hover {
    color: #fa585d;
}

.layout input[type=text] {
    height: 60px;
    background-color: #ebebeb;
    border: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    font-weight: 300;
}

.layout input[type=text]:hover {
    background: #f1f1f1;
}

.layout .input-group .input-group-append {
    background-color: #ebebeb;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}

.layout button {
    height: 60px;
    background-color: #fa585d;
    color: #fff;
    border: 0;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    font-weight: 300;
    padding: 5px 20px;
    width: 100px;
    font-size: 1.5rem;
    cursor: pointer;
}

.layout button:hover {
    background-color: #000;
}

.search-box {
    position: relative;
    height: 100%;
}

.search-box a {
    color: #000;
    display: block;
    line-height: 110%;
    min-height: 100%;
    height: 100%;
    text-decoration: none;
    border-radius: 10px;
    border: 1px solid transparent;
}

.search-box a:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000;
}

.search-box a .type small, .search-box a .date small, .search-box a .info small {
    font-size: 0.9rem;
}

.search-box a .title {
    font-weight: 700;
    line-height: 130%;
    font-size: 1.1rem;
}

.search-top ul {
    list-style: none;
    padding: 0;
    display: inline-block;
    margin: 0;
    position: relative;
}

.search-top ul li {
    display: inline-block;
    vertical-align: middle;
}

.menu-top-nav button {
    padding: 0.23rem 0.25rem 0 0.25rem;
    font-size: 1.3rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #000;
    vertical-align: middle;
}

.menu-top-nav button:hover {
    color: #ff585d;
}

.menu-top-nav button:focus {
    outline: #fff;
}

.menu-top-nav {
    font-weight: 700;
    font-size: 1.0rem;
}

.layoutMenubtn {
    position: absolute;
    top: -15px;
    right: 15px;
    font-size: 60px;
    cursor: pointer;
    color: #000;
    z-index: 1032;
}

.menu-wrap .redes ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

.menu-wrap .redes ul li {
    display: inline-block;
    padding-right: 5px;
    text-align: center;
}

.menu-wrap .redes ul li:last-child {
    padding-right: 0px;
}

.menu-wrap .redes ul li a {
  display: inline-block;
  width: 24px;
  height: 24px;
  opacity: 1;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 0.9rem !important;
  line-height: 180%;
}

.menu-wrap .redes ul li a:hover {
  opacity: 0.65;
}

.menu-wrap .redes ul li.whatsapp a {
  text-align: center;
  display: inline-block;
}

.menu-wrap .redes ul li.whatsapp svg {
  font-size: 1.3rem;
  text-align: center;
  color: green;
}

.menu-wrap .redes ul li.instagram a,
.menu-wrap .redes ul li.facebook a,
.menu-wrap .redes ul li.twitter a,
.menu-wrap .redes ul li.youtube a,
.menu-wrap .redes ul li.tiktok a,
.menu-wrap .redes ul li.linkedin a, {
  text-align: center;
  vertical-align: baseline;
}

.menu-wrap .redes ul li.instagram a {
  background-color: #c53580;
}

.menu-wrap .redes ul li.facebook a {
  background-color: #395a93;
}

.menu-wrap .redes ul li.twitter a {
  background-color: #000;
}

.menu-wrap .redes ul li.youtube a {
  background-color: #ff0017;
}

.menu-wrap .redes ul li.tiktok a {
  background-color: #000;
}

.menu-wrap .redes ul li.linkedin a {
  background-color: #0e76a8;
}

.openMenuBtn span {
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 0;
    padding-bottom: 7px;
    display: inline-block;
    vertical-align: middle;
}

@keyframes height {
    from {
        height: 0px;
    }

    to {
        height: 360px;
    }
}

/*Banner Texto*/
header .captura-banner {
    position: relative;
}

header .captura-banner a {
    display: block;
    position: relative;
    text-align: center;
}

header .info-banner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 5;
}

header .info-banner h1 {
    color: #fff;
    font-weight: 700;
}

header .bajada-banner p {
    color: #fff;
    font-weight: 500;
    margin-bottom: 0;
}

header .link-banner-text {
    position: relative !important;
    bottom: auto !important;
    z-index: 3;
}

header .captura-banner .link-banner-text a span {
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: transparent;
    color: #fff !important;
    min-height: auto;
    border: 1px solid #fff !important;
    font-weight: 300;
}

header .captura-banner .link-banner-text a:hover span {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #fff !important;
}

header .captura-banner .tags-banner ul {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}

header .captura-banner .tags-banner ul li {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

header .captura-banner .tags-banner ul li:last-child {
    margin-right: 0px;
}

header .captura-banner .tags-banner ul li a {
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: transparent;
    color: #fff;
    min-height: auto;
    border: 1px solid #fff;
    font-weight: 300;
    display: inline-block;
}

header .captura-banner .tags-banner ul li a:hover {
    background-color: #fff;
    color: #000;
}

header .captura-banner .tags-banner ul li:first-child a {
    background-color: #fff;
    color: #000;
}

header .captura-banner .tags-banner ul li:first-child a:hover {
    background-color: transparent;
    color: #fff;
}

.titulo-seccion p {
    font-weight: 600;
    margin-bottom: 0;
}

.titulo-seccion-sub p {
    font-weight: 600;
    margin-bottom: 0;
    font-size: 1.6rem;
    color: #fff;
}

.ver-todo a {
    display: inline-block;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 15px;
    text-align: center;
}

.ver-todo a:hover {
    background-color: #fff;
    color: #000;
}

.info-tv {
    background-color: #000;
}

.info-tv .titulo-seccion p {
    font-weight: 600;
    color: #fff;
}

.info-tv .ver-todo a {
    display: inline-block;
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 15px;
    text-align: center;
}

.info-tv .ver-todo a:hover {
    background-color: #000;
    color: #fff;
}

.info-tv .tv-info .flickity-slider {
}

.info-tv .tv-info .carousel-cell {
    margin-right: 18px;
}

.info-tv .tv-info .carousel-cell:last-child {
    /*margin-right: 0px;*/
}

.info-tv .tv-info .carousel-cell a {
    position: relative;
    display: block;
    height: auto;
    opacity: 1;
    cursor: pointer;
    transform: scale(1);
    transition: 0.3s;
}

.info-tv .tv-info .carousel-cell a:hover {
    opacity: 1;
    transform: scale(1.05);
}

.info-tv .tv-info .carousel-cell .overlay {
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    z-index: 1;
}

.info-tv .tv-info .carousel-cell .titulo-tv {
    position: absolute;
    top: 0px;
    left: 0;
    right: 0;
    text-align: center;
    padding: 10px;
    z-index: 2;
}

.info-tv .tv-info .carousel-cell .titulo-tv p {
    font-weight: 700;
    margin-bottom: 0;
    color: #fff;
    line-height: 100%;
}

.info-tv .tv-info .carousel-cell .cat p {
    font-weight: 300;
    margin-bottom: 0;
    color: #fff;
    text-transform: uppercase;
}

.info-tv .tv-info .carousel-cell .titulo-tv .fecha p {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 0;
    text-transform: uppercase;
}

.info-tv .tv-info .flickity-button:disabled {
    display: block;
    opacity: 1;
}

.info-tv .tv-info .flickity-prev-next-button.previous {
    left: -20px;
    border-right: 1px solid transparent;
}

.info-tv .tv-info .flickity-prev-next-button.next {
    right: -20px;
    border-left: 1px solid transparent;
}

.info-tv .tv-info .flickity-button {
    position: absolute;
    background: transparent;
    border: none;
    color: #fff;
}

.info-tv .tv-info .flickity-button:hover {
    background: transparent;
    opacity: 0.5;
    cursor: pointer;
}

.convocatoria .conv-info {
    border-radius: 15px;
    overflow: hidden;
}

.convocatoria .titulo-seccion p {
    color: #fff;
    font-weight: 400;
}

.convocatoria .bg-conv {
    background-color: #ff585d;
}

.convocatoria .conv-img {
    height: 100%;
    background-position: center;
    background-size: cover;
    width: 100%;
    min-height: 350px;
}

.convocatoria .info p {
    color: #fff;
}

.convocatoria .conv-link a {
    display: inline-block;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 20px;
}

.convocatoria .conv-link a:hover {
    background-color: #fff;
    color: #ff585d;
}

.info-prog-proy {
    background-color: #000;
}

.proyectos .titulo-seccion p {
    font-weight: 700;
    color: #fff;
    font-size: 1.5rem;
}

.proyectos .proyecto-info .carousel-cell {
    margin-right: 18px;
    filter: grayscale(1);
}

.proyectos .proyecto-info .carousel-cell a {
    transform: scale(1);
    transition: 0.3s;
}

.proyectos .proyecto-info .carousel-cell:hover {
    filter: grayscale(0);
}

.proyectos .proyecto-info .carousel-cell:hover a {
    transform: scale(1.1);
}

.proyectos .proyecto-info .carousel-cell:last-child {
    margin-right: 0px;
}

.proyectos .proyecto-info .carousel-cell a {
    position: relative;
    display: block;
    height: auto;
    opacity: 1;
    cursor: pointer;
}

.proyectos .proyecto-info .carousel-cell .titulo-tv {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    padding: 15px 15px;
    top: 50%;
    transform: translateY(-50%);
}

.proyectos .proyecto-info .carousel-cell .titulo-tv p {
    font-weight: 500;
    margin-bottom: 0;
    color: #fff;
}

.proyectos .proyecto-info .carousel-cell .proy-img {
    width: 160px;
    margin: 0 auto;
}

.proyectos .proyecto-info .carousel-cell .proy-img span {
    border-radius: 10px;
    overflow: hidden;
    display: block;
    opacity: 0.5;
}

.proyectos .proyecto-info .carousel-cell:hover .proy-img span {
    opacity: 0.9;
}

.proyectos .proyecto-info .flickity-viewport {
    /*overflow-x: scroll;*/
}

.proyectos .proyecto-info .flickity-button:disabled {
    display: block;
    opacity: 1;
}

.proyectos .proyecto-info .flickity-prev-next-button.previous {
    left: -40px;
    border-right: 1px solid transparent;
}

.proyectos .proyecto-info .flickity-prev-next-button.next {
    right: -40px;
    border-left: 1px solid transparent;
}

.proyectos .proyecto-info .flickity-button {
    position: absolute;
    background: transparent;
    border: none;
    color: #fff;
}

.proyectos .proyecto-info .flickity-button:hover {
    background: transparent;
    opacity: 0.5;
    cursor: pointer;
}

.proyectos .proyecto-info .flickity-viewport::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}

.proyectos .proyecto-info .flickity-viewport::-webkit-scrollbar-thumb {
    background: url('../img/scroll-icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    width: 12px;
    background-position: center;
    background-color: white;
    border-radius: 20px;
}

.proyectos .proyecto-info .flickity-viewport::-webkit-scrollbar-track {
    background: #333;
}

.proyectos .proyecto-info .carousel-cell.is-selected {
    filter: grayscale(0);
}

.proyectos .proyecto-info .carousel-cell.is-selected a {
    transform: scale(1.1);
}

footer .direccion-info p {
    margin-bottom: 0;
    line-height: 180%;
}

footer .redes ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

footer .redes ul li {
    display: inline-block;
    padding-right: 5px;
}

footer .redes ul li:last-child {
    padding-right: 0px;
}

footer .redes ul li a {
    display: inline-block;
    width: 30px;
    height: 30px;
    opacity: 1;
}

footer .redes ul li a:hover {
    opacity: 0.65;
}

footer .newsletter {
    background-color: #000;
    border-radius: 15px;
}

footer .newsletter .titulo-seccion p {
    color: #fff;
    font-weight: 600;
    line-height: 120%;
}

footer .newsletter .input-group input {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 60px;
    background-color: #ebebeb;
    border: 0;
    font-weight: 300;
}

footer .newsletter .input-group button {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 5px 30px;
    background-color: #fa575e;
    border: 0;
    font-weight: 300;
    color: #fff;
}

footer .newsletter .form-check label {
    color: #fff;
}

footer .newsletter .form-check label a {
    color: #fff;
}

footer .select-comuna label {
    color: #fff;
}

footer .select-comuna select {
    width: 100%;
    padding: 10px;
    font-size: 1.0rem;
    line-height: 1;
    border: 0;
    border-radius: 20px;
    height: 50px;
    background: url(../img/select.png) no-repeat right #ddd;
    -webkit-appearance: none;
    background-position-x: right;
}

footer .select-comuna input {
    width: 100%;
    padding: 10px;
    font-size: 1.0rem;
    line-height: 1;
    border: 0;
    border-radius: 30px;
    height: 50px;
    background-color: #ebebeb;
}

footer .guardar button {
    display: inline-block;
    border: 1px solid #ff585d;
    background-color: #ff585d;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 30px;
    height: 50px
}

footer .guardar button:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #ff585d;
}


.ui-helper-hidden-accessible {
    opacity: 0;
}

/*Mega Menu*/
.menu-full {
}

.navContainer {
    background: #fff;
    padding: 5px;
}

.navContainer nav > ul {
    position: relative;
    list-style: none;
    padding-left: 0;
}

.navContainer nav > ul > li {
    /*position: relative;*/
    padding: 2.2px;
    display: block;
    border-bottom: 1px solid #000;
}

.navContainer nav li > a {
    display: inline-block;
    position: relative;
    padding: 4px 10px;
    background: #fff;
    color: #000;
    text-align: left;
    z-index: 3;
    font-weight: 400;
    text-decoration: none;
    line-height: 110%;
}

.navContainer nav li > a:hover,
.navContainer nav li > a:active,
.navContainer nav li > a:focus {
    color: #ff585d;
}

.navContainer nav li > a.active {
    color: #ff585d;
    background-color: #fff;
    border-radius: 10px;
}

.navContainer nav > ul > li > ul {
    position: absolute;
    list-style: none;
    padding-left: 15px;
}

.navContainer nav > ul > li > ul {
    position: absolute;
    display: none;
    z-index: 2;
    top: 0;
    list-style: none;
    margin: 0 15px;
    min-height: 350px;
    background-color: #fff;
}

.navContainer nav > ul > li > ul > li > ul,
.navContainer nav > ul > li > ul > li > ul > li > ul {
    position: absolute;
    display: none;
    z-index: 2;
    left: 220px;
    top: 0;
    list-style: none;
    margin: 0 15px;
    border-left: 1px solid #dedddd;
    min-height: 274px;
    background-color: #fff;
    padding-left: 15px;
}

.navContainer nav > ul > li > ul > li > ul,
.navContainer nav > ul > li > ul > li > ul > li > ul {
    position: absolute;
    width: auto;
    top: 0px;
    display: none;
    z-index: 2;
    min-height: 274px;
    list-style: none;
    margin: 0 15px;
    border-left: 1px solid #dedddd;
    background-color: #fff;
    padding-left: 15px;
}

.navContainer nav > ul > li:hover > ul,
.navContainer nav > ul > li > ul > li:hover > ul,
.navContainer nav > ul > li > ul > li > ul > li:hover > ul {
}

.navContainer nav > ul > li:active > ul,
.navContainer nav > ul > li > ul > li:active > ul,
.navContainer nav > ul > li > ul > li > ul > li:active > ul {
}

.navContainer nav > ul > li:focus > ul,
.navContainer nav > ul > li > ul > li:focus > ul,
.navContainer nav > ul > li > ul > li > ul > li:focus > ul {
}

.navContainer nav li {
    width: 200px;
}

.navContainer nav > ul > li > ul > li {
    padding: 1px 0;
}

.nuevo-menu {
    background-color: #fff;
    margin-top: 75px;
    height: 0;
    display: none;
    -webkit-transition: height 0.5s linear;
    -moz-transition: height 0.5s linear;
    -ms-transition: height 0.5s linear;
    -o-transition: height 0.5s linear;
    transition: height 0.5s linear;
}

.visible {
    display: block !important;
    height: 100% !important;
    -webkit-transition: height 0.5s linear;
    -moz-transition: height 0.5s linear;
    -ms-transition: height 0.5s linear;
    -o-transition: height 0.5s linear;
    transition: height 0.5s linear;
}

.nuevo-menu .level-0 {
    color: #000;
    font-weight: 500;
    text-decoration: none;
    padding-left: 15px;
    padding-right: 15px;
    display: block;
}

.nuevo-menu .level-0.drop-menu:after {
    content: url(../img/arrow-menu.png);
    position: absolute;
    opacity: 0;
    top: 4px;
    right: -20px;
    transition: 0.5s;
}

.nuevo-menu .level-0.drop-menu:hover {
    padding-left: 24px;
    transition: 0.5s;
}

.nuevo-menu .level-0.drop-menu:hover:after {
    opacity: 1;
    right: -41px;
}

.nuevo-menu .level-0:hover {
    padding-left: 18px !important;
    transition: 0.5s;
}

.nuevo-menu .show-arrow:after {
    content: url(../img/arrow-menu.png);
    position: absolute;
    opacity: 1;
    top: 4px;
    right: -20px;
    /*transition: 0.5s;*/
}

/*.nuevo-menu .level-0.drop-menu.active:after {*/
/*  content: url(../img/arrow-menu.png);*/
/*  position: absolute;*/
/*  opacity: 0;*/
/*  top: 4px;*/
/*  right: -20px;*/
/*  transition: 0.5s;*/
/*}*/
.on {
    display: block !important;
}

.nuevo-menu .level-0:hover {
    background-color: #fff;
    color: #ff585d;
    padding-left: 15px;
    padding-right: 15px;
}

.navContainer {
    background: #fff;
    padding: 5px;
}

.container-custom {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.carousel-cell {
    /* Add whatever CSS props you want */
    /*visibility: hidden;*/
}

.carousel-cell.pageloaded {
    visibility: visible;
}

label.error {
    display: none !important;
}

.intereses label {
    font-size: 80%;
}

.intereses label.comuna {
    font-size: 110%;
}

.cal-2021 .carousel-main .flickity-slider {
    transform: none !important;
}

.cal-2021 .carousel-main .carousel-cell {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
}

.cal-2021 .carousel-main .carousel-cell.is-selected {
    opacity: 1;
    z-index: 0
}

.logo-banner {
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 1;
}

.logo-banner img {
    height: 70px;
}

.navbar hr {
    border-top: 3px solid #000;
    margin-bottom: 0;
}

/*Calendario Diario*/
.calendario-diario .pignose-calendar {
    width: auto;
}

.calendario-diario .daily-calendar .d-calendar .collapse {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index: 1;
    border: 0;
    background-color: transparent;
    width: 80%;
}

.calendario-diario .link-calendar-d {
    display: inline-block;
    border: 1px solid #000;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    padding: 10px 40px;
    border-radius: 30px;
    text-align: center;
    font-weight: 400;
    font-size: 1.0rem;
}

.calendario-diario .link-calendar-d:hover {
    background-color: #000;
    color: #fff;
}

.calendario-diario .full-date {
    display: inline-block;
    border: 1px solid #000;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
    min-width: 150px;
}

.calendario-diario .dayname {
    font-size: 1.6rem;
    font-weight: 300;
    color: #fff;
    background-color: #ff575e;
    padding: 5px 20px;
}

.calendario-diario .daynumber {
    font-size: 4.5rem;
    font-weight: 800;
    color: #000;
    background-color: #fff;
    line-height: 100%;
}

.calendario-diario .daymonth {
    font-size: 1.4rem;
    font-weight: 300;
    color: #000;
    background-color: #fff;
    padding: 5px 20px;
}

.calendario-diario .filtros-calendario a {
    color: #000;
    font-weight: 400;
    text-decoration: none;
}

.calendario-diario .filtros-calendario a span {
    border-bottom: 5px solid transparent;
    padding-bottom: 5px;
    display: inline-block;
}

.calendario-diario .filtros-calendario a:hover span {
    font-weight: 700;
    border-bottom: 5px solid #ff575e;
    padding-bottom: 5px;
}

.calendario-diario .filtros-calendario a.active span {
    font-weight: 700;
    border-bottom: 5px solid #ff575e;
    padding-bottom: 5px;
}

.calendario-diario .pignose-calendar .pignose-calendar-top {
    padding: 30px 0;
}

.calendario-diario .pignose-calendar .pignose-calendar-top .pignose-calendar-top-date {
    padding: 10px;
}

.calendario-diario .pignose-calendar.pignose-calendar-blue .pignose-calendar-top {
    background-color: #ff5560;
}

.calendario-diario .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit.pignose-calendar-unit-active a {
    background-color: #ff5560;
    box-shadow: none;
}

.calendario-diario .pignose-calendar .pignose-calendar-unit {
    height: 2.4em;
    line-height: 100%;
}

.calendario-diario .pignose-calendar .pignose-calendar-body {
    padding: 0 1.0em 1.0em 1.0em;
}

.calendario-diario .pignose-calendar .pignose-calendar-top .pignose-calendar-top-month {
    margin-bottom: 0;
    text-transform: capitalize;
}

.calendario-diario .pignose-calendar.pignose-calendar-blue .pignose-calendar-header .pignose-calendar-week {
    font-size: 0.8rem;
}

.calendario-diario .pignose-calendar.pignose-calendar-blue .pignose-calendar-body .pignose-calendar-row .pignose-calendar-unit a {
    font-size: 0.8rem;
}

.obras-diarias .obra-box {
    border: 1px solid #000;
    border-radius: 20px;
    overflow: hidden;
}

.obras-diarias .obra-box a {
    display: inline-block;
    text-decoration: none;
}

.obras-diarias .obra-box a:hover {
    color: #fff;
    background-color: #fe575e;
}

.obras-diarias .obra-box a p {
    font-weight: 400;
}

.obras-diarias .obra-box a .lugar-medio p .icono {
    color: #fe575e;
}

.obras-diarias .obra-box a:hover .lugar-medio p .icono {
    color: #fff;
}

.obras-diarias .obra-box a .lugar-medio p {
    font-weight: 700;
}

.obras-diarias .obra-box a .titulo-obra p {
    font-weight: 700;
}

.obras-diarias .obra-box a .tipo p {
    font-weight: 700;
    margin-bottom: 0;
}

.obras-diarias .img-obra {
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.obras-diarias .img-obra .tags ul {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}

.obras-diarias .img-obra .tags ul li {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.obras-diarias .img-obra .tags ul li:last-child {
    margin-right: 0px;
}

.obras-diarias .img-obra .tags ul li {
    padding: 10px 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: transparent;
    color: #fff;
    min-height: auto;
    border: 1px solid #000;
    font-weight: 500;
    display: inline-block;
    font-size: 0.8rem;
}

.obras-diarias .img-obra .tags ul li {
    background-color: #fff;
    color: #000;
}

.obras-diarias .img-obra .tagsul li:first-child {
    background-color: #fff;
    color: #000;
}

.obras-diarias .img-obra .tags ul li.gratis {
    background-color: #ff575c;
    color: #fff;
}

/*Fin Calendario Diario*/

/*Paginas Interiores*/
.interior-fitam .titulo-fitam p {
  font-family: "Bebas Neue", sans-serif;
  font-weight: 400;
  margin-bottom: 0;
}

.interior-fitam .titulo-fitam p span {
    font-size: 70%;
}

.interior-fitam .titulo-fitam hr {
    border-top: 3px solid #fa575e;
    margin-bottom: 0;
    margin-top: 10px;
}

.interior-fitam .cuerpo p {
    line-height: 150%;
}

.interior-fitam .cuerpo p a {
    font-weight: 700;
    text-decoration: underline;
}

.interior-fitam .cuerpo p a:hover {
    color: #fa575e;
}

.interior-fitam .foto-cuerpo {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.interior-fitam .pie-foto {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgb(0 0 0 / 70%);
    padding: 10px;
}

.interior-fitam .pie-foto p {
    color: #fff;
    margin-bottom: 0;
    font-size: 0.9rem;
}

.inline-gallery-container {
    width: 100%;
    height: 500px;
    position: relative;
}

.lightGallery-captions h4 {
    transform: translate3d(60px, 0, 0px);
}

.lightGallery-captions p {
    transform: translate3d(-60px, 0, 0px);
}

.lightGallery-captions h4,
.lightGallery-captions p {
    opacity: 0;
}

.lg-current .lightGallery-captions h4,
.lg-current .lightGallery-captions p {
    transform: translate3d(0, 0, 0px);
}

.lg-current .lightGallery-captions h4,
.lg-current .lightGallery-captions p {
    opacity: 1;
}

.lg-slide-progress .lightGallery-captions h4 {
    transform: translate3d(-60px, 0, 0px);
}

.lg-slide-progress .lightGallery-captions p {
    transform: translate3d(60px, 0, 0px);
}

.lg-slide-progress .lightGallery-captions h4,
.lg-slide-progress .lightGallery-captions p {
    opacity: 0;
}

.lightGallery-captions h4,
.lightGallery-captions p {
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in;
}

.lg-current .lightGallery-captions h4,
.lg-current .lightGallery-captions p {
    transition-delay: 500ms;
}

.lg-current.lg-slide-progress .lightGallery-captions h4,
.lg-current.lg-slide-progress .lightGallery-captions p {
    transition-delay: 0ms;
}

.galeria-cuerpo {
    overflow: hidden;
    background-color: #000;
}

.interior-fitam .sub-titulo-fitam p {
    font-family: "Bebas Neue", sans-serif;
    font-weight: 400;
    margin-bottom: 0;
}

.interior-fitam .sub-titulo-fitam p a:hover {
    color: #000;
}

.interior-fitam .cuerpo .subsub-titulo-fitam p {
    font-weight: 700;
    margin-bottom: 0;
    font-size: 1.5rem;
}

.proyectos-fin .finalizados-p .box-proyecto a {
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid #000;
    padding-bottom: 25px;
}

.proyectos-fin .finalizados-p .box-proyecto a .link-proyecto p {
    margin-bottom: 0;
}

.proyectos-fin .finalizados-p .box-proyecto a:hover {
    color: #000;
}

.proyectos-fin .finalizados-p .box-proyecto a:hover .link-proyecto p {
    text-decoration: underline;
}

.proyectos-fin .finalizados-p .box-proyecto .img-proyecto {
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
}

.proyectos-fin .finalizados-p .box-proyecto .proy-box {
    display: inline-block;
    text-decoration: none;
    border-bottom: 1px solid #000;
    padding-bottom: 25px;
    width: 100%;
}

.proyectos-fin .finalizados-p .box-proyecto:last-child .proy-box {
  border-bottom: 0px;
}

.proyectos-fin .finalizados-p .box-proyecto .proy-box a {
    font-weight: 800;
    text-decoration: none;
    border: 0;
    padding: 0;
}

.proyectos-fin .finalizados-p .box-proyecto .proy-box .link-proyecto p {
    margin-bottom: 0;
}


.proyectos-fin .finalizados-p .box-proyecto .proy-box .img-proyecto {
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
}

.proyectos-fin .finalizados-p .box-proyecto small {
    font-size: 95%;
    line-height: 130%;
    display: block;
    margin-top: 20px;
}

.texto-destacado .destacado {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    background-color: #fa575e;
}

.texto-destacado .destacado p {
    color: #fff;
    margin-bottom: 0;
    line-height: 150%;
}

.texto-cajas .boxs a {
    display: block;
    text-decoration: none;
    color: #000;
}

.texto-cajas .boxs a .titulo p {
    font-weight: 700;
}

.texto-cajas .boxs a:hover .link p {
    text-decoration: underline;
}

.texto-cajas .boxs a .link p {
    margin-bottom: 0;
}

.border {
    border-top: 1px solid #000 !important;
}

.texto-cajas .border-box {
    border: 1px solid #000;
    border-radius: 15px;
    overflow: hidden;
}

.documentos .doc-box {
    border-bottom: 1px solid #000;
}

.documentos .doc-list ul {
    padding: 0;
    margin: 0;
}

.documentos .doc-list ul li {
    list-style: none;
    margin-bottom: 15px;
}

.documentos .doc-list ul li a {
    text-decoration: none;
    color: #000;
    display: flex;
    align-content: center;
}

.documentos .doc-list ul li a .doc-icon {
  display: contents;
}

.documentos .doc-list ul li a:hover .doc {
    text-decoration: underline;
}

.box-colaboradores .titulo p {
    font-weight: 700;
    margin-bottom: 0;
}

.box-colaboradores .cuerpo p:last-child {
    margin-bottom: 0;
}

.colaboradores h5 button {
    color: #000;
    width: 100%;
    text-align: left;
}

.colaboradores h5 button:hover {
    color: #000;
    text-decoration: none;
}

.colaboradores .card-header {
    background-color: #fff;
    border: 0;
    border-radius: 15px;
    padding: 5px 15px;
}

.colaboradores .card-header:hover {
    background-color: #cbcbcb;
}


.colaboradores .card {
    border-radius: 15px;
    border: 1px solid #000;
}

.colaboradores .btn.btn-link.collapsed span {
    overflow: hidden;
    transition-duration: 0.3s;
    transition-property: transform;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
}

.colaboradores .btn.btn-link span {
    overflow: hidden;
    transition-duration: 0.3s;
    transition-property: transform;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.colaboradores .nombre small {
    font-size: 0.9rem;
}

.banner {
    border-radius: 15px;
    overflow: hidden;
}

.texto-datos .datos {
    background-color: #fa575e;
    border-radius: 15px;
}

.texto-datos .datos p {
    color: #000;
    margin-bottom: 0;
}

.texto-datos .datos p strong {
    font-weight: 700;
    color: #fff;
}

.select2-container {
    width: 100% !important;
}

.select2-container .select2-selection--single {
    width: 100%;
    padding: 10px;
    font-size: 1.0rem;
    line-height: 1;
    border: 0 !important;
    border-radius: 20px !important;
    height: 50px !important;
    background: url(../img/select.png) no-repeat right #ddd;
    -webkit-appearance: none;
    background-position-x: right;
}

.select2-container .select2-selection__arrow {
    opacity: 0 !important;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #ff5660 !important;
}

.festival a {
    pointer-events: none;
    cursor: default;
}

.texto-cajas.eventos .boxs a {
    color: #fff;
    background-color: #ff585d;
    border-radius: 15px;
}

.ediciones .flickity-button:disabled {
    display: block;
    opacity: 1;
}

.ediciones .flickity-prev-next-button.previous {
    left: -15px;
    border-right: 1px solid transparent;
}

.ediciones .flickity-prev-next-button.next {
    right: -15px;
    border-left: 1px solid transparent;
}

.ediciones .flickity-button {
    position: absolute;
    background: transparent;
    border: none;
    color: #fff;
}

.ediciones .flickity-button:hover {
    background: transparent;
    opacity: 0.5;
    cursor: pointer;
}

.edicion-bg {
    background-color: #ff585d;
    border-radius: 15px;
}

.ediciones .sub-titulo-fitam p {
    color: #fff;
}

.ediciones .carousel-fechas .fecha p {
    font-weight: 800;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
}

.ediciones .carousel-info .carousel-cell {
    width: 100%;
}

.ediciones .date p {
    margin-bottom: 0;
}

.ediciones .cuerpo p a:hover {
    color: #fff;
}

.ediciones .carousel-cell .fecha p span {
    display: inline-block;
    border-bottom: 4px solid transparent;
}

.ediciones .carousel-cell.is-selected .fecha p span, .ediciones .carousel-cell:hover .fecha p span {
    border-bottom: 4px solid #fff;
}

.ediciones .carousel-info .flickity-slider {
    transform: none !important;
}

.ediciones .carousel-info .carousel-cell {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
}

.ediciones .carousel-info .carousel-cell.is-selected {
    opacity: 1;
    z-index: 0
}

.cuerpo-frase p {
    font-style: italic;
    line-height: 150%;
}

.cuerpo-autor p {
    font-weight: 700;
    margin-bottom: 0;
}

.cuerpo-autor small {
    font-size: 90%;
    font-weight: 700;
}

.part-info p:last-child {
    margin-bottom: 0;
}

.info-relacionada a .tags-obra {
    position: relative;
    z-index: 2;
}

.info-relacionada a .tags-obra ul {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}

.info-relacionada a .tags-obra ul li {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.info-relacionada a .tags-obra ul li span {
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 15px;
    line-height: 100%;
    background-color: transparent;
    color: #fff;
    min-height: auto;
    border: 1px solid #fff;
    font-weight: 400;
    display: inline-block;
    font-size: 0.8rem;
}

.info-relacionada a .tags-obra ul li:first-child span {
    color: #000;
    background-color: #fff;
}

.info-relacionada a .box {
    padding: 15px;
    position: relative;
    display: block;
    background-color: #000;
    border-radius: 15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
    transform: scale(1);
    transition: 0.3s;
    opacity: 1;
    overflow: hidden;
}

.info-relacionada a:hover .box {
    transform: scale(1.05);
    opacity: 0.9;
}

.info-relacionada a .datos-obra {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 15px 0 15px;
    z-index: 2;
}

.info-relacionada a .datos-obra .titulo-obra p {
    color: #fff;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 130%;
    margin-bottom: 15px;
}

.info-relacionada a .datos-obra .autor-obra p {
    color: #fff;
    font-size: 1.1rem;
}

.info-relacionada a .datos-obra .autor-obra small {
    font-size: 90%;
    color: #fff;
    line-height: 140%;
}

.info-relacionada a .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 50%);
}


.noticias .box a {
    display: inline-block;
    height: 100%;
    color: #000;
    font-size: 1.0rem;
    font-weight: 700;
    transform: scale(1);
    transition: 0.3s;
    opacity: 1;
    overflow: hidden;
}

.noticias .box a:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.noticias .box a .fecha {
    font-size: 0.8rem;
    font-weight: 400;
}

.noticias .captura {
    border-radius: 15px;
    background-position: 0 -30px;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 205px;
    background-color: #000;
}

.mas-noticias .page-item {
    margin-right: 10px;
}

.mas-noticias .page-item:last-child {
    margin-right: 0px;
}

.mas-noticias .page-link {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border: 2px solid #c3c3c3;
    font-weight: 700;
    color: #000;
    font-size: 1.1rem;
}

.mas-noticias .page-link:hover {
    border: 2px solid #000;
    background-color: #fff;
}

.mas-noticias .page-item:first-child .page-link {
    border: 2px solid #000;
}

.mas-noticias .page-item:first-child .page-link:hover {
    background-color: #000;
    color: #fff;
}

.mas-noticias .page-item:last-child .page-link {
    border: 2px solid #000;
}

.mas-noticias .page-item:last-child .page-link:hover {
    background-color: #000;
    color: #fff;
}

.texto-cajas.noticias .boxs a {
    min-height: 180px;
    position: relative;
    display: block;
}

.texto-cajas.noticias .boxs a .titulo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.texto-cajas.noticias .boxs a:hover {
    background-color: #f2f2f2;
}

.texto-cajas.noticias .boxs .titulo p {
    margin-bottom: 0;
}

/*Fin Paginas Interiores*/


/*Ficha 2022*/
#banner-ficha.n-d {
    overflow: hidden;
    /*border-radius: 15px;*/
}

#banner-ficha.n-d.cat .bg-ficha {
    /*height: 400px;*/
    /*min-height: 100%;*/
    min-height: 400px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

#banner-ficha.n-d .bg-ficha {
    height: auto !important;
}

.interior-fitam .descripcion .info-ficha-obra {
    border: 0;
}

.interior-fitam .descripcion .info-ficha-obra ul {
    background-color: #fff;
    padding: 4px;
    display: inline-block;
    margin: 0;
    /* line-height: 150%; */
    font-size: 1.1rem;
}

.interior-fitam .descripcion .info-ficha-obra ul li {
    list-style: none;
    float: left;
    color: #000;
    font-weight: 700;
    border-right: 1px solid #000;
    padding: 0 10px 0 10px;
}

.interior-fitam .descripcion .info-ficha-obra ul li:first-child {
    padding: 0 10px 0 0px;
}

.interior-fitam .descripcion .info-ficha-obra ul li:last-child {
    border-right: 0;
}

.interior-fitam .tags-ficha ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

.interior-fitam .tags-ficha ul li {
    display: inline-block;
    float: left;
    margin-right: 10px;
}

.interior-fitam .tags-ficha ul li a {
    display: block;
    border: 1px solid #000;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    color: #000;
    opacity: 1;
    font-weight: 400;
    text-decoration: none;
    font-size: 0.9rem;
    background-color: #fff;
    border-radius: 16px;
}

.interior-fitam .tags-ficha ul li a:hover {
    border: 1px solid #000;
    color: #fff;
    background-color: #000;
    text-decoration: none;
}

.interior-fitam .info-ficha {
    background-color: #fff;
    border-radius: 15px;
    /*padding: 10px 15px;*/
    border-radius: 15px;
    border: 1px solid #000;
    overflow: hidden;
}

.interior-fitam .info-ficha .info {
    padding: 10px 15px;
}

.interior-fitam .info-ficha .titulo-seccion {
    padding: 10px 15px;
    border-radius: 15px;
}

.interior-fitam .info-ficha .ficha-header:hover .titulo-seccion {
    background-color: #cbcbcb;
}

.interior-fitam .info-ficha .titulo-seccion p {
    font-weight: 400;
}

.top-funciones {
    background: #000;
    color: #fff;
    padding: 10px 5px 13px 5px;
    width: 35px;
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 700;
    position: fixed;
    z-index: 3;
    top: 50%;
    right: 0;
    border-radius: 5px;
}

.top-funciones p {
    color: #fff;
    /*writing-mode: vertical-lr;*/
    margin-bottom: 0;
    line-height: 100%;
}

.interior-fitam .titulo-ficha h1 {
    font-weight: 700;
}

.interior-fitam .info-ficha .ficha-header {
    color: #000;
}

.interior-fitam .info-ficha .ficha-header:hover {
    color: #000;
    text-decoration: none;
}

.interior-fitam .info-ficha .ficha-header.collapsed span {
    overflow: hidden;
    transition-duration: 0.3s;
    transition-property: transform;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    font-size: 1.3rem;
}

.interior-fitam .info-ficha .ficha-header span {
    overflow: hidden;
    transition-duration: 0.3s;
    transition-property: transform;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    font-size: 1.5rem;
}

.interior-fitam .logos-ficha .titulo-seccion p {
    font-weight: 400;
}

.interior-fitam .cuerpo .sub-titulo-seccion p {
    font-weight: 700;
}

.interior-fitam .bg-interes {
    padding: 15px;
    position: relative;
    display: block;
    background-color: #000;
    border-radius: 15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 370px;
    transform: scale(1);
    transition: 0.3s;
    opacity: 1;
    overflow: hidden;
}

.interior-fitam .bg-interes:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.interior-fitam .cat-interes {
    position: relative;
    z-index: 2;
}

.interior-fitam .cat-interes ul {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}

.interior-fitam .cat-interes ul li {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.interior-fitam .cat-interes ul li span {
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 15px;
    line-height: 100%;
    background-color: transparent;
    color: #fff;
    min-height: auto;
    border: 1px solid #fff;
    font-weight: 400;
    display: inline-block;
    font-size: 0.8rem;
}

.interior-fitam .cat-interes ul li:first-child span {
    color: #000;
    background-color: #fff;
}

.interior-fitam .info-interes {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    padding: 0 10px 0 10px;
    z-index: 2;
}

.interior-fitam .info-interes .titulo-interes p {
    color: #fff;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 130%;
    margin-bottom: 15px;
}

.interior-fitam .info-interes .autor-interes p {
    color: #fff;
    font-size: 0.9rem;
    margin-bottom: 15px;
}

.interior-fitam .info-interes .pais-interes p {
    color: #fff;
    font-size: 0.9rem;
    margin-bottom: 0px;
}

.interior-fitam .fotorama__wrap {
    background-color: #000;
}

.interior-fitam .fotorama__nav {
    background-color: #000;
}

.interior-fitam .side-ficha .carousel-fechas .carousel-cell {
    width: 19%;
}

.interior-fitam .side-ficha .carousel-fechas-info .carousel-cell {
    width: 100%;
    overflow: hidden;
}

.interior-fitam .side-ficha .carousel-fechas .carousel-cell.is-selected {
    background: #000000;
    border-radius: 10px;
    border: 1px solid #000000;
}

.interior-fitam .side-ficha .carousel-fechas .carousel-cell {
    background: transparent;
    border-radius: 0px;
    counter-increment: . carousel-cell;
    padding: 10px 5px;
    border: 2px solid transparent;
    border-radius: 10px;
    position: absolute;
    left: -10000px;
    margin-right: 2px;
    height: auto;
    min-height: 90px;
    max-height: max-content;
}

.interior-fitam .side-ficha .carousel-fechas .carousel-cell:hover {
    border: 1px solid #000000;
    background-color: #000000;
}

.interior-fitam .side-ficha .carousel-fechas .carousel-cell:hover p {
    color: #fff;
}

.interior-fitam .side-ficha .carousel-fechas .carousel-cell:first-child {
    border-left: 0;
}

.interior-fitam .side-ficha .carousel-fechas a p {
    font-weight: 400;
    text-align: center;
    line-height: 120%;
    color: #000;
    margin-bottom: 0;
    /*word-spacing: 70px;*/
    font-size: 1.0rem;
    text-align: center;
    text-decoration: none;
}

.interior-fitam .side-ficha .carousel-fechas a p strong {
    font-size: 1.4rem;
}

.interior-fitam .side-ficha .carousel-fechas a:hover {
    text-decoration: none;
}

.interior-fitam .side-ficha .carousel-fechas .carousel-cell.is-selected p {
    color: #fff;
}

.interior-fitam .side-ficha .carousel-fechas .flickity-button {
    position: absolute;
    background: transparent;
    border: none;
    color: #000;
}

.interior-fitam .side-ficha .carousel-fechas .flickity-button-icon {
    fill: #000;
}

.interior-fitam .side-ficha .carousel-fechas .flickity-prev-next-button.previous {
    left: -25px !important;
}

.interior-fitam .side-ficha .carousel-fechas .flickity-prev-next-button.next {
    right: -25px;
}

.interior-fitam .n-d .titulo-seccion p {
    font-size: 1.8rem;
}

.interior-fitam .sf .lugar-compra {
    display: none;
}

.interior-fitam .sf .notas-funcion {
    background-color: #fff;
    padding: 15px;
    margin-bottom: 20px;
}

.interior-fitam .sf .notas-funcion p {
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 140%;
}

.interior-fitam .sf div:empty {
    display: none;
}

.interior-fitam .sf .sticker {
    position: relative;
    top: 0px;
    left: 0px;
    background: transparent;
    color: #fff;
    padding: 0.1rem 0.1rem;
    font-size: 200%;
    transform: none;
    font-size: 0.8rem !important;
    border-radius: 10px;
    border: 1px solid #fff;
}

.interior-fitam .sf .sticker p {
    color: #fff;
    font-weight: 400;
}

.interior-fitam .bg-side {
    background-color: #cbcbcb;
}

.interior-fitam .btn-compra a {
    background-color: #000;
    color: #fff;
    padding: 10px 15px;
    display: inline-block;
    text-decoration: none;
    font-size: 1.1rem;
    border-radius: 20px;
    border: 1px solid #000;
}

.interior-fitam .btn-compra a:hover {
    border: 1px solid #fff;
    background-color: #fff;
    text-decoration: none;
    color: #000;
}

.interior-fitam .rounded-button {
    display: inline-block;
    border: 1px solid #000;
    padding: 5px 10px 5px 10px;
    margin-bottom: 10px;
    color: #000;
    opacity: 1;
    font-weight: 600;
    text-decoration: none;
    font-size: 0.9rem;
    background-color: transparent;
    border-radius: 15px;
}

.interior-fitam .rounded-button:hover {
    border: 1px solid #000;
    color: #fff;
    background-color: #000;
}

.interior-fitam .carousel-fechas-info .flickity-slider {
    transform: none !important;
}

.interior-fitam .carousel-fechas-info .carousel-cell {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
}

.interior-fitam .carousel-fechas-info .carousel-cell.is-selected {
    opacity: 1;
    z-index: 0
}

.interior-fitam .side-ficha .info-calendario ul {
    padding: 0;
    list-style: none;
}

.interior-fitam .side-ficha .info-calendario ul li {
    font-size: 0.9rem;
    font-weight: 400;
    line-height: 140%;
    margin-bottom: 10px;
}

.interior-fitam .side-ficha .info-calendario ul li a {
    font-weight: 600;
    color: #000;
}

.interior-fitam .side-ficha .info-calendario ul li a.lugar {
    display: block;
    text-decoration: none;
}

.interior-fitam .side-ficha .info-calendario ul li a:hover {
    color: #000;
    text-decoration: underline;
}

.interior-fitam .info-side-entrada .svg-inline--fa.fa-info-circle {
    margin-top: 0.1rem !important;
}

.interior-fitam .info-side-entrada p {
    padding-left: 20px;
}

#banner-ficha.n-d .credito-head {
    position: absolute;
    bottom: 10px;
    right: 20px;
    color: #fff;
    font-size: .7em;
    text-shadow: 1px 1px 0px rgb(255 255 255 / 35%);
}

.bajada-noticia p {
    font-weight: 700;
}

.info-noticia h4, .info-noticia h5 {
    font-weight: 700;
    margin-bottom: 25px;
}


.info-ficha-obra p {
    font-size: 1.1rem;
    display: inline-block;
    padding-right: 10px;
    padding-left: 10px;
    border-right: 1px solid #000;
    margin-bottom: 10px;
}

.info-ficha-obra p:first-child {
    padding-left: 0px;
}

.info-ficha-obra p:last-child {
    border-right: 0;
}

.interior-fitam .contenedor-titulo p {
    font-size: 1.8rem !important;
    font-family: 'Plus Jakarta Sans', sans-serif;
}

.anteriores .bg-archivo {
    background-position: center;
    background-size: cover;
    min-height: 450px;
    -webkit-box-shadow: inset 10px 10px 5px 200px rgba(0, 0, 0, 0.47);
    -moz-box-shadow: inset 10px 10px 5px 200px rgba(0, 0, 0, 0.47);
    box-shadow: inset 10px 10px 5px 200px rgba(0, 0, 0, 0.47);
    border-radius: 15px;
}

.anteriores .ediciones .caption {
    position: absolute;
    right: 30px;
    top: 10px;
    color: #fff;
    font-size: 0.7rem;
}

.anteriores .ediciones .overlay {
    position: relative;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.9);
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: .5s ease;
    opacity: 0;
    min-height: 450px;
    z-index: 2;
    border-radius: 15px;
}

.anteriores .ediciones:hover .overlay, .anteriores .ediciones:focus .overlay {
    height: 100%;
    opacity: 1;
}

.anteriores .ediciones .portada-ano {
    position: absolute;
    bottom: 20px;
    left: 40px;
    z-index: 1;
}

.anteriores .ediciones .portada-ano p {
    font-size: 2.5rem;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0;
}

.anteriores .titulo-archivo p {
    font-weight: 700;
    margin-bottom: 15px;
    font-size: 1.5rem !important;
    line-height: 100%;
    color: #fff;
}

.anteriores .info-archivo p {
    color: #fff;
    font-size: 0.75rem !important;
    line-height: 140%;
}

.anteriores .info-links {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.anteriores .info-links ul {
    padding: 0;
    margin: 0 0 15px 0;
    list-style: none;
    text-align: center;
    justify-content: center;
    display: flex;
}

.anteriores .info-links ul li {
    float: left;
    border-right: 1px solid #fff;
    padding: 0 6px;
}

.anteriores .info-links ul li:last-child {
    border-right: 0;
}

.anteriores .info-links ul li a {
    display: inline-block;
    background-color: transparent;
    color: #fff;
    font-weight: 400;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 5px 10px;
}

.anteriores .info-links ul li a:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #000;
}

.link-resumen {
    position: relative !important;
    bottom: auto !important;
    z-index: 3;
}

.link-resumen a span {
    padding: 15px 20px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: #000;
    color: #fff;
    min-height: auto;
    border: 1px solid #000 !important;
    font-weight: 400;
    display: inline-block;
    font-size: 1.3rem;
}

.link-resumen a:hover span {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #000 !important;
}

/*Fin Ficha 2022*/

/*Timeline*/
.flex-parent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.flex-parent .input-flex-container {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 80vw;
    height: 100px;
    max-width: 1000px;
    position: relative;
    z-index: 0;
}

.flex-parent .input {
    width: 30px;
    height: 30px;
    background-color: #fa585d;
    position: relative;
    border-radius: 50%;
}

.flex-parent .input:hover {
    cursor: pointer;
}

.flex-parent .input::before, .flex-parent .input::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 50%;
    transform: translateY(-50%);
    background-color: #fa585d;
    width: 7vw;
    height: 5px;
    max-width: 100px;
}

.flex-parent .input::before {
    left: calc(0vw + 12.5px);
}

.flex-parent .input::after {
    right: calc(-4vw + 12.5px);
}

.flex-parent .input.active {
    background-color: #fa585d;
}

.flex-parent .input.active::before {
    background-color: #fa585d;
}

.flex-parent .input.active::after {
    background-color: #fa585d;
}

.flex-parent .input.active span {
    font-weight: 700;
}

.flex-parent .input.active span::before {
    font-size: 18px;
}

.flex-parent .input.active span::after {
    font-size: 18px;
}

.input.active ~ .input, .input.active ~ .input::before, .input.active ~ .input::after {
    background-color: #AEB6BF;
}

.flex-parent .input span {
    width: 1px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    visibility: hidden;
}

.flex-parent .input span::before, .flex-parent .input span::after {
    visibility: visible;
    position: absolute;
    left: 50%;
}

.flex-parent .input span::after {
    content: attr(data-year);
    top: 25px;
    transform: translateX(-50%);
    font-size: 18px;
}

.flex-parent .input span::before {
    content: attr(data-info);
    top: -65px;
    width: 70px;
    transform: translateX(-5px) rotateZ(-45deg);
    font-size: 12px;
    text-indent: -10px;
}

.flex-parent .description-flex-container {
    width: 100%;
    margin-top: 25px;
    max-width: 1000px;
}

.flex-parent .description-flex-container p {
    margin-top: 0;
    display: none;
}

.flex-parent .description-flex-container p.active {
    display: block;
}

@media (min-width: 1250px) {
    .flex-parent .input::before {
        right: 7.5px;
    }

    .flex-parent .input::after {
        right: 7.5px;
    }
}

@media (max-width: 850px) {
    .flex-parent .input {
        width: 17px;
        height: 17px;
    }

    .flex-parent .input::before, .flex-parent .input::after {
        height: 3px;
    }

    .flex-parent .input::before {
        left: calc(-4vw + 8.5px);
    }

    .flex-parent .input::after {
        right: calc(-4vw + 8.5px);
    }
}

@media (max-width: 600px) {
    .flex-parent {
        justify-content: initial;
    }

    .flex-parent .input-flex-container {
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        height: auto;
        margin-top: 15vh;
    }

    .flex-parent .input {
        width: 50px;
        height: 50px;
        margin: 0 5px 10px;
        background-color: #AEB6BF;
    }

    .flex-parent .input::before, .flex-parent .input::after {
        content: none;
    }

    .flex-parent .input span {
        width: 100%;
        height: 100%;
        display: block;
    }

    .flex-parent .input span::before {
        top: calc(100% + 5px);
        transform: translateX(-50%);
        text-indent: 0;
        text-align: center;
    }

    .flex-parent .input span::after {
        top: 50%;
        transform: translate(-50%, -50%);
        color: #ECF0F1;
    }

    .flex-parent .description-flex-container {
        margin-top: 30px;
        text-align: center;
    }
}

.video-fluid {
    width: 100%;
    height: auto;
}

.box-h {
    position: relative;
}

.info-relacionada .bio {
    position: absolute;
    z-index: 3;
    top: 0px;
    background-color: rgba(0, 0, 0, 0.69);
    height: 100%;
    min-height: 100%;
    border-radius: 15px;
    transition: 0.3s;
    font-size: 0.85rem;
}

.info-relacionada .bio button {
    color: #fff;
    font-size: 1.0rem;
    padding: 3px 5px;
}

.info-relacionada .bio button:hover {
    color: #fa575e;
}

.info-relacionada .accordion-info-box-text p {
    /*font-family: 'Plus Jakarta Sans', sans-serif;*/
    font-size: 0.9rem !important;
    color: #fff;
    line-height: 120%;
    padding-right: 0px;
}

.accordion-info-box-text p:last-child {
    margin-bottom: 0;
}

.info-relacionada .carousel .flickity-prev-next-button.previous {
    left: -15px;
}

.info-relacionada .carousel .flickity-prev-next-button.next {
    right: -15px;
}

.info-relacionada .carousel .carousel-cell {
    opacity: 1;
    margin-left: 30px;
}

.info-relacionada .territorios-2022-side a .tags-obra ul li:first-child span {
    text-transform: lowercase !important;
}

.regiones .territ-creat .carousel-territorios-new .carousel-cell {
    margin-right: 30px;
    margin-left: 0;
}

.territ-creat .info-relacionada .autor-obra p {
    color: #fff;
    font-size: 1.0rem;
}

.territ-creat .info-relacionada .autor-obra .rich-text {
    color: #fff;
    font-size: 1.0rem;
    margin-bottom: 10px;
}

.territ-creat .info-relacionada .cat-pais p {
    color: #fff;
    font-size: 1.0rem;
    font-weight: 700;
    margin-bottom: 10px;
}

.territ-creat .info-relacionada .lugar p {
    color: #fff;
    font-size: 1.0rem;
    margin-bottom: 10px;
}

.regiones .territ-creat a:hover p {
    color: #fff !important;
}

.regiones .territ-creat a {
    display: block;
    text-decoration: none;
    height: 100%;
    overflow-y: visible;
}

.regiones .territ-creat .flickity-viewport {
    overflow-y: visible;
    overflow-x: hidden;
}

.regiones .territ-creat .flickity-prev-next-button.next {
    right: -15px;
}

.regiones .territ-creat .flickity-prev-next-button.previous {
    left: -15px;
}

.news3 p {
    color: #fff;
    font-weight: 400;
    font-size: 1.1em;
}


.ui-menu-item {
    color: #ff585d;
    font-weight: 400;
    list-style: none;
    margin: 0;
    padding: 0.5em;
}

.ui-menu-item:hover {
    background-color: #ff585d;
    color: #fff;
}

.ui-autocomplete {
    background: #000;
    margin: 0;
    width: 180px;
    padding: 0;
}

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

/* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
* html .ui-autocomplete {
    height: 100px;
}

#staticBackdrop .modal-body {
    padding: 0;
}

#staticBackdrop .modal-body p {
    color: #fff;
}

#staticBackdrop .modal-footer {
    padding: 0;
    border: 0;
    display: block;
}

#staticBackdrop .modal-content {
    background-color: #d58f1f;
    border-radius: 30px;
    overflow: hidden;
}

#staticBackdrop .titulo-modal {
    position: relative;
    z-index: 2;
}

#staticBackdrop .titulo-modal p {
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 10px;
}

#staticBackdrop .info-modal .obra p {
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 120%;
}

#staticBackdrop .info-modal .fecha-lugar p {
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 120%;
}

#staticBackdrop .info-modal .descuento p {
    font-weight: 400;
    margin-bottom: 15px;
    line-height: 120%;
}

#staticBackdrop .modal-footer .compra a {
    text-decoration: none;
}

#staticBackdrop .modal-footer .compra a span {
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: #fff;
    color: #d58f1f !important;
    min-height: auto;
    border: 1px solid #fff !important;
    font-weight: 300;
    display: inline-block;
}

#staticBackdrop .modal-footer .compra a:hover span {
    background-color: #d58f1f;
    color: #fff !important;
    border: 1px solid #fff !important;
}

#staticBackdrop .modal-footer .cerrar button {
    padding: 10px 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: #d58f1f;
    color: #fff !important;
    min-height: auto;
    border: 1px solid #fff !important;
    font-weight: 300;
}

#staticBackdrop .modal-footer .cerrar button:hover {
    background-color: #fff;
    color: #d58f1f !important;
    border: 1px solid #fff !important;
}

#staticBackdrop .img-modal {
    height: 100%;
    min-height: 150px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#staticBackdrop .contador {

}

.modal-backdrop {
    background-color: #fff !important;
}

.texto-contacto .texto-cajas .boxs {
    display: block;
    text-decoration: none;
    color: #000;
}

.texto-contacto .texto-cajas .boxs .titulo p {
    font-weight: 700;
}

.texto-contacto .texto-cajas .border-box {
    border: 1px solid #000;
    border-radius: 15px;
    overflow: hidden;
}

.texto-contacto .texto-cajas .boxs .info p {
    margin-bottom: 10px;
}

.texto-contacto .texto-cajas .boxs .info a {
    font-weight: 700;
}

.texto-contacto .texto-cajas .boxs .info a:hover {
    text-decoration: underline;
}

.obra-compra .tags-obra {
    position: relative;
    z-index: 2;
}

.obra-compra .tags-obra ul {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}

.obra-compra .tags-obra ul li {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.obra-compra .tags-obra ul li span {
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 15px;
    line-height: 100%;
    background-color: transparent;
    color: #fff;
    min-height: auto;
    border: 1px solid #fff;
    font-weight: 400;
    display: inline-block;
    font-size: 0.8rem;
    display: inline-block;
}

.obra-compra .tags-obra ul li:first-child span {
    color: #000;
    background-color: #fff;
}

.obra-compra .box {
    padding: 15px;
    position: relative;
    display: block;
    background-color: #000;
    border-radius: 15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
    transform: scale(1);
    transition: 0.3s;
    opacity: 1;
    overflow: hidden;
}

.obra-compra .box:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.obra-compra .datos-obra {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 15px 0 15px;
    z-index: 2;
}

.obra-compra .datos-obra .titulo-obra p {
    color: #fff;
    font-weight: 800;
    font-size: 1.5rem;
    line-height: 130%;
    margin-bottom: 15px;
}

.obra-compra .datos-obra .autor-obra p {
    color: #fff;
    font-size: 1.0rem;
    font-weight: 500;
}

.obra-compra .datos-obra .autor-obra small {
    font-size: 90%;
    color: #fff;
    line-height: 140%;
}

.obra-compra .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 50%);
}

.link-compra {
    position: relative !important;
    bottom: auto !important;
    z-index: 3;
}

.link-compra a span {
    padding: 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: #fff;
    color: #000;
    min-height: auto;
    border: 1px solid #fff !important;
    font-weight: 400;
    display: inline-block;
}

.link-compra a:hover span {
    background-color: transparent;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.obra-compra .box:hover a span {
    background-color: transparent;
    color: #fff !important;
    border: 1px solid #fff !important;
}

.info-boleteria p {
    color: #fff;
}

.bol .conv-link a {
    font-size: 1.4rem !important;
    padding: 10px 20px;
    border-radius: 30px;
}

#manifiesto_modal .modal-footer .cerrar button {
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: #000;
    color: #fff !important;
    min-height: auto;
    border: 1px solid #fff !important;
    font-weight: 300;
}

#manifiesto_modal .modal-footer .cerrar button:hover {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #000 !important;
}

.participantes_platea .card-header {
    border: 0
}

.participantes_platea .card {
    border-radius: 15px;
    border: 1px solid #000;
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-bottom: 1px solid #000 !important;
}

.participantes_platea .accordion .card:not(:first-of-type):not(:last-of-type) {
    border-radius: 15px;
}

.participantes_platea .accordion .card:first-of-type {
    border-bottom: 1px solid #000;
}

.participantes_platea .btn {
    color: #000;
}

.participantes_platea .card.colaborador {
    border: 0;
    border-bottom: 0 !important;
}

.render .autor-obra p {
    margin-bottom: 0;
}

.interior-fitam .anuncio .info-anuncio {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    background-color: #fa575e;
}

.interior-fitam .anuncio .info-anuncio p {
    color: #fff;
}

.interior-fitam .anuncio .info-anuncio p:last-child {
    margin-bottom: 0;
}

.gallery .carousel-item {
    min-height: 220px;
}

.gallery .carousel-inner {
    background-color: transparent;
}

.gallery .foto-pie {
    color: #fff;
}

.gallery img {
    border-radius: 15px;
}

/*Logo Header*/

/***************************************************
 * Generated by SVG Artista on 9/21/2022, 4:16:41 PM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 98.78345489501953px;
        stroke-dasharray: 98.78345489501953px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 98.78345489501953px;
    }
}

@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 98.78345489501953px;
        stroke-dasharray: 98.78345489501953px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 98.78345489501953px;
    }
}

@-webkit-keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-1 {
    -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
    animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
    animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
    animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 109.51118469238281px;
        stroke-dasharray: 109.51118469238281px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 109.51118469238281px;
    }
}

@keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 109.51118469238281px;
        stroke-dasharray: 109.51118469238281px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 109.51118469238281px;
    }
}

@-webkit-keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-2 {
    -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
    animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
    animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 97.13318634033203px;
        stroke-dasharray: 97.13318634033203px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 97.13318634033203px;
    }
}

@keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 97.13318634033203px;
        stroke-dasharray: 97.13318634033203px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 97.13318634033203px;
    }
}

@-webkit-keyframes animate-svg-fill-3 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-3 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-3 {
    -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
    animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
    animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 85.3987045288086px;
        stroke-dasharray: 85.3987045288086px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 85.3987045288086px;
    }
}

@keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 85.3987045288086px;
        stroke-dasharray: 85.3987045288086px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 85.3987045288086px;
    }
}

@-webkit-keyframes animate-svg-fill-4 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-4 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-4 {
    -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
    animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
    animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 54.800010681152344px;
        stroke-dasharray: 54.800010681152344px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 54.800010681152344px;
    }
}

@keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 54.800010681152344px;
        stroke-dasharray: 54.800010681152344px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 54.800010681152344px;
    }
}

@-webkit-keyframes animate-svg-fill-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-5 {
    -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
    animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
    animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 109.15879821777344px;
        stroke-dasharray: 109.15879821777344px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 109.15879821777344px;
    }
}

@keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 109.15879821777344px;
        stroke-dasharray: 109.15879821777344px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 109.15879821777344px;
    }
}

@-webkit-keyframes animate-svg-fill-6 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-6 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-6 {
    -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
    animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
    animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 102.61447143554688px;
        stroke-dasharray: 102.61447143554688px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 102.61447143554688px;
    }
}

@keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 102.61447143554688px;
        stroke-dasharray: 102.61447143554688px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 102.61447143554688px;
    }
}

@-webkit-keyframes animate-svg-fill-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-7 {
    -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
    animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
    animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
    animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 80.00000762939453px;
        stroke-dasharray: 80.00000762939453px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 80.00000762939453px;
    }
}

@keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 80.00000762939453px;
        stroke-dasharray: 80.00000762939453px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 80.00000762939453px;
    }
}

@-webkit-keyframes animate-svg-fill-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-8 {
    -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
    animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
    animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
    0% {
        stroke-dashoffset: 91.48368835449219px;
        stroke-dasharray: 91.48368835449219px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 91.48368835449219px;
    }
}

@keyframes animate-svg-stroke-9 {
    0% {
        stroke-dashoffset: 91.48368835449219px;
        stroke-dasharray: 91.48368835449219px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 91.48368835449219px;
    }
}

@-webkit-keyframes animate-svg-fill-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-9 {
    -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
    animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
    animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
    0% {
        stroke-dashoffset: 74px;
        stroke-dasharray: 74px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 74px;
    }
}

@keyframes animate-svg-stroke-10 {
    0% {
        stroke-dashoffset: 74px;
        stroke-dasharray: 74px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 74px;
    }
}

@-webkit-keyframes animate-svg-fill-10 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-10 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-10 {
    -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
    animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
    animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
    animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-11 {
    0% {
        stroke-dashoffset: 97.80000305175781px;
        stroke-dasharray: 97.80000305175781px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 97.80000305175781px;
    }
}

@keyframes animate-svg-stroke-11 {
    0% {
        stroke-dashoffset: 97.80000305175781px;
        stroke-dasharray: 97.80000305175781px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 97.80000305175781px;
    }
}

@-webkit-keyframes animate-svg-fill-11 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-11 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-11 {
    -webkit-animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
    animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
    animation: animate-svg-stroke-11 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s both,
    animate-svg-fill-11 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s both;
}

@-webkit-keyframes animate-svg-stroke-12 {
    0% {
        stroke-dashoffset: 91.48369598388672px;
        stroke-dasharray: 91.48369598388672px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 91.48369598388672px;
    }
}

@keyframes animate-svg-stroke-12 {
    0% {
        stroke-dashoffset: 91.48369598388672px;
        stroke-dasharray: 91.48369598388672px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 91.48369598388672px;
    }
}

@-webkit-keyframes animate-svg-fill-12 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-12 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-12 {
    -webkit-animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
    animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
    animation: animate-svg-stroke-12 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s both,
    animate-svg-fill-12 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-13 {
    0% {
        stroke-dashoffset: 99.50757598876953px;
        stroke-dasharray: 99.50757598876953px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 99.50757598876953px;
    }
}

@keyframes animate-svg-stroke-13 {
    0% {
        stroke-dashoffset: 99.50757598876953px;
        stroke-dasharray: 99.50757598876953px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 99.50757598876953px;
    }
}

@-webkit-keyframes animate-svg-fill-13 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-13 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-13 {
    -webkit-animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
    animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
    animation: animate-svg-stroke-13 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s both,
    animate-svg-fill-13 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s both;
}

@-webkit-keyframes animate-svg-stroke-14 {
    0% {
        stroke-dashoffset: 95.35169982910156px;
        stroke-dasharray: 95.35169982910156px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 95.35169982910156px;
    }
}

@keyframes animate-svg-stroke-14 {
    0% {
        stroke-dashoffset: 95.35169982910156px;
        stroke-dasharray: 95.35169982910156px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 95.35169982910156px;
    }
}

@-webkit-keyframes animate-svg-fill-14 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-14 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-14 {
    -webkit-animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
    animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
    animation: animate-svg-stroke-14 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s both,
    animate-svg-fill-14 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s both;
}

@-webkit-keyframes animate-svg-stroke-15 {
    0% {
        stroke-dashoffset: 91.48369598388672px;
        stroke-dasharray: 91.48369598388672px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 91.48369598388672px;
    }
}

@keyframes animate-svg-stroke-15 {
    0% {
        stroke-dashoffset: 91.48369598388672px;
        stroke-dasharray: 91.48369598388672px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 91.48369598388672px;
    }
}

@-webkit-keyframes animate-svg-fill-15 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-15 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-15 {
    -webkit-animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
    animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
    animation: animate-svg-stroke-15 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s both,
    animate-svg-fill-15 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s both;
}

@-webkit-keyframes animate-svg-stroke-16 {
    0% {
        stroke-dashoffset: 54.79999542236328px;
        stroke-dasharray: 54.79999542236328px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 54.79999542236328px;
    }
}

@keyframes animate-svg-stroke-16 {
    0% {
        stroke-dashoffset: 54.79999542236328px;
        stroke-dasharray: 54.79999542236328px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 54.79999542236328px;
    }
}

@-webkit-keyframes animate-svg-fill-16 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-16 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-16 {
    -webkit-animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
    animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
    animation: animate-svg-stroke-16 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s both,
    animate-svg-fill-16 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s both;
}

@-webkit-keyframes animate-svg-stroke-17 {
    0% {
        stroke-dashoffset: 67.8000259399414px;
        stroke-dasharray: 67.8000259399414px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 67.8000259399414px;
    }
}

@keyframes animate-svg-stroke-17 {
    0% {
        stroke-dashoffset: 67.8000259399414px;
        stroke-dasharray: 67.8000259399414px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 67.8000259399414px;
    }
}

@-webkit-keyframes animate-svg-fill-17 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-17 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-17 {
    -webkit-animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
    animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
    animation: animate-svg-stroke-17 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s both,
    animate-svg-fill-17 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s both;
}

@-webkit-keyframes animate-svg-stroke-18 {
    0% {
        stroke-dashoffset: 73.99999237060547px;
        stroke-dasharray: 73.99999237060547px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 73.99999237060547px;
    }
}

@keyframes animate-svg-stroke-18 {
    0% {
        stroke-dashoffset: 73.99999237060547px;
        stroke-dasharray: 73.99999237060547px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 73.99999237060547px;
    }
}

@-webkit-keyframes animate-svg-fill-18 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-18 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-18 {
    -webkit-animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
    animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
    animation: animate-svg-stroke-18 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s both,
    animate-svg-fill-18 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s both;
}

@-webkit-keyframes animate-svg-stroke-19 {
    0% {
        stroke-dashoffset: 144.42242431640625px;
        stroke-dasharray: 144.42242431640625px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 144.42242431640625px;
    }
}

@keyframes animate-svg-stroke-19 {
    0% {
        stroke-dashoffset: 144.42242431640625px;
        stroke-dasharray: 144.42242431640625px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 144.42242431640625px;
    }
}

@-webkit-keyframes animate-svg-fill-19 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-19 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-19 {
    -webkit-animation: animate-svg-stroke-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
    animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
    animation: animate-svg-stroke-19 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s both,
    animate-svg-fill-19 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s both;
}

@-webkit-keyframes animate-svg-stroke-20 {
    0% {
        stroke-dashoffset: 53.80000305175781px;
        stroke-dasharray: 53.80000305175781px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 53.80000305175781px;
    }
}

@keyframes animate-svg-stroke-20 {
    0% {
        stroke-dashoffset: 53.80000305175781px;
        stroke-dasharray: 53.80000305175781px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 53.80000305175781px;
    }
}

@-webkit-keyframes animate-svg-fill-20 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

@keyframes animate-svg-fill-20 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(2, 2, 2);
    }
}

.svg-fun-20 {
    -webkit-animation: animate-svg-stroke-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
    animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
    animation: animate-svg-stroke-20 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s both,
    animate-svg-fill-20 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s both;
}


/*Abonos portada */

.convocatoria.abonos-22 .conv-info {
    border-radius: 15px;
    overflow: hidden;
}

.convocatoria.abonos-22 .titulo-seccion p {
    color: #fff;
    font-weight: 300;
}

.convocatoria.abonos-22 .bg-conv {
    background-color: #3b39ba;
}

.convocatoria.abonos-22 .conv-img {
    min-height: 100%;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 250px;
    background-color: #3b39ba;
    display: flex;
    position: relative;
}

.convocatoria.abonos-22 .conv-img .bg-top {
    background-position: center;
    background-size: contain;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.convocatoria.abonos-22 .info p {
    color: #fff;
}

.convocatoria.abonos-22 .info img {
    height: 35px;
}

.convocatoria.abonos-22 .conv-link a {
    display: inline-block;
    border: 1px solid #fff;
    background-color: #3b39ba;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
    border-radius: 30px;
}

.convocatoria.abonos-22 .conv-link a:hover {
    background-color: #fff;
    color: #3b39ba;
}

.convocatoria.abonos-22 .top-info {
    position: relative;
    z-index: 2;
}

.convocatoria.abonos-22 .bg-top-m {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

/*Coproducciones*/

.obras-coprod {
    background-color: #fff;
}

.obras-coprod a {
    display: block;
    height: 100%;
    cursor: pointer;
    border-bottom: 1px solid #000 !important;
    border: 1px solid transparent;
}

.obras-coprod .box-obra:hover a {
    text-decoration: none;
    border: 1px solid #000 !important;
    border-radius: 15px;
    background-color: #cbcbcb;
    color: #000;
}

.obras-coprod a p {
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 0;
}

.obras-coprod .box-obra {
    height: 100%;
}

.obras-coprod a .titulo p {
    font-weight: 700;
    font-size: 0.9rem;
    line-height: 110%;
    margin-bottom: 0;
    color: #000;
}

.obras-coprod a .info-obra p {
    font-size: 0.7rem;
}

.obras-coprod a .info-obra .rich-text {
    font-size: 0.7rem;
}

.obras-coprod .cal-image {
    /*height: 100%;*/
    background-position: center;
    background-size: cover;
    /*border-radius: 10px;*/
    width: 100%;
    overflow: hidden;
}

.obras-coprod .cal-image img {
    border-radius: 10px;
}

.obras-coprod a .tags-obra ul {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}

.obras-coprod a .tags-obra ul li {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.obras-coprod a .tags-obra ul li span {
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 15px;
    line-height: 100%;
    background-color: #000;
    color: #fff;
    min-height: auto;
    border: 1px solid #000;
    font-weight: 400;
    display: inline-block;
    font-size: 0.7rem;
}

#form-modal .modal-dialog {
    border: 0;
}

#form-modal .modal-content {
    border: 0;
    border-radius: 15px;
    background-color: #000;
}

#form-modal .modal-dialog p {
    color: #fff;
    margin-bottom: 10px;
}

#form-modal .modal-footer {
    justify-content: center;
    border: 0;
    padding-top: 0;
}

.form-msg input {
    border-radius: 20px;
    background-color: #fff;
    border: 0;
}

.form-msg textarea {
    border-radius: 20px;
    background-color: #fff;
    border: 0;
}

#form-modal .modal-footer button.link {
    padding: 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: #ff585d;
    color: #fff;
    min-height: auto;
    border: 1px solid #ff585d !important;
    font-weight: 400;
    display: inline-block;
}

#form-modal .modal-footer button.link:hover {
    background-color: #fff;
    color: #ff585d !important;
    border: 1px solid #fff !important;
}

#form-modal .modal-footer button.cerrar {
    padding: 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: #000;
    color: #fff;
    min-height: auto;
    border: 1px solid #fff !important;
    font-weight: 400;
    display: inline-block;
}

#form-modal .modal-footer button.cerrar:hover {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #fff !important;
}

/*Obras Catalogos*/

.filtro-catalogo a .tags-obra {
    position: relative;
    z-index: 2;
}

.filtro-catalogo a .tags-obra ul {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}

.filtro-catalogo a .tags-obra ul li {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.filtro-catalogo a .tags-obra ul li span {
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 15px;
    line-height: 100%;
    background-color: transparent;
    color: #fff;
    min-height: auto;
    border: 1px solid #fff;
    font-weight: 400;
    display: inline-block;
    font-size: 0.8rem;
}

.filtro-catalogo a .tags-obra ul li:first-child span {
    color: #000;
    background-color: #fff;
}

.filtro-catalogo a .box {
    padding: 15px;
    position: relative;
    display: block;
    background-color: #000;
    border-radius: 15px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 400px;
    transform: scale(1);
    transition: 0.3s;
    opacity: 1;
    overflow: hidden;
}

.filtro-catalogo a:hover .box {
    transform: scale(1.05);
    opacity: 0.9;
}

.filtro-catalogoa a .datos-obra {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 15px 0 15px;
    z-index: 2;
}

.filtro-catalogo a .datos-obra .titulo-obra p {
    color: #fff;
    font-weight: 800;
    font-size: 1.4rem;
    line-height: 130%;
    margin-bottom: 15px;
}

.filtro-catalogo a .datos-obra .autor-obra p {
    color: #fff;
    font-size: 1.0rem;
}

.filtro-catalogo a .datos-obra .autor-obra small {
    font-size: 90%;
    color: #fff;
    line-height: 140%;
}

.filtro-catalogo a .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 50%);
}

.filtro-catalogo #catalogsearch strong {
    display: inline-block;
    /*font-family: 'Strawford';*/
    font-size: 1.1rem;
    margin-bottom: 5px;
}

.filtro-catalogo #catalogsearch input {
    border-radius: 20px;
    border: 1px solid #000;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.filtro-catalogo #catalogsearch select {
    border-radius: 20px;
    border: 1px solid #000;
}

.filtro-catalogo #catalogsearch button {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    color: #fff;
    background-color: #ff5560;
    border: 1px solid #000;
}

.filtro-catalogo #catalogsearch button:hover {
    background-color: #000;
    color: #fff;
}

.filtro-catalogo .cat-search .ver a {
    display: inline-block;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    text-decoration: none;
    padding: 5px 15px;
    border-radius: 15px;
    text-align: center;
    font-size: 1.0;
}

.filtro-catalogo .cat-search .ver a:hover {
    background-color: #fff;
    color: #000;
}

.filtro-catalogo .log-cat input {
    border-radius: 0;
    border: 1px solid #000;
}

.info-filtros ul {
    padding: 0;
}

.info-filtros ul li {
    list-style: none;
    display: inline-block;
    margin-right: 10px;
}

.info-filtros ul li:last-child {
    margin-right: 0;
}

.info-filtros ul li .filtro-btn a {
    background-color: #000;
    color: #fff;
    border-radius: 20px;
    padding: 3px 10px;
    font-size: 0.8rem;
}

.info-filtros ul li .filtro-btn a:hover {
    background-color: #ff585d;
    color: #fff;
}

.info-filtros .filtro-label {
    font-size: 1.0rem;
    padding: 3px 0;
    font-weight: 700;
}

.interior-fitam .fecha-giras {
    border-radius: 10px;
    background-color: #ff585d;
    height: 100%;
    */ position: relative;
    min-height: 100px;
}

.interior-fitam .fecha-giras .info-fecha {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

.interior-fitam .fecha-giras .semana p {
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 100%;
    color: #fff;
}

.interior-fitam .fecha-giras .dia p {
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 100%;
    color: #fff;
}

.interior-fitam .fecha-giras .mes p {
    font-size: 1.1rem;
    font-weight: 400;
    margin-bottom: 0;
    line-height: 100%;
    color: #fff;
}

/*Calendario*/

.obras-coprod.calendario {
    background-color: #fff;
}

.obras-coprod.calendario a {
    display: block;
    height: 100%;
    cursor: pointer;
    border-bottom: 1px solid #000 !important;
    border: 1px solid transparent;
}

.obras-coprod.calendario .box-obra:hover a {
    text-decoration: none;
    border: 1px solid #000 !important;
    border-radius: 15px;
    background-color: #cbcbcb;
    color: #000;
}

.obras-coprod.calendario a p {
    font-weight: 400;
    line-height: 120%;
    margin-bottom: 0;
}

.obras-coprod.calendario .box-obra {
    height: 100%;
}

.obras-coprod.calendario a .titulo p {
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 110%;
    margin-bottom: 0;
    color: #000;
}

.obras-coprod.calendario a .info-obra p {
    font-size: 1.0rem;
}

.obras-coprod.calendario a .info-obra .pais p {
    color: #ff585d;
    font-weight: 700;
}

.obras-coprod.calendario .cal-image {
    /*height: 100%;*/
    background-position: center;
    background-size: cover;
    /*border-radius: 10px;*/
    width: 100%;
    overflow: hidden;
}

.obras-coprod.calendario .cal-image img {
    border-radius: 10px;
}

.obras-coprod.calendario a .tags-obra ul {
    padding: 0;
    list-style: none;
    display: inline-block;
    margin: 0;
}

.obras-coprod.calendario a .tags-obra ul li {
    float: left;
    display: inline-block;
    margin-right: 10px;
}

.obras-coprod.calendario a .tags-obra ul li span {
    padding: 5px 10px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 15px;
    line-height: 100%;
    background-color: #000;
    color: #fff;
    min-height: auto;
    border: 1px solid #000;
    font-weight: 400;
    display: inline-block;
    font-size: 0.8rem;
}

.redes-noticia .at-resp-share-element .at-share-btn, .redes-noticia .at-resp-share-element .at-share-btn {
    transition: none;
}

.redes-noticia .at-resp-share-element .at-share-btn:focus, .redes-noticia .at-resp-share-element .at-share-btn:hover {
    transform: translateY(0);
    color: #fff;
    text-decoration: none;
    transition: none;
    background: #ff5560 !important;
}

.equipo-txt .part-info .cuerpo p {
    margin-bottom: 0;
}

/*Contador*/

#staticBackdrop .info-modal, #staticBackdrop .modal-footer {
    position: relative;
    z-index: 2;
}

#staticBackdrop .bg-top-m {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

#staticBackdrop .close {
    color: #fff;
    opacity: 1;
    z-index: 2;
    position: absolute;
    top: 15px;
    right: 15px;
    font-size: 1.8rem;
    z-index: 4;
}

#staticBackdrop .close:hover {
    color: #3a3bb7;
}

#clockdiv {
    color: #fff;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    font-size: 1.8rem;
}

#clockdiv .tiempo {
    background: #d58f1f;
    display: inline-block;
    width: 60px;
}

#clockdiv .tiempo span {
    padding: 10px;
    border-radius: 10px;
    border: 2px solid #fff;
    background: #3a3bb7;
    display: inline-block;
    width: 60px;
}

.smalltext {
    padding-top: 5px;
    font-size: 0.9rem;
    font-weight: 300;
}

.mas-noticias a {
    margin-right: 5px;
}

.mas-noticias a:last-child {
    margin-right: 0px;
}

.mas-noticias .endless_page_current {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border: 2px solid #c3c3c3;
    font-weight: 700;
    color: #000;
    font-size: 1.0rem;
    display: inline-block;
    padding: 0.3rem 0.7rem;
}

.mas-noticias .endless_page_current {
    margin-right: 5px;
}

.mas-noticias .endless_separator {
    margin-right: 5px;
}

.mas-noticias a {
    border-top-left-radius: 10px !important;
    border-bottom-left-radius: 10px !important;
    border-top-right-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    border: 2px solid #000;
    font-weight: 700;
    color: #000;
    font-size: 1.0rem;
    display: inline-block;
    padding: 0.3rem 0.7rem;
}

.mas-noticias a:hover {
    border: 2px solid #000;
    background-color: #fff;
}

.mas-noticias a:first-child {
    border: 2px solid #000;
}

.mas-noticias a:first-child:hover {
    background-color: #000;
    color: #fff;
}

.mas-noticias a:last-child {
    border: 2px solid #000;
}

.mas-noticias a:last-child:hover {
    background-color: #000;
    color: #fff;
}

.persona-info .nombre p, .persona-info .cargo p, .persona-info .titulo-bio p {
    margin-bottom: 0;
}

/*Vida*/

.teatro-vida {

}

.teatro-vida .vida-info {
    border-radius: 15px;
    overflow: hidden;
    background-color: #000;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.teatro-vida .vida-info .info p {
    color: #fff;
    margin-bottom: 0;
    line-height: 150%;
    font-weight: 300;
    font-size: 1.0rem;
}

.teatro-vida .vida-info .info p span {
    font-style: italic;
    font-weight: bold;
}

.teatro-vida .vida-info .logo-vida {
    width: 65%;
}

.teatro-vida .vida-info .conv-img {
    background-position: center;
    background-size: contain;
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: relative;
}

.teatro-vida .vida-info .links-vida .link a {
    border-radius: 20px;
    padding: 10px 20px;
    color: #fff;
    background-color: #3bd586;
    border: 1px solid #3bd586;
    display: block;
    font-size: 1.1rem;
    font-weight: 800;
}

.teatro-vida .vida-info .links-vida .link a:hover {
    color: #3bd586;
    background-color: #fff;
    border: 1px solid #3bd586;
}

/*Nuevo Logo Vida*/

@-webkit-keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 235.81768798828125px;
        stroke-dasharray: 235.81768798828125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 235.81768798828125px;
    }
}

@keyframes animate-svg-stroke-1 {
    0% {
        stroke-dashoffset: 235.81768798828125px;
        stroke-dasharray: 235.81768798828125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 235.81768798828125px;
    }
}

@-webkit-keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

@keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

.svg-logo-1 {
    -webkit-animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
    animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
    animation: animate-svg-stroke-1 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s both,
    animate-svg-fill-1 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s both;
}

@-webkit-keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 135.86016845703125px;
        stroke-dasharray: 135.86016845703125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 135.86016845703125px;
    }
}

@keyframes animate-svg-stroke-2 {
    0% {
        stroke-dashoffset: 135.86016845703125px;
        stroke-dasharray: 135.86016845703125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 135.86016845703125px;
    }
}

@-webkit-keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

@keyframes animate-svg-fill-2 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

.svg-logo-2 {
    -webkit-animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
    animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
    animation: animate-svg-stroke-2 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s both,
    animate-svg-fill-2 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s both;
}

@-webkit-keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 158.37188720703125px;
        stroke-dasharray: 158.37188720703125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 158.37188720703125px;
    }
}

@keyframes animate-svg-stroke-3 {
    0% {
        stroke-dashoffset: 158.37188720703125px;
        stroke-dasharray: 158.37188720703125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 158.37188720703125px;
    }
}

@-webkit-keyframes animate-svg-fill-3 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

@keyframes animate-svg-fill-3 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

.svg-logo-3 {
    -webkit-animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
    animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
    animation: animate-svg-stroke-3 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s both,
    animate-svg-fill-3 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s both;
}

@-webkit-keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 349.4847106933594px;
        stroke-dasharray: 349.4847106933594px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 349.4847106933594px;
    }
}

@keyframes animate-svg-stroke-4 {
    0% {
        stroke-dashoffset: 349.4847106933594px;
        stroke-dasharray: 349.4847106933594px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 349.4847106933594px;
    }
}

@-webkit-keyframes animate-svg-fill-4 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 128, 255);
    }
}

@keyframes animate-svg-fill-4 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 128, 255);
    }
}

.svg-logo-4 {
    -webkit-animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
    animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
    animation: animate-svg-stroke-4 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s both,
    animate-svg-fill-4 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s both;
}

@-webkit-keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 164.86155700683594px;
        stroke-dasharray: 164.86155700683594px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 164.86155700683594px;
    }
}

@keyframes animate-svg-stroke-5 {
    0% {
        stroke-dashoffset: 164.86155700683594px;
        stroke-dasharray: 164.86155700683594px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 164.86155700683594px;
    }
}

@-webkit-keyframes animate-svg-fill-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

@keyframes animate-svg-fill-5 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

.svg-logo-5 {
    -webkit-animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
    animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
    animation: animate-svg-stroke-5 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s both,
    animate-svg-fill-5 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s both;
}

@-webkit-keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 174.3126220703125px;
        stroke-dasharray: 174.3126220703125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 174.3126220703125px;
    }
}

@keyframes animate-svg-stroke-6 {
    0% {
        stroke-dashoffset: 174.3126220703125px;
        stroke-dasharray: 174.3126220703125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 174.3126220703125px;
    }
}

@-webkit-keyframes animate-svg-fill-6 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

@keyframes animate-svg-fill-6 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

.svg-logo-6 {
    -webkit-animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
    animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
    animation: animate-svg-stroke-6 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s both,
    animate-svg-fill-6 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s both;
}

@-webkit-keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 190.50372314453125px;
        stroke-dasharray: 190.50372314453125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 190.50372314453125px;
    }
}

@keyframes animate-svg-stroke-7 {
    0% {
        stroke-dashoffset: 190.50372314453125px;
        stroke-dasharray: 190.50372314453125px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 190.50372314453125px;
    }
}

@-webkit-keyframes animate-svg-fill-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 128, 255);
    }
}

@keyframes animate-svg-fill-7 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 128, 255);
    }
}

.svg-logo-7 {
    -webkit-animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
    animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
    animation: animate-svg-stroke-7 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s both,
    animate-svg-fill-7 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s both;
}

@-webkit-keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 164.4616241455078px;
        stroke-dasharray: 164.4616241455078px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 164.4616241455078px;
    }
}

@keyframes animate-svg-stroke-8 {
    0% {
        stroke-dashoffset: 164.4616241455078px;
        stroke-dasharray: 164.4616241455078px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 164.4616241455078px;
    }
}

@-webkit-keyframes animate-svg-fill-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

@keyframes animate-svg-fill-8 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

.svg-logo-8 {
    -webkit-animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
    animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
    animation: animate-svg-stroke-8 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s both,
    animate-svg-fill-8 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s both;
}

@-webkit-keyframes animate-svg-stroke-9 {
    0% {
        stroke-dashoffset: 257.29380798339844px;
        stroke-dasharray: 257.29380798339844px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 257.29380798339844px;
    }
}

@keyframes animate-svg-stroke-9 {
    0% {
        stroke-dashoffset: 257.29380798339844px;
        stroke-dasharray: 257.29380798339844px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 257.29380798339844px;
    }
}

@-webkit-keyframes animate-svg-fill-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

@keyframes animate-svg-fill-9 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(0, 0, 0);
    }
}

.svg-logo-9 {
    -webkit-animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
    animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
    animation: animate-svg-stroke-9 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s both,
    animate-svg-fill-9 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s both;
}

@-webkit-keyframes animate-svg-stroke-10 {
    0% {
        stroke-dashoffset: 180.11766052246094px;
        stroke-dasharray: 180.11766052246094px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 180.11766052246094px;
    }
}

@keyframes animate-svg-stroke-10 {
    0% {
        stroke-dashoffset: 180.11766052246094px;
        stroke-dasharray: 180.11766052246094px;
    }

    100% {
        stroke-dashoffset: 0;
        stroke-dasharray: 180.11766052246094px;
    }
}

@-webkit-keyframes animate-svg-fill-10 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 128, 255);
    }
}

@keyframes animate-svg-fill-10 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(255, 128, 255);
    }
}

.svg-logo-10 {
    -webkit-animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
    animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
    animation: animate-svg-stroke-10 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s both,
    animate-svg-fill-10 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s both;
}

.teatro-boxs a {
    border-radius: 20px;
    display: block;
    position: relative;
    min-height: 250px;
    transform: scale(1);
    transition: 0.3s;
}

.teatro-boxs a:hover {
    transform: scale(1.05);
    transition: 0.3s;
}

.teatro-boxs a .icon-box {
    color: #fff;
    font-size: 1.3rem;
    position: absolute;
    bottom: 0.7rem;
    right: 1.8rem;
}

.teatro-boxs .color-creativo {
    background-color: #3b39ba;
}

.teatro-boxs .color-platea {
    background-color: #f72f37;
}

.teatro-boxs .color-escenico {
    background-color: #c28e2f;
}

.teatro-boxs .color-creativo img {
    width: 88%;
}

.teatro-boxs .color-platea img {
    width: 50%;
}

.teatro-boxs .color-escenico img {
    width: 50%;
}

.carousel.carousel-noche {

}

.carousel.carousel-noche .flickity-viewport {
    overflow: visible;
}

.carousel-noche .carousel-cell {
    width: 100%;
    margin: 0 15px;
    background: #e5e5e5;
    border-radius: 20px;
    transform: scale(1);
    transition: 0.3s;
}

.carousel-noche .carousel-cell a {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    height: 100%;
    border-radius: 20px;
    display: block;
}

.carousel-noche .carousel-cell:hover {
    transform: scale(1.05);
    transition: 0.3s;
}

@media screen and ( min-width: 768px ) {
    /* half-width cells for larger devices */
    .carousel-noche .carousel-cell {
        width: 22.5%;
    }
}

.carousel-noche .info-noche {
    z-index: 2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.carousel-noche .info-noche .titulo p {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
}

.carousel-noche .info-noche .bajada p {
    font-size: 1.1rem;
    color: #fff;
    font-weight: 300;
}

.carousel-noche .info-noche .bajada p:last-child {
    margin-bottom: 0;
}

.carousel-noche .overlay {
    position: absolute;
    border-radius: 20px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: #000;
    opacity: 0.4;
}

.bg-animado {
    background-image: url(../img/TAM_Fondo_Anim-2.gif);
    background-repeat: repeat;
}

footer .bg-footer {
    background-color: #3b39ba;
}

.bg-footer-23 {
    background-color: #3b39ba;
}

footer .logo-left img {
    height: 150px;
}

footer .logo-center img {
    height: 90px;
}

footer .logo-right img {
    height: 50px;
}

header .carousel-indicators li {
    width: 15px;
    height: 15px;
    border-radius: 50%;
}

.bg-black {
    background-color: #000;
}

.bg-gold {
    background-color: #d48f1f;
}

.presentado ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.presentado ul li {
    display: inline-block;
    padding-right: 10px;
    /*display: table-cell;*/
    vertical-align: middle;
}

.presentado ul li:last-child {
    margin-right: 0px;
    padding-right: 0px;
}

.presentado ul li img {
    /*min-width: 65px;*/
}

.presentado ul li:last-child img {
    min-height: 30px;
    height: 100%;
}

.presentado ul li p {
    margin-bottom: 0;
    font-weight: 800;
    display: table-cell;
    height: 65px;
    list-style-type: none;
    vertical-align: middle;
    font-size: 0.7rem;
}

.presentado.mobile-f ul li p {
    margin-bottom: 0;
    font-weight: 800;
    display: table-cell;
    height: auto;
    list-style-type: none;
    vertical-align: middle;
    font-size: 0.5rem;
}

.presentado.mobile-f ul li {
    display: inline-block;
    padding-right: 5px;
    /* display: table-cell; */
    vertical-align: middle;
}

.presentado.mobile-f ul li:last-child img {
    min-height: 12px;
}

.info-tv .tv-info .carousel-cell a .stop {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.clear-logos {
    opacity: 0;
    transition: 0.3s;
}

.logos-m {
    background-color: #3b39ba;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.logos-m img {
    filter: brightness(1);
}

.capa-02 {
    position: relative;
    z-index: 3;
}

.capa-02 .left-cap {
    z-index: 2;
    position: absolute;
    width: 15%;
    height: auto;
    left: -1px;
}

.capa-02 .right-cap {
    z-index: 2;
    position: absolute;
    width: 15%;
    height: auto;
    right: 0;
}

.capa-01 {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.capa-02-m {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 3;
}

.capa-01-m {
    position: relative;
    text-align: center;
}

/*Animacion*/
.bg-animate {
    /* img size is 50x50 */
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/*Programacion 2023*/

.programacion-2023 {
    background-color: #000;
    overflow: hidden;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/bg_programacion.jpg);
}

.programacion-2023 .titulo-programa p {
    color: #fff;
    font-weight: 800;
    margin-bottom: 0;
    padding-bottom: 10px;
    border-bottom: 4px solid #fa84ff;
}

.programacion-2023 .bg-banner-color {
    /*background-color: #d48f1f;*/
}

.programacion-2023 .bajada p {
    color: #fff;
    font-weight: 300;
    line-height: 150%;
}

.programacion-2023 .link a {
    border-radius: 25px;
    padding: 10px 30px;
    color: #000;
    background-color: #fa84ff;
    border: 1px solid #fa84ff;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
}

.programacion-2023 .link a:hover {
    color: #3b39ba;
    background-color: #fff;
    border: 1px solid #3b39ba;
}

.programacion-2023 .link a.calendario {
    border-radius: 25px;
    padding: 10px 30px;
    color: #000;
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
}

.programacion-2023 .link a.calendario:hover {
    color: #fff;
    background-color: #fa84ff;
    border: 1px solid #fa84ff;
}

.espect-box {
    position: relative;
    transition: 0.3s;
    transform: scale(1);
    z-index: 1;
}

.espect-box:hover {
    transition: 0.3s;
    transform: scale(1.05);
    z-index: 2;
}

.espect-box a {
    background-position: top center;
    background-size: cover;
    display: block;
    position: relative;
    padding: 15px;
    min-height: 180px;
    background-color: #000;
    text-decoration: none;
}

.espect-box a .titulo p {
    color: #fff;
    font-weight: 800;
    z-index: 2;
    position: relative;
}

.espect-box a .icono {
    position: absolute !important;
    right: 15px;
    bottom: 5px;
    color: #fff;
    z-index: 2;
    position: relative;
}

.bg-mapa {
    background-color: #3b39ba;
}

.mapa-2023 {
    position: relative;
}

.mapa-2023 .trigger a {
    display: block;
    height: 100%;
    text-decoration: none;
}

.mapa-2023 .trigger .top-01 {
    z-index: 2;
    position: absolute;
    width: 45px;
    height: 45px;
    bottom: 47%;
    left: 4%;
    transform: rotate(77deg);
}

.mapa-2023 .hover-01 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -2px;
    left: 22.3px;
}

.mapa-2023 .trigger .top-02 {
    z-index: 2;
    position: absolute;
    width: 60px;
    height: 50px;
    bottom: 50%;
    left: 8%;
    transform: rotate(-8deg);
}

.mapa-2023 .hover-02 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 35px;
}

.mapa-2023 .trigger .top-03 {
    z-index: 2;
    position: absolute;
    width: 122px;
    height: 77px;
    bottom: 47%;
    left: 13%;
}

.mapa-2023 .hover-03 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 35px;
}

.mapa-2023 .trigger .top-04 {
    z-index: 2;
    position: absolute;
    width: 99px;
    height: 58px;
    bottom: 42%;
    left: 24%;
    transform: rotate(15deg);
}

.mapa-2023 .hover-04 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 20px;
}

.mapa-2023 .trigger .top-05 {
    z-index: 2;
    position: absolute;
    width: 77px;
    height: 42px;
    bottom: 38%;
    left: 32.5%;
}

.mapa-2023 .hover-05 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
}

.mapa-2023 .trigger .top-06 {
    z-index: 2;
    position: absolute;
    width: 28px;
    height: 46px;
    bottom: 37%;
    left: 39%;
}

.mapa-2023 .hover-06 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 10px;
}

.mapa-2023 .trigger .top-07 {
    z-index: 2;
    position: absolute;
    width: 27px;
    height: 39px;
    bottom: 42%;
    left: 41.5%;
}

.mapa-2023 .hover-07 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 10px;
}

.mapa-2023 .trigger .top-08 {
    z-index: 2;
    position: absolute;
    width: 21px;
    height: 54px;
    bottom: 35%;
    left: 44%;
}

.mapa-2023 .hover-08 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 0px;
}

.mapa-2023 .trigger .top-09 {
    z-index: 2;
    position: absolute;
    width: 37px;
    height: 54px;
    bottom: 31%;
    left: 46%;
}

.mapa-2023 .hover-09 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 10px;
}

.mapa-2023 .trigger .top-10 {
    z-index: 2;
    position: absolute;
    width: 18px;
    height: 40px;
    bottom: 30%;
    left: 49.5%;
}

.mapa-2023 .hover-10 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 10px;
}

.mapa-2023 .trigger .top-11 {
    z-index: 2;
    position: absolute;
    width: 18px;
    height: 60px;
    bottom: 23%;
    left: 51.5%;
}

.mapa-2023 .hover-11 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 10px;
}

.mapa-2023 .trigger .top-12 {
    z-index: 2;
    position: absolute;
    width: 36px;
    height: 62px;
    bottom: 24%;
    left: 54%;
}

.mapa-2023 .hover-12 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 10px;
}

.mapa-2023 .trigger .top-13 {
    z-index: 2;
    position: absolute;
    width: 26px;
    height: 55px;
    bottom: 22%;
    left: 57.5%;
    transform: rotate(9deg);
}

.mapa-2023 .hover-13 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 10px;
}

.mapa-2023 .trigger .top-14 {
    z-index: 2;
    position: absolute;
    width: 91px;
    height: 53px;
    bottom: 21%;
    left: 60%;
}

.mapa-2023 .hover-14 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 10px;
}

.mapa-2023 .trigger .top-15 {
    z-index: 2;
    position: absolute;
    width: 160px;
    height: 77px;
    bottom: 14%;
    left: 68%;
    transform: rotate(8deg);
}

.mapa-2023 .hover-15 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 10px;
}

.mapa-2023 .trigger .top-16 {
    z-index: 2;
    position: absolute;
    width: 234px;
    height: 70px;
    bottom: 30%;
    left: 81%;
    transform: rotate(-36deg);
}

.mapa-2023 .hover-16 {
    position: absolute;
    opacity: 0;
    z-index: 1;
    bottom: -1px;
    left: 10px;
}

.mapa-2023 .hover-01-top {
    opacity: 1;
}

.bg-mapa-movil {
    background-color: #3b39ba;
    position: relative;
}

.bg-mapa-movil .links-movil {
    position: absolute;
    top: 0;
    height: 100%;
}

.bg-mapa-movil .links-movil a {
    color: #fff;
    font-weight: 800;
    line-height: 100%;
}

.col-2dot4,
.col-sm-2dot4,
.col-md-2dot4,
.col-lg-2dot4,
.col-xl-2dot4 {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-2dot4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (min-width: 540px) {
    .col-sm-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 720px) {
    .col-md-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (min-width: 960px) {
    .col-lg-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

@media (min-width: 1140px) {
    .col-xl-2dot4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}

/*Nuevas 2023*/

.banner-2023 {
  border-radius: 15px;
  background-position: center;
  background-size: contain;
  overflow: hidden;
}

.banner-2023 img {
    min-height: 170px;
    height: 100%;
}

.banner-2023.bg-conv24 {
    background-repeat: no-repeat;
    background-color: #000;
    background-size: cover;
}

.bg-banner-color-01 {
    background-color: #3937be;
}

.bg-banner-color-02 {
    background-color: #f72f37;
}

.bg-banner-color-03 {
    background-color: #c28e2f;
}

.bg-banner-color-04 {
    background-color: #e75615;
}

.texto-datos .datos.datos-2023 {
    background-color: #f72f37;
}

.texto-datos .datos.datos-2023 p {
    font-weight: 400 !important;
}

.interior-fitam .cuerpo .directorio .titulo p {
    font-weight: 300;
    font-size: 1.9rem;
    margin-bottom: 0;
}

.links23 .link a {
    border-radius: 20px;
    padding: 10px 20px;
    color: #fff;
    background-color: #3a3cb7;
    border: 1px solid #3a3cb7;
    font-size: 1.1rem;
    display: inline-block;
}

.links23 .link a:hover {
    color: #3a3cb7;
    background-color: #fff;
    border: 1px solid #3a3cb7;
}

.filtros-cat label {
    font-weight: 400;
}

.filtros-cat select {
    width: 100%;
    padding: 5px;
    font-size: 1.0rem;
    line-height: 1;
    border: 0;
    border-radius: 30px;
    height: 40px;
    border: 2px solid #000;
}

.filtros-cat .limpiar-form {
    border-radius: 20px;
    padding: 5px 10px;
    color: #fff;
    background-color: #000;
    border: 1px solid #000;
    font-size: 1.0rem;
    display: inline-block;
}

.filtros-cat .limpiar-form:hover {
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
}

.nuevo-menu .accordion h2 button {
    text-decoration: none;
    transition: 0.5s;
}

.nuevo-menu .accordion h2 button:hover {
    color: #ff585d !important;
    padding-left: 25px;
}

.nuevo-menu .accordion .card-header {
    border-radius: 0;
    padding: 6px 5px;
    background-color: transparent;
    border-bottom: 1px solid #000;
    margin-bottom: 1px;
    width: 80%;
}

.nuevo-menu .accordion .btn {
    line-height: 100%;
}

.nuevo-menu .accordion .card {
    border: 0;
    border-radius: 0;
}

.nuevo-menu .accordion .btn.btn-link.collapsed span {
    overflow: hidden;
    transition-duration: 0.3s;
    transition-property: transform;
    transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    color: #000;
    display: block;
}

.nuevo-menu .accordion .btn.btn-link.collapsed span svg {
    /*font-size: 1.2rem;*/
}

.nuevo-menu .accordion .btn.btn-link span {
    overflow: hidden;
    transition-duration: 0.3s;
    transition-property: transform;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    display: block;
}

.nuevo-menu .accordion .btn.btn-link span svg {
    /*font-size: 1.2rem;*/
}


.nolist {
    list-style: none;
    color: #000;
}

.menu-wrap .nolist a {
    color: #000;
}

.nuevo-menu #collapseTwo {
    min-height: 600px;
}

.doc-box .sub-titulo-fitam p {
    font-size: 1.5rem !important;
    font-weight: 800;
}

.territorio .link a {
    border-radius: 20px;
    padding: 10px 20px;
    color: #fff;
    background-color: #3c3db2;
    border: 1px solid #3c3db2;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 800;
}

.territorio .link a:hover {
    color: #3c3db2;
    background-color: #fff;
    border: 1px solid #3c3db2;
    text-decoration: none;
}

.lg-item .lg-sub-html {
    position: relative !important;
}


.lg-item .lg-sub-html p {
    color: #fff;
}

.convo24-link .link a {
    border-radius: 20px;
    padding: 10px 20px;
    color: #fff;
    background-color: #3bd586;
    border: 1px solid #3bd586;
    display: block;
    font-size: 1.1rem;
    font-weight: 400;
    text-decoration: none;
}

.convo24-link .link a:hover {
    color: #3bd586;
    background-color: #fff;
    border: 1px solid #3bd586;
}

.convo25-link .link a {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: none;
  display: block;
  color: #fff;
  padding: 20px 20px;
  line-height: 100%;
  font-family: 'Satoshi';
  font-weight: bold;
  text-decoration: none;
  transition: transform 0.3s;
  transform: scale(1.0);
  font-size: 1.3rem;
  background-color: #3bd586;
  border: 1px solid #3bd586;
  border-radius: 50px;
}

.convo25-link .link a:hover {
  color: #3bd586;
  background-color: #fff;
  border: 1px solid #3bd586;
  transform: scale(1.05);
}

.convo25-link .link a img {
  width: 25px;
  filter: invert(0);
}

.convo25-link .link a:hover img {
  filter: invert(1);
}

.interior-fitam .cuerpo ul li {
    line-height: 150%;
    margin-bottom: 15px;
}

.convocatoria .bg-conv-02 {
    background-color: #3c3ca0;
}

.postulacion .form-group {
    margin-bottom: 10px !important;
}

.postulacion .form-group ul {
    list-style: none;
}

.postulacion .form-group ul li {
    display: inline-block;
    float: left;
    margin-right: 15px;
}

#id_este-espectaculo-proviene-de-la-region-metropolitana {
    display: -ms-flexbox;
    display: block !important;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

#id_este-espectaculo-proviene-de-la-region-metropolitana .form-control {
    display: inherit;
    width: auto;
    height: auto;
}

#id_es-obra-grabada-o-zoom-en-vivo {
    display: -ms-flexbox;
    display: block !important;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

#id_es-obra-grabada-o-zoom-en-vivo .form-control {
    display: inherit;
    width: auto;
    height: auto;
}

#id_la-obra-tiene-derechos-de-autor {
    display: -ms-flexbox;
    display: block !important;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

#id_la-obra-tiene-derechos-de-autor .form-control {
    display: inherit;
    width: auto;
    height: auto;
}

.postulacion .errorlist {
    color: #f00;
    font-weight: bold;
}

.postulacion .text-muted {
    display: none;
}

/*.postulacion .form-group ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  top: 0;
  right: 0;
}*/

.postulacion .form-group li {
    margin: 0;
    padding: 0;
}

.postulacion .quiet {
    margin-bottom: 15px !important;
}

.ventas a {
    font-weight: 800;
    color: #000;
    text-decoration: underline !important;
}

.ventas a:hover {
    color: #fa575e !important;
}

.link-boxs a {
    position: relative;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 300;
    min-height: 150px;
    border-radius: 15px;
}

.link-boxs a:hover {
    background-color: #000;
}

.link-boxs a span {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.link-boxs .bc-01 {
    background-color: #3b39ba;
}

.link-boxs .bc-02 {
    background-color: #f72f37;
}

.link-boxs .bc-03 {
    background-color: #c28e2f;
}

.link-boxs .bc-04 {
    background-color: #eb5428;
}

.link-boxs .bc-05 {
    background-color: #1cd58f;
}

.link-boxs .bc-06 {
    background-color: #fa575e;
}

.link-boxs .bc-07 {
    background-color: #ff82f7;
}


/*Programación Semanal*/

.semanal .fecha {
    background-color: #000;
    padding-top: 1.9rem !important;
    padding-bottom: 1.9rem !important;
}

.semanal .carousel-cell:last-child .fecha {

}

.semanal .fecha p {
    color: #fff;
    font-weight: 300;
    margin-bottom: 0;
    line-height: 120%;
}

.semanal .semana-obras-strip-a {
    background-color: #e8e8e8;
    border-right: 1px solid #fff;
}

.semanal .semana-obras-strip-b {
    background-color: #d9d9d9;
    border-right: 1px solid #fff;
}

.semanal .obra a {
    color: #000;
    font-size: 0.8rem;
    font-weight: 800;
    line-height: 120%;
    display: block;
    text-decoration: none;
}

.semanal .obra a:hover {
    background-color: #cbcbcb;
}

.semanal .tags-obra ul {
    padding: 0;
    list-style: none;
    margin-bottom: 0;
}

.semanal .tags-obra ul li {
    display: unset;
    font-size: 0.65rem !important;
    font-weight: 400;
    margin-bottom: 5px;
    border-right: 1px solid #b3b3b3;
    padding: 0px 2px 0px 2px;
    line-height: 100%;
}

.semanal .tags-obra ul li:last-child {
    border-right: 0;
}

.semanal .carousel-semana-nav .rango {
    padding: 10px;
}

.semanal .carousel-semana-nav p {
    text-align: center;
    margin-bottom: 0;
    color: #fff;
    font-weight: 300;
}

.semanal .carousel-semana-nav {
    border-radius: 60px;
    overflow: hidden;
    background-color: #000 !important;
}

.semanal .flickity-button {
    background-color: transparent;
}

.semanal .flickity-button-icon {
    color: #fff;
}

.semanal .flickity-button:disabled {
    opacity: 1;
}

.semanal .flickity-button:hover {
    background-color: transparent;
    cursor: pointer;
}

.semanal .flickity-button:hover .flickity-button-icon {
    color: #fa575e;
}

.cuerpo.semanal .table a {
    font-weight: 700;
    color: #000;
    text-decoration: none;
}

.cuerpo.semanal .table a:hover {
    color: #000;
    text-decoration: none;
}


.semanal .table th:hover, .table td:hover {
    background-color: #cbcbcb;
}

.semanal .carousel-dia {
    height: 100%;
}

.semanal .carousel-dia .flickity-viewport {
    overflow-y: visible;
}

.semanal .carousel-dia .flickity-viewport::-webkit-scrollbar {
    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */
    display: none; /* Safari and Chrome */
}

.semanal .carousel-dia .carousel-cell {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
    z-index: -1;
    /*height: 100%*/
}

.semanal .carousel-dia .carousel-cell.is-selected {
    opacity: 1;
    z-index: 0
}

/*Fin*/

.semanal .carousel {
    /*background: #FAFAFA;*/
}

.semanal .carousel-cell {
    width: 100%;
    margin-right: 0px;
    border-radius: 0px;
    counter-increment: carousel-cell;
}

.semanal .carousel-nav .carousel-cell:before {
    font-size: 50px;
    line-height: 80px;
}

.semanal .carousel-nav .carousel-cell.is-nav-selected {
    background: #ED2;
}

.cerrado .msg-cierre {
    background-color: #e7e7e7;
    border-radius: 30px;
    text-align: center;
}

.cerrado .msg-cierre p {
    font-size: 1.3rem;
    font-weight: 700;
    margin-bottom: 0;
}


.funciones-btn-movil a {
    display: inline-block;
    border: 1px solid #fff;
    padding: 5px 15px 0px 15px;
    color: #fff;
    opacity: 1;
    font-weight: 400;
    text-decoration: none;
    font-size: 0.9rem;
    background-color: #000;
    border-radius: 16px;
    /*float: right;*/
    margin: 5px;
}

.funciones-btn-movil img {
    width: 1.2rem;
}

.anteriores-destacado {
    background-color: #eeeeee;
    border-radius: 20px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.anteriores-destacado .titulo-ateriores p {
    font-weight: 700;
    font-size: 1.6rem;
    color: #fff;
    z-index: 2;
    position: relative;
}

.anteriores-destacado a {
    border-radius: 20px;
    padding: 10px 20px;
    color: #fff;
    background-color: #3c3db2;
    border: 1px solid #3c3db2;
    display: inline-block;
    font-size: 1.2rem;
    font-weight: 700;
    z-index: 2;
    position: relative;
}

.anteriores-destacado a:hover {
    color: #3c3db2;
    background-color: #fff;
    border: 1px solid #3c3db2;
    text-decoration: none;
}

.anteriores-destacado .overlay {
    position: absolute;
    border-radius: 20px;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 50%);
    z-index: 1;
}

.top-static-banner.form2023 {
    min-height: 350px;
    background-position: center;
    background-repeat: no-repeat;
}

.top-static-banner.form2023 .banner-info h1 {
    color: #fff;
    position: absolute;
    bottom: 20px;
}

.info-tv .tv-info .carousel-cell a .teatro-tv-title {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.info-tv .tv-info .carousel-cell a .teatro-tv-title span {
    display: block;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.3rem;
}

.info-tv .tv-info .carousel-cell a .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 65%);
    z-index: 1;
}

.info-tv .tv-info .carousel-cell a.color1 {
    border: 10px solid #3c3db3;
}

.info-tv .tv-info .carousel-cell a.color2 {
    border: 10px solid #ff585d;
}

/*Libro*/

.libro {
    background-color: #000;
    overflow: hidden;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/libro-30.jpeg);
    position: relative;
    z-index: 2;
}

.libro .titulo-programa p {
    color: #fff;
    font-weight: 800;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.libro .bg-banner-color {
    /*background-color: #d48f1f;*/
    z-index: 2;
    position: relative;
}

.libro .bajada p {
    color: #fff;
    font-weight: 300;
    line-height: 150%;
}

.libro .link a.libro-link {
    border-radius: 25px;
    padding: 10px 30px;
    color: #000;
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
}

.libro .link a.libro-link:hover {
    color: #fff;
    background-color: #fa84ff;
    border: 1px solid #fa84ff;
}

.libro .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 50%);
    z-index: 1;
}

/*Colaboradores*/

.colaboradores-fitam {
    background-color: #000;
    overflow: hidden;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../img/COLABORADORES.jpeg);
    position: relative;
    z-index: 2;
}

.colaboradores-fitam .titulo-programa p {
    color: #fff;
    font-weight: 800;
    margin-bottom: 0;
    padding-bottom: 10px;
}

.colaboradores-fitam .bg-banner-color {
    /*background-color: #d48f1f;*/
    z-index: 2;
    position: relative;
}

.colaboradores-fitam .bajada p {
    color: #fff;
    font-weight: 300;
    line-height: 150%;
}

.colaboradores-fitam .link a.col-link {
    border-radius: 25px;
    padding: 10px 30px;
    color: #000;
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
}

.colaboradores-fitam .link a.col-link:hover {
    color: #fff;
    background-color: #fa84ff;
    border: 1px solid #fa84ff;
}

.colaboradores-fitam .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 50%);
    z-index: 1;
}

.libro-info {
    /*background-color: #000;*/
    overflow: hidden;
    border-radius: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    /*background-image: url(../img/COLABORADORES.jpeg);*/
    position: relative;
    z-index: 2;
}

.libro-info .titulo-libro p {
    color: #fff;
    font-weight: 800;
    margin-bottom: 0;
    padding-bottom: 10px;
    z-index: 2;
    position: relative;
}

.libro-info .overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 50%);
    z-index: 1;
}

.libro-info .link a.libro-link {
    border-radius: 25px;
    padding: 10px 30px;
    color: #fff;
    background: transparent;
    border: 1px solid #fff;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
    z-index: 2;
    position: relative;
}

.libro-info .link a.libro-link:hover {
    color: #fff;
    background-color: #ff5660;
    border: 1px solid #ff5660;
}

.libro-info .bajada-video p {
  color: #fff;
  font-size: 1.1rem;
  z-index: 2;
  position: relative;
  text-align: center;
}

/*Video*/
.bg-video {
    position: absolute;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    height: 395px;
}

.bg-video__content {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.bg-video-2 {
    position: absolute;
    width: 100%;
    z-index: 1;
    overflow: hidden;
    height: auto;
}

/*Banner2023*/

/*Banner Texto*/
header .new2023 .captura-banner {
  position: relative;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

header .new2023 .info-banner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  z-index: 5;
}

header .new2023 .info-banner h1 {
    color: #ff5660;
    font-weight: 700;
}

header .new2023 .bajada-banner p {
    color: #000;
    font-weight: 300;
    margin-bottom: 0;
}

header .new2023 .link-banner-text {
    right: 0;
    left: 0;
    z-index: 3;
}

header .new2023 .link-banner-text a {
    padding: 10px 15px 10px 15px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 16px;
    line-height: 100%;
    background-color: #000;
    color: #fff !important;
    min-height: auto;
    font-weight: 300;
}

header .new2023 .captura-banner .link-banner-text a:hover {
    background-color: #ff5660;
    color: #fff !important;
    border: 2px solid #ff5660 !important;
}

header .new2023 .new-bg {
  background-color: rgb(255 255 255 / 66%);
  border-radius: 20px;
}

header .new2023 .new-post {
    position: relative !important;
    bottom: 0 !important;
}

header .new2023 .new-bg .bajada-banner p {
    color: #000 !important;
}

header .new2023 .new-bg .link-banner-text a {
    border: 2px solid #000 !important;
}

header .new2023 .info-banner h1 {
    /*font-size: 1.8rem;*/
}

header .new2023 .bajada-banner p {
    /*font-size: 1.0rem;*/
}

header .new2023 .link-banner-text a {
    display: inline-block;
}

header .new2023 .link-banner-text a span {
    /*font-size: 1.0rem;*/
}

header .new2023 .link-banner-text {
    position: absolute;
    bottom: 20px;
}

header .new2023 .carousel-inner {
    overflow: hidden;
}

header .new2023 .info-banner.animated {
    top: auto !important;
    bottom: 20px;
}

/*header .new2023 .captura-banner a {
  display: block;
  position: unset !important;
}*/

header .new2023 .captura-banner .link-banner-text a span {
    padding: 0;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0px;
    line-height: 100%;
    background-color: transparent;
    color: #fff !important;
    min-height: auto;
    border: 0 !important;
}

header .new2023 .captura-banner .link-banner-text a:hover span {
    background-color: transparent;
    color: #fff !important;
    border: 0;
}

header .new2023 .captura-banner .tags-banner ul li a {
    padding: 10px 6px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: #fff;
    color: #000;
    min-height: auto;
    border: 1px solid #000;
    font-weight: 500;
    display: inline-block;
    font-size: 0.8rem !important;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
}

header .new2023 .captura-banner .tags-banner ul li a:hover {
    background-color: #ff5361;
    border: 1px solid #ff5361;
    color: #fff;
}

header .new2023 .captura-banner .tags-banner ul li:first-child a {
    background-color: #000;
    color: #fff;
}

header .new2023 .captura-banner .tags-banner ul li:first-child a:hover {
    background-color: #ff5361;
    border: 1px solid #ff5361;
    color: #fff;
}


.tag {
    padding: 10px 6px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 20px;
    line-height: 100%;
    background-color: #fff;
    color: #000;
    min-height: auto;
    border: 1px solid #000;
    font-weight: 500;
    display: inline-block;
    font-size: 0.8rem !important;
    letter-spacing: -0.3px;
    margin-bottom: 5px;
}

.tag:hover {
    background: #000;
}
.tag:hover a {
    color: #fff;
        text-decoration: none;

}

.banner-yerba {
  overflow: hidden;
  border-radius: 15px;
}

.banner-yerba {

}

.banner-yerba:hover {
  opacity: 0.9;
}

.pro-title p {
  font-size: 1.5rem !important;
}

/*50 años desde la memoria*/

.interior-fitam .cuerpo .obras-50-memorias .bg-memoria {
  background-position: center;
  background-size: cover;
  height: 100%;
  overflow: hidden;
  transform: scale(1);
  transition: 0.3s;
}

.interior-fitam .cuerpo .obras-50-memorias a:hover .bg-memoria {
  transform: scale(1.1)
}

.interior-fitam .cuerpo .obras-50-memorias a {
  display: block;
  min-height: 400px;
  height: 100%;
  position: relative;
  font-family: 'Tekst D Mono Roman';
  font-weight: bold;
  font-style: italic;
  background-color: #000;
  overflow: hidden;
}

.interior-fitam .cuerpo .obras-50-memorias .type {
  background-color: #000;
  padding: 5px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 2;
}

.interior-fitam .cuerpo .obras-50-memorias .type p {
  color: #fff;
  font-size: 1.0rem;
  margin-bottom: 0;
  line-height: 100%;
  text-transform: uppercase;
}

.interior-fitam .cuerpo .obras-50-memorias .title p {
  color: #fff;
  line-height: 120%;
  margin-bottom: 0;
  text-transform: uppercase;
}

.interior-fitam .cuerpo .obras-50-memorias .info p {
  color: #fff;
  font-size: 1.0rem;
  line-height: 120%;
  margin-bottom: 0;
  font-family: 'Calibre';
  font-weight: 600;
  font-style: normal;
}

.interior-fitam .cuerpo .obras-50-memorias .info-obra {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 0 15px;
}

.interior-fitam .cuerpo .obras-50-memorias .box-memoria .overlay {
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: 1;
}

.buy {
  background-color: #d92b2b;
}

.buy .compra-entradas p {
  color: #fff;
  font-family: 'Tekst D Mono Roman';
  text-transform: uppercase;
  margin-bottom: 0
}

.buy .compra-entradas p a {
  color: #000;
  text-decoration: underline;
}

.buy .compra-entradas p a:hover {
  color: #fff;
  text-decoration: underline;
}

.colaboran {
  background-color: #000;
}

.colaboran .cuerpo .bajada p {
  color: #fff;
  font-size: 1.1rem;
  line-height: 150%;
  margin-bottom: 0;
  font-family: 'Calibre';
  font-weight: normal;
  font-style: normal;
}

/*Portada 50 años desde la memoria*/

.portada-50 .obras-50 .info-50 .carousel-cell {
  min-height: 370px;
  overflow: hidden;
  margin-left: 18px;
}

.portada-50 .obras-50 .info-50 a {
  display: block;
  min-height: 400px;
  height: 100%;
  position: relative;
  font-family: 'Tekst D Mono Roman';
  font-weight: bold;
  font-style: italic;
  background-color: #000;
  overflow: hidden;
}

.portada-50 .obras-50 .info-50 .type {
  background-color: #000;
  padding: 5px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 2;
}

.portada-50 .obras-50 .info-50 .type p {
  color: #fff;
  font-size: 1.0rem;
  margin-bottom: 0;
  line-height: 100%;
  text-transform: uppercase;
}

.portada-50 .obras-50 .info-50 .info-obra {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 0 15px;
}

.portada-50 .obras-50 .info-50 .title p {
  color: #fff;
  line-height: 120%;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 1.4rem;
}

.portada-50 .obras-50 .info-50 .bajada p {
  color: #fff;
  font-size: 1.1rem;
  line-height: 150%;
  margin-bottom: 0;
  font-family: 'Calibre';
  font-weight: normal;
  font-style: normal;
}

.portada-50 .obras-50 .info-50 .info p {
  color: #fff;
  font-size: 1.0rem;
  line-height: 120%;
  margin-bottom: 0;
  font-family: 'Calibre';
  font-weight: 600;
  font-style: normal;
}

.portada-50 .obras-50 .info-50 .bg-memoria {
  background-position: center;
  background-size: cover;
  height: 100%;
  overflow: hidden;
  transform: scale(1);
  transition: 0.3s;
  min-height: 400px;
}

.portada-50 .obras-50 .info-50 a:hover .bg-memoria {
  transform: scale(1.1)
}

.portada-50 .obras-50 .info-50 .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.738532913165266) 70%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.738532913165266) 70%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.738532913165266) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
}

.portada-50 .obras-50 .info-50 .flickity-button:disabled {
    display: block;
    opacity: 1;
}

.portada-50 .obras-50 .info-50 .flickity-prev-next-button.previous {
    left: -20px;
    border-right: 1px solid transparent;
}

.portada-50 .obras-50 .info-50 .flickity-prev-next-button.next {
    right: -20px;
    border-left: 1px solid transparent;
}

.portada-50 .obras-50 .info-50 .flickity-button {
    position: absolute;
    background: transparent;
    border: none;
    color: #fff;
}

.portada-50 .obras-50 .info-50 .flickity-button:hover {
    background: transparent;
    opacity: 0.5;
    cursor: pointer;
}

.portada-50 .link a {
  display: inline-block;
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff;
  text-decoration: none;
  padding: 10px 15px;
  border-radius: 20px;
  transform: scale(1);
  transition: 0.3s;
}

.portada-50 .link a:hover {
  background-color: #fff;
  color: #ff3f3c;
  transform: scale(1.1);
}

.portada-50 .titulo-seccion a {
  display: inline-block;
  transform: scale(1);
  transition: 0.3s;
}

.portada-50 .titulo-seccion a:hover {
  filter: invert();
  transform: scale(1.1);
}
/*Portada Aventuras Digitales*/

.portada-aventuras .obras-aventuras .info-digital .carousel-cell {
  min-height: 370px;
  overflow: hidden;
  margin-left: 18px;
}

.portada-aventuras .obras-aventuras .info-digital a {
  display: block;
  min-height: 400px;
  height: 100%;
  position: relative;
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-weight: bold;
  font-style: italic;
  background-color: #000;
  overflow: hidden;
}

.portada-aventuras .obras-aventuras .info-digital .type {
  background-color: #000;
  padding: 5px;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 20px;
  z-index: 2;
}

.portada-aventuras .obras-aventuras .info-digital .type p {
  color: #fff;
  font-size: 1.0rem;
  margin-bottom: 0;
  line-height: 100%;
  text-transform: uppercase;
}

.portada-aventuras .obras-aventuras .info-digital .info-obra {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  z-index: 2;
  padding: 0 15px;
}

.portada-aventuras .obras-aventuras .info-digital .title p {
  color: #fff;
  line-height: 120%;
  margin-bottom: 0;
  text-transform: uppercase;
  font-size: 1.4rem;
}

.portada-aventuras .obras-aventuras .info-digital .bajada p {
  color: #fff;
  font-size: 1.1rem;
  line-height: 150%;
  margin-bottom: 0;
  font-family: 'Calibre';
  font-weight: normal;
  font-style: normal;
}

.portada-aventuras .obras-aventuras .info-digital .info p {
  color: #fff;
  font-size: 1.0rem;
  line-height: 120%;
  margin-bottom: 0;
  font-family: 'Calibre';
  font-weight: 600;
  font-style: normal;
}

.portada-aventuras .obras-aventuras .info-digital .bg-memoria {
  background-position: center;
  background-size: cover;
  height: 100%;
  overflow: hidden;
  transform: scale(1);
  transition: 0.3s;
  min-height: 400px;
}

.portada-aventuras .obras-aventuras .info-digital a:hover .bg-memoria {
  transform: scale(1.1)
}

.portada-aventuras .obras-aventuras .info-digital .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgb(255,255,255);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.738532913165266) 70%);
  background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.738532913165266) 70%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(0,0,0,0.738532913165266) 70%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#000000",GradientType=1);
}

.portada-aventuras .obras-aventuras .info-digital .flickity-button:disabled {
    display: block;
    opacity: 1;
}

.portada-aventuras .obras-aventuras .info-digital .flickity-prev-next-button.previous {
    left: -20px;
    border-right: 1px solid transparent;
}

.portada-aventuras .obras-aventuras .info-digital .flickity-prev-next-button.next {
    right: -20px;
    border-left: 1px solid transparent;
}

.portada-aventuras .obras-aventuras .info-digital .flickity-button {
    position: absolute;
    background: transparent;
    border: none;
    color: #fff;
}

.portada-aventuras .obras-aventuras .info-digital .flickity-button:hover {
    background: transparent;
    opacity: 0.5;
    cursor: pointer;
}

/*Footer 2023*/

.f23 {
  background-color: #d3d3d3;
}

.f23 .footer-info p {
  font-size: 0.95rem;
  margin-bottom: 0;
}

.f23 .footer-info a {
  text-decoration: none;
  font-size: 0.95rem;
}

.f23 .footer-info a:hover {
  text-decoration: none;
  color: #ff5560;
  opacity: 1;
}

footer.f23 .redes ul li {
  display: block;
}

footer.f23 .redes ul li a {
  width: auto;
  height: auto;
  margin-bottom: 4px;
  display: block;
  text-align: left;
  color: #000;
}

footer.f23 .redes ul li a svg {
  font-size: 1.2rem;
  vertical-align: middle;
  color: #5e5e5e;
  margin-right: 7px;
  width: 20px;
}

footer.f23 .redes ul li.whatsapp a svg {
  padding-bottom: 5px;
  width: auto;
  font-size: 3rem;
}

footer.f23 .redes ul li a:hover svg {
  color: #ff5560;
}

footer.f23 .redes ul li a img {
  width: 30px;
  height: 30px;
}

.newsletter2023 {
  background-color: #000;
}

.newsletter2023 .titulo-seccion p {
  color: #fff;
  font-size: 1.5rem;
  font-weight: bold;
}

.newsletter2023 .form-check label {
  color: #fff;
}

.newsletter2023 .input-group input {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 60px;
    background-color: #ebebeb;
    border: 0;
    font-weight: 300;
}

.newsletter2023 .input-group button {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 5px 30px;
    background-color: #fa575e;
    border: 0;
    font-weight: 300;
    color: #fff;
}

.newsletter2023 .form-check label {
    color: #fff;
}

.newsletter2023 .form-check label a {
    color: #fff;
}

.newsletter2023 .select-comuna label {
    color: #fff;
}

.newsletter2023 .select-comuna select {
    width: 100%;
    padding: 10px;
    font-size: 1.0rem;
    line-height: 1;
    border: 0;
    border-radius: 20px;
    height: 50px;
    background: url(../img/select.png) no-repeat right #ddd;
    -webkit-appearance: none;
    background-position-x: right;
}

.newsletter2023 .select-comuna input {
    width: 100%;
    padding: 10px;
    font-size: 1.0rem;
    line-height: 1;
    border: 0;
    border-radius: 30px;
    height: 50px;
    background-color: #ebebeb;
}

.newsletter2023 .guardar button {
    display: inline-block;
    border: 1px solid #ff585d;
    background-color: #ff585d;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 30px;
    height: 50px
}

.newsletter2023 .guardar button:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #ff585d;
}


.estado_territorios {
    background-color: #333;
    padding: 2px 4px;
    border-radius: 2px;
    margin-bottom: 0px;
    color: #fff;
    position: absolute;
    bottom: 6px;
    right: 10px;
    font-size: .7em;
    display: block;
}

.platea-doc-2023 .link {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
}

.platea-doc-2023 .link a {
    border-radius: 25px;
    padding: 10px 15px;
    color: #000;
    background: #fff;
    border: 1px solid #fff;
    display: inline-block;
    text-decoration: none;
    font-weight: 500;
}

.platea-doc-2023 .link a:hover {
    color: #fff;
    background-color: #fa84ff;
    border: 1px solid #fa84ff;
}

.controles-cel .carousel-indicators {
  bottom: -55px;
}

.controles-cel .carousel-indicators li {
  background-color: #b3b3b3;
}

.controles-cel .carousel-indicators .active {
  opacity: 1;
  background-color: #000;
}

.form-link-trabaja a {
    border-radius: 20px;
    padding: 10px 20px;
    color: #fff;
    background-color: #fa575e;
    border: 1px solid #fa575e;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 800;
}

.form-link-trabaja a:hover {
    color: #fa575e;
    background-color: #fff;
    border: 1px solid #fa575e;
    text-decoration: none;
}

.info-platea-24 h2 {
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
}

.info-platea-24 p {
  margin-bottom: 12px;
  color: #fff;
  font-size: 1.3rem;
}

.interior-fitam .titulo-fitam i {
  font-size: 1.5rem;
}

.link-docs a {
  border-radius: 25px;
  padding: 10px 15px;
  color: #fff;
  background: #fa575e;
  border: 1px solid #fa575e;
  display: inline-block;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2rem;
}

.link-docs a:hover {
  color: #000;
  background: #fff;
  border: 1px solid #000;
}

/*Footer*/
footer .logo-apoyo {
  filter: invert(1);
}

footer.footer-info {
  font-family: 'Neuzeit Grotesk';
  background-color: rgb(165, 0, 52);
}

footer.footer-info.platea24-bg {
  background-color: #BBC3FF;
}

footer.footer-info .footer-info p {
    font-size: 1rem;
    margin-bottom: 0;
    color:#fff;
}

footer.footer-info .footer-info a {
    text-decoration: none;
    font-size: 1rem;
    font-weight: 300;
    color:#fff;
}

footer.footer-info .footer-info a:hover {
    text-decoration: none;
    color: rgb(255, 88, 93);
    opacity: 1;
}

footer.footer-info .redes ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}

footer.footer-info .redes ul li {
    display: block;
}

footer.footer-info .redes ul li a {
    width: auto;
    height: auto;
    margin-bottom: 4px;
    display: block;
}

footer.footer-info .redes ul li a svg {
    font-size: 1.2rem;
    vertical-align: middle;
    color: #fff;
    margin-right: 7px;
    width: 20px;
}

footer.footer-info .redes ul li.whatsapp a svg {
    padding-bottom: 5px;
    width: auto;
    font-size: 3rem;
}

footer.footer-info .redes ul li a:hover svg {
    color: rgb(255, 88, 93);
}

footer.footer-info .redes ul li a img {
    width: 30px;
    height: 30px;
}

footer .bg-footer-24 {
    background-position: right center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

footer .logos-2024 {
    min-width: 100%;
    display: inline-block;
}

footer .logos-2024 .logo-fundacion {
  min-width: 200px;
  display: inline-block;
}

footer.footer-info.antofa24-bg {
    background-color: #FF6913;
}

footer.footer-info.antofa24-bg .logos {
    height: 100%;
}

.newsletter2024 {
    background-color: #000;
}

.newsletter2024 .titulo-seccion p {
    color: #fff;
    font-size: 1.7rem;
    font-weight: bold;
    margin-bottom: 0;
    font-family: 'Neuzeit Grotesk';
}

.newsletter2024 .form-check label {
    color: #fff;
}

.newsletter2024 .input-group input {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
    height: 60px;
    background-color: #ebebeb;
    border: 0;
    font-weight: 300;
}

.newsletter2024 .input-group button {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    padding: 5px 30px;
    background-color: #fa575e;
    border: 0;
    font-weight: 300;
    color: #fff;
}

.newsletter2024 .form-check label {
    color: #fff;
}

.newsletter2024 .form-check label a {
    color: #fff;
}

.newsletter2024 .select-comuna label {
    color: #fff;
}

.newsletter2024 .select-comuna select {
    width: 100%;
    padding: 10px;
    font-size: 1.0rem;
    line-height: 1;
    border: 0;
    border-radius: 20px;
    height: 50px;
    background: url(../img/select.png) no-repeat right #ddd;
    -webkit-appearance: none;
    background-position-x: right;
}

.newsletter2024 .select-comuna input {
    width: 100%;
    padding: 10px;
    font-size: 1.0rem;
    line-height: 1;
    border: 0;
    border-radius: 30px;
    height: 50px;
    background-color: #ebebeb;
}

.newsletter2024 .guardar button {
    display: inline-block;
    border: 1px solid #ff585d;
    background-color: #ff585d;
    color: #fff;
    text-decoration: none;
    padding: 10px 15px;
    border-radius: 30px;
    height: 50px
}

.newsletter2024 .guardar button:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #ff585d;
}

.newsletter2024 .interesesform p {
    color: #fff;
}

.aweb {
    background: #000;
    color: #999;
    font-size: .7em;
    text-align: right;
    padding: 0.2em 1em;
}

.aweb a {
    color: #fff;
}

/*Header*/
header.header-fitam {
  padding-top: 0;
}

header.header-fitam .bg-color-01 {
  background-color: rgb(165, 0, 52);
}

header.header-fitam .navbar-brand.h-logo {
  display: inline-flex;
  margin-right: auto !important;
  min-width: auto !important;
  padding-top: 0.3125rem !important;
  padding-bottom: 0.3125rem;
}

header.header-fitam .logos-header ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

header.header-fitam .logos-header ul li {
  display: inline-block;
  padding-right: 10px;
  /*display: table-cell;*/
  vertical-align: middle;
}

header.header-fitam .logos-header ul li:last-child {
  margin-right: 0px;
  padding-right: 0px;
}

/*header .presentado ul li:last-child img {
  min-height: 25px;
  height: 100%;
}*/

header.header-fitam .logos-header ul li p {
  font-family: 'Neuzeit Grotesk';
  margin-bottom: 0;
  font-weight: 800;
  display: table-cell;
  list-style-type: none;
  vertical-align: middle;
  font-size: 0.8rem;
}

header.header-fitam .logos-header.mobile-f ul li p {
  margin-bottom: 0;
  font-weight: 800;
  display: table-cell;
  height: auto;
  list-style-type: none;
  vertical-align: middle;
  font-size: 0.5rem;
}

header.header-fitam .logos-header.mobile-f ul li {
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
}

header.header-fitam .logos-header.mobile-f ul li:last-child img {
  min-height: 12px;
  height: 38px;
}

header.header-fitam .redes ul {
  list-style: none;
  padding: 0;
  margin-bottom: 0;
}

header.header-fitam .redes ul li {
  display: inline-block;
  padding-right: 5px;
  font-size: 1.0rem;
}

header.header-fitam .redes ul li:last-child {
  padding-right: 0px;
}

header.header-fitam .redes ul li a {
  display: inline-block !important;
  width: 23px !important;
  height: 23px !important;
  opacity: 1;
  border-radius: 50%;
  background-color: rgb(255, 88, 93);
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 0.8rem !important;
  line-height: 180%;
}

header.header-fitam .redes ul li a:hover {
  opacity: 1;
  background-color: #fff;
  color: rgb(165, 0, 52);
}

header.header-fitam .navbar {
  padding: 0 !important;
  border: 1px solid #000;
}

header.header-fitam .navbar-expand-lg {
  padding: 0 !important;
  border: 1px solid #000;
}

header.header-fitam .redes ul li.whatsapp a {
  text-align: center;
  display: inline-block;
}

header.header-fitam .redes ul li.whatsapp svg {
  font-size: 1.4rem;
  text-align: center;
  color: green;
  vertical-align: bottom;
}

header.header-fitam .language_select a {
  background-color: #E89BD3 !important;
  color: #000 !important;
}

header.header-fitam .openSearchBtn {
  border: 0;
  background-color: transparent;
  width: 20px;
  height: 20px;
  display: inline-block;
  padding: 0;
  margin: 0;
  vertical-align: middle;
  cursor: pointer;
}

header.header-fitam .openSearchBtn svg {
  color: #fff;
}

header.header-fitam .openSearchBtn:hover svg {
  color: rgb(255, 88, 93);
}

header.header-fitam .font-button button {
    border: 0;
    background-color: transparent;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    cursor: pointer;
}

header.header-fitam .menu-top-nav button {
    padding: 0.23rem 0.25rem 0 0.25rem;
    font-size: 1.3rem;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #fff;
    vertical-align: middle;
}

header.header-fitam .menu-top-nav button:hover {
  color: rgb(255, 88, 93);
}

header.header-fitam .header-bottom {
    background-color: #fff;
    border-bottom: 1px solid #000;
}

header.header-fitam .header-bottom p {
    margin-bottom: 0;
    font-weight: 300;
    font-family: 'Neuzeit Grotesk';
}

header.header-fitam .header-bottom svg {
    font-size: 2.0rem;
}

header.header-fitam .comprar-tickets a {
    display: block;
    color: #fff;
    background-color: #000;
    font-family: 'Neuzeit Grotesk';
    font-weight: 300;
}

header.header-fitam .comprar-tickets a:hover {
    background-color: #8BE0C5;
    color: #000;
}

header.header-fitam .header-bottom .l-border {
    border-left: 1px solid #000;
}

header.header-fitam .m-custom p {
    font-size: 0.8rem;
}

header.header-fitam .m-custom .comprar-tickets a {
    font-size: 0.8rem;
    padding: 0.5rem 1rem;
}

header.header-fitam .logos-header .presentan img {
    height: 25px;
}

.jurado-2025 h5 {
  font-size: 1.2rem;
  text-align: center;
}

.interior-fitam .jurado-2025 .cuerpo p {
  font-size: 1.1rem;
  line-height: 140%;
  text-align:justify;
  text-justify:inter-word;
}

.interior-fitam .jurado-2025 .card-body {
  padding: 0;
}