body {
  font-family: 'Barlow', sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  background: white;
}
nav#navbar {
    box-shadow: none !important;
}
li {
  list-style: none!important
}
h2,h3,h4,h5 {
  font-family: 'Barlow', sans-serif;
}
a {
  text-decoration: none!important;
  color: #4e4f50;
  font-weight: 700;
}
a:hover {
  color: #9c9a9a;
  text-decoration: underline
}
a.teatroteca {
  text-transform: none;
    font-weight: 600;
    font-style: italic;
    font-size: 1.1em;
}

a.sub {
  font-size: .8em;
  padding-left: 1em;
  font-weight: 600;
}
.dropdown-item.active, .dropdown-item:active {
  color: #efdca0 !important;
  text-decoration: none;
  background-color: #212529;
}
h2 {
  text-align: center;
  font-weight: 800;
  font-size: 2.1em
}
h2.titulo-articulo {
  font-weight: 700;
}
p span.years {
  font-weight: 400;
  font-size: .7em;
  text-align: center
}

p span.years-2 {
  font-weight: 600;
  font-size: .7em;
  text-align: center; 
}

// ...existing code...
/* Menú de idiomas */
.language-menu .idiomas { list-style: none; margin: 0; padding: 0; display: flex; gap: .5rem; }
.language-menu.d-lg-none .idiomas { padding: .5rem 1rem; flex-direction: column; }
.language-menu.d-lg-none { border-top: 1px solid #e9ecef; }

/* Asegurar que el navbar desplegable quede por encima de la top-bar */
.top-bar { z-index: 1020; position: relative; }
.navbar { z-index: 1030; }
@media (max-width: 991.98px){
  .top-bar { height: auto; } /* evita solapamientos si top-bar es fijo */
}



/* menú de idiomas */
.language-menu .idiomas { list-style: none; margin: 0; padding: 0; display: flex; gap: .5rem; }
.language-menu.d-lg-none .idiomas { padding: .5rem 1rem; flex-direction: column; display: flex; }
.language-menu.d-lg-none { border-top: 1px solid #e9ecef; }

/* asegurar que el navbar desplegable esté por encima de la top-bar */
.top-bar { position: relative; z-index: 1000; }
.navbar.fixed-top { z-index: 1100; }
.navbar.fixed-top .navbar-collapse { z-index: 1110; position: relative; }

/* ajuste visual menor para el collapse en móviles */
@media (max-width: 991.98px){
  .language-menu.d-lg-none { background: #000000; } /* evita transparencia / lectura */
  .navbar .navbar-collapse { box-shadow: 0 6px 18px rgba(0,0,0,0.12); }
}
  
/* opcional: si la top-bar sigue tapando algo, aumentar z-index del navbar */


/* ...existing code... */

/* Colores cuando el navbar está sobre el fondo rojo */
body.over-red nav#navbar,
body.over-red .navbar.fixed-top {
  background: rgba(0,0,0,0.12); /* si quieres fondo semitransparente al nav (opcional) */
}

/* enlaces del navbar visibles sobre rojo */
body.over-red nav#navbar .nav-link,
body.over-red nav#navbar .navbar-brand,
body.over-red .language-menu .idiomas li a {
  color: #ffffff !important;
}

/* hover/activo con contraste */
body.over-red nav#navbar .nav-link:hover,
body.over-red .language-menu .idiomas li a:hover {
  color: #ffd966 !important;
}

/* Si tienes el texto "Teatro independiente" en .ml-3.font-weight-bold */
body.over-red span.ml-3.font-weight-bold,
body.over-red .logo-menos span.ml-3.font-weight-bold {
  color: #ffffff !important;
}




p.mini-produccion {
    font-size: .9em;
    line-height: 1.1em;
}
h2.mini-titulo {
    line-height: 1.1em !important;
}
h4 span {
  font-size: 1em;
  text-transform: uppercase
}
h4.seleccion {
  font-size: 1.5em !important;
  text-shadow: 10px 10px #f0f0f0
}
h3 {
  font-size: 2em;
  font-weight: 700
}
h5 {
  margin: 10px 0 10px;
  font-size: 1rem;
  color: #212529
}
h5.ficha {
  font-size: 1.2em
}
h6 {
  text-align: center
}
.col-12,.col-4,.col-6 {
}
.col-12.margen-arriba {
  padding-left: 0;
  padding-right: 0;
}
body {
  font-family: 'Barlow', sans-serif;
  font-weight: 300;
  font-size: 1.1em;
  background: white;
}
p.explicacion {
  padding: 10px 0px;
}
p.titulo-autor {
  font-size: .9em;
  text-transform: none;
  color: #212529;
  margin-bottom: 0;
  font-style: italic;
  font-weight: 400;
  font-family: 'Barlow', sans-serif;
}
h4.art-inv {
  margin-bottom: 5px !important;
}
.main-container {
  transition: margin-right .5s
}
.container {
  max-width: 970px!important;
  padding: 0!important
}
.row {
  margin-left: auto!important;
  margin-right: auto!important
}
.row.container {
  margin: auto
}
.fa-expand:before {
  content: "\f065";
  color: #666a6d;
}

div#introduccion-uno {
  margin-bottom: 20px;
  background: #dddddd;
  margin-bottom: 50px;
  background: #dddddd;
  padding-left: 20px;
  padding-right: 20px;
}

div#introduccion-dos {
  margin-bottom: 20px;
  background: #efdca0;
  margin-bottom: 50px;
  background: #efdca0;
  padding-left: 20px;
  padding-right: 20px;
}
.texto-introductorio {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
section#primer-bloque {
  margin-bottom: -9em;
}
section#articulos {
  background: #f3f1f1
}
section#seleccion-espectaculos {
  background: white;
}
section#creditos {
  background: white;
}
div#con-padding {
  background: #efdca0
}
.blanco {
  text-shadow: 5px 5px #f0f0f0
}
.amarillo {
  text-shadow: 5px 5px #dec986
}
.gris {
  text-shadow: 5px 5px #dcdcdc
}

.image-link.col-sm-3.no-border-right.align-top {
  padding: 10px 0 10px
}
.italic{
 
    font-style: italic;
}

.italic-2{
 
  font-style: italic;
  padding: 1em 2em 1em;
  line-height: 1em;
  font-weight: 600;
  color: #636363 !important;
  font-size: .9em;
  text-indent: 1em;
  text-align: left;
}
}

.diagonal-amarillo {
  background: #efdca0;
}
diagonal-gris {
  background: #9b9b9b;
}

div#teatroteca {
    background: #dcd9d9 !important;
}

section#seleccion-espectaculos.fondo-gris{background: #f7f5f5}
section#danza.fondo-gris{background: #f7f5f5}
section#teatro.fondo-gris{background: #f7f5f5}
section#opera.fondo-gris{background: #f7f5f5}
section#opera {
    background: #efefef;
}
section#teatro {
    background: #dcd9d9;
}


.articulos-investigacion .container {
  max-width: 850px
}
.articulos-investigacion h2 {
  text-align: left;
  padding: 0 0 .5em 0;
  font-family: 'Barlow', sans-serif;
  font-size: 2em;
  font-weight: 200;
  text-transform: uppercase;
}
div#titulo {
  padding: 0
}
div#titulo h3 {
  font-weight: 700!important;
  padding: 10px!important;
  text-align: center;
  font-size: 1.7em;
  margin-bottom: 0
}
.col-12 {
  padding-left: 0;
  padding-right: 0;
}
.col-sm.\31 2.col-md-6.col-lg-6 {
  padding-left: 0;
  padding-right: 0;
}
.image-link.col-md-12.no-border-right.align-top.tab-jose {
  padding-left: 0;
  padding-right: 0;
}
div#moments {
  padding-top: 50px!important
}
.image-link.col-lg-12.no-border-right.align-top.youtube-icon {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
}
div#moments.padding-negativo {
  margin-top: -60px;
  background: #79766e;
  margin-top: -60px;
  background: #dddddd;
  padding-bottom: 50px;
  position: relative;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-top: 100px !important;
}
.col-12.margen-arriba {
  margin-top: 5em;
}
ol.carousel-indicators {
  display: none
}
.carousel-item.active {
  z-index: -1
}
h4.no-italic {
  font-style: normal !important;
}
div#moments h4 {
  font-family: 'Barlow', sans-serif;
  font-size: 1.3em;
  padding: .5em 0 0;
  font-weight: 700;
  color: #212529!important;
  margin-top: .5em;
  font-style: italic;
}
p.texto-identificacion {
  line-height: 20px;
  font-size: .95em!important
}
h4.seleccion {
  margin-bottom: 1em;
}
.top-bar.row div img {
  flex: 0 0 32.3%;
  
  padding: 0;
  height: auto;
  margin: 0;
 
  display: inline-flex
}
.top-bar.row div {
  padding: 0
}
.top-bar.row span.h1 {
  text-align: center;
  font-size: .9em;
  text-transform: uppercase;
  letter-spacing: .1em;
 
  padding: .5em;
  color: #fff;
  font-weight: 400!important;
  font-family: 'Barlow', sans-serif;
}
.top-bar.row span.h1 {
  
  margin: 0
}

.top-bar.row .slogan {
  padding: .5em 0 0 0;
  line-height: .5em!important;
  background: #ee1f27;
  text-align: center
}
#homepage .top-bar.row .slogan {
  line-height: .5em!important
}
.top-bar.row span.h1 {
  padding: 0
}
.top-bar {
  background: #d02128;
}
div#logo {
  position: absolute;
  top: 4em;
  z-index: 99;
  left: 5%;
  display: block;
}
div#logo img {
  min-width: 111px!important
}

.top-bar .centrado-top-bar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 20px;
}

.top-bar .logos-left {
  display: flex;
  gap: 20px;
  align-items: center;
}

.language-menu {
  margin-right: 20px;
  padding-right: 20px;
}

.language-menu .idiomas {
  list-style: none;
  display: flex;
  gap: 15px;
  margin: 0;
  padding: 0;
}

.language-menu .idiomas li a {
  text-decoration: none;
  color: #ffffffc2;
  font-weight: 500;
  font-size: 14px;
  transition: color 0.3s;
}

.language-menu .idiomas li a:hover {
  color: #ffc107;
}

.language-menu .idiomas li a.idioma-activo {
  color: #ffc107;
  font-weight: bold;
}

hr.style1 {
  border-top: 4px solid rgb(33 37 41);
  margin-top: 20px;
}
.col-12.divisor hr.style1 {
  margin: 4rem 0 2rem
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0
}
.fixed-top {
  position: fixed;
  top: 39px;
  right: 0;
  left: 0;
  z-index: 1030;
  background: #1e1e1e00;
}
.navbar-dark .navbar-nav .nav-link {
  color: #000;
  font-weight: 500;
  font-size: .9em;
  font-weight: 500;
  font-size: .8em;
  border-top: 2px solid;
  border-color: #ff000000;
}
.navbar-dark .navbar-nav .nav-link.active {
  color: #d02128;
}
a.nav-link:hover {
  border-top: 2px solid;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: white;
  border: 0;
  font-size: .8em;
  border-bottom: 1px solid;
  padding: 10px 10px 10px;
  text-transform: uppercase;
}
.bg-dark {
    background-color: #000000 !important;
}
a.link-to.dropdown-item:hover {
    background: #d02128;
    color: #212529 !important;
}
.dropdown-item:last-child {
  border-bottom: 0px;
}
.dropdown-menu.shadow-sm.sm-menu.show {
      padding: 0px;
    background: #efa0a000;
    border: 0;
}
.dropdown-item:active {
  color: #d02128;
  text-decoration: none;
  background-color: #d02128;
}
.navbar-fixed-top.scrolled {
    background-color: #d02128 !important;
    transition: background-color 200ms linear;
    top: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: 4px solid #7b7777;
}
@media all and (min-width: 992px) {
  .navbar .nav-item .dropdown-menu {
    display: none;
  }
  .navbar .nav-item:hover .nav-link {
    color: #ffc400
  }
  .navbar .nav-item:hover .dropdown-menu {
    display: block;
  }
  .navbar .nav-item .dropdown-menu {
    margin-top: 0;
  }
  .articulo {
    padding: 3rem 2em 3rem;
    background: white;
    margin-top: -9em;
  }
}
span.ml-3.font-weight-bold {
  padding: 5px;
  margin-left: 0 !important;
}
.logo-menos img {
      margin-left: 0 !important;
    padding: .1em;
    width: 90%;
}
nav.navbar .container {
  max-width: 100% !important;
}
ul li {
  position: relative
}
@media (min-width: 1025px) {
  .navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
        margin-left: 10%;
  }
}
ul.submenu {
  position: absolute;
  padding-top: 1em;
  top: 150%;
  width: 150px;
  text-align: left;
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out
}
ul li ul li {
  margin-left: 0
}
a.btn.btn-primary.owl-slide-cta {
  border: 1px solid #fff;
  border-radius: 0;
  padding: .5em 1.5em;
  font-family: 'Barlow', sans-serif;
  letter-spacing: .2em;
  background: 0 0;
  font-weight: 300;
  transition: .2s;
  margin-top: 1rem!important
}
a.btn.btn-primary.owl-slide-cta:hover {
  background-color: #fff;
  color: #000;
  transition: .2s
}
h1.encabezado {
  line-height: 1em
}
h1.encabezado {
  font-size: 3em;
  color: #ccc;
  text-transform: uppercase;
  font-family: 'Barlow', sans-serif;
  font-weight: 700;
  text-shadow: 2px 2px 4px #000
}
h1.encabezado span {
  color: #fff
}
span.author-employ {
    margin: auto;
    text-align: center;
    width: 100%;
    display: block;
    font-size: .75em;
    color: #717171;
    font-weight: 500;
  }
  

footer#footer {
  background: #212529;
     padding: 2em 2em 0;
  text-align: center;
  font-size: .65eM;
  padding-top: 50px
}
#copyright {
  text-align: center;
  color: #000;
  text-transform: uppercase;
  font-weight: 600!important
}
#copyright a {
  color: #d02128;
  letter-spacing: 1px;
}
.totop {
  position: fixed;
  bottom: 1em;
  z-index: 9999;
  right: 1em;
  display: table-cell
}
.totop a i {
  color: #fff;
  padding: 1em;
  border-radius: 50%;
  background: #000;
  font-size: 1.3em
}
.totop a i:hover {
  background-color: #00000080
}
div#icon {
  text-align: center;
  margin-bottom: 20px
}
.image-link.col-sm-12 {
  padding: 0;
  padding-top: 20px;
}
.image-link.col-sm-12 a:hover i {
  color: #000000a8;
  transition: .2s
}
.image-link.col-sm-3.no-border-right.align-top {
  padding: 2px
}
#moments img {
     
    overflow: hidden;
           border-radius: 20px 0px 0px 0px;
   
    margin-right: auto;
}

#moments img.img-fluid.espect.espect{
      
      overflow: hidden;
       margin: 0;
    
}
img.img-fluid.espect {
    min-width: 130% !important;
}
.outline-gris {
  width: 100%;
  outline: 0px solid #f3f1f1;
}
img.img-fluid.outline-amarillo {
  width: 100%;
  outline: 5px solid #c1c1c1;
}
img.outline-gris {
    border: 5px solid #f3f1f1;
}

img.outline-gris2 {
    border: 5px solid #c0c0c0;
}
.carousel-item.active {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 95%;
}
.carousel-item.active.panorama {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  max-height: 536px !important;
}
.carousel-item.active.utopia {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  max-height: 536px !important;
}
.carousel-item.active.operas {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  max-height: 536px !important;
}
.image-link.col-sm-4 {
  padding: 0;
  padding-top: 20px;
}
.image-link.col-md-6 {
  padding: 0;
  padding-top: 20px;
}
div#con-padding-fondo-amarillo {
  padding-left: 0;
  padding-right: 0;
}
h2.col-sm-12 {
  padding: 1em 0
}
h2.titulo-articulo.italic.titulo-articulo-pequeño {
    font-size: 1.5em;
    opacity: .8;
}
span.paginacion-superior {
    background: #212529;
    padding: .5em 1em .5em;
    margin-bottom: 1em;
    opacity: 1 !important;
    color: #efdca0;
    font-weight: 400;
    letter-spacing: 1px;
}
h3.titulo-articulo.italic.titulo-articulo-pequeño {
    text-align: center;
    font-size: .9em;
    color: #212529;
   
        margin-bottom: 20px;
}
.image-link.col-sm-6.no-border-right.align-top {
  padding: 2px !important;
}
.image-link.col-sm-6 {
  padding: 2px!important
}
.image-link.col-sm-4.no-border-right.align-top {
}
.image-link.col-lg-3,.image-link.col-md-6,.image-link.col-sm-12 {
}
a.link.teatroteca {
  margin-bottom: 20px!important
}
a.link:hover {
  opacity: .8
}
.section-one {
  background-color: #f2f1ed;
  position: relative;
  margin-bottom: 30px
}
section#equipo {
  background-color: #f1f1f1
}
section#cdn {
  background-color: #f1f1f1
}
section#galeria {
  background-color: #fff
}
section#recursos {
  background-color: #f1f1f1
}
a.col-lg-3 {
  margin: 0!important;
  padding: 0!important
}
a.col-lg-4 {
  margin: 0!important;
  padding: 0!important
}
a.col-lg-6 {
  margin: 0!important;
  padding: 0!important
}
a.col-lg-12 {
  margin: 0!important;
  padding: 0!important
}
a.col-lg-3 img {
  height: 100%
}
a.col-lg-4 img {
  height: 100%
}
a.col-lg-6 img {
  height: 100%
}
a.col-lg-12 img {
  height: 100%
}
:root {
  --main-white-color: white;
  --main-black-color: black
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box
}
a#teatroteca-galeria {
  margin-top: 20px
}
a,a:focus,a:hover {
  text-decoration: none!important
}
i.fab.fa-youtube {
  position: absolute;
  top: 46%;
  right: 48%;
  color: #efdca0;
  font-size: 3em!important;
}
.col-sm-12.col-md-6.col-lg-4.no-border-right.align-top i.fab.fa-youtube {
  top: 28%;
  right: 42%;
}
.col-md-4.no-border-right.align-top.tab-jose i.fab.fa-youtube {
  top: 28%;
  right: 41%;
}
.image-link:hover {
  opacity: .9
}
.image-link a:hover i {
  color: #000000a8;
  transition: .2s
}
.item.bg.bg1 {
  height: 99vh
}
.carousel-inner {
  height: 100%
}
.carousel-caption {
  position: absolute;
  left: 5%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: left;
  max-width: 70%;
  bottom: 15%
}
.parallax {
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 95%;
}
.carousel .item {
  background-color: #777
}
.carousel .carousel-inner .bg {
  background-repeat: no-repeat;
  background-size: cover
}
.icon {
  background-color: #fff;
  width: 30px;
  margin-top: 5px;
  height: 5px;
  position: absolute
}
.icon::after,.icon::before {
  content: '';
  background-color: #fff;
  width: 30px;
  height: 5px;
  position: absolute
}
.icon::before {
  top: 10px
}
.icon::after {
  top: 20px
}

/* Submenu dentro de Bootstrap 4 */
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-menu {
  position: absolute;
  top: 0;
  left: 100%;
  margin-left: .1rem;
  display: none;
  min-width: 12rem;
  z-index: 1050;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);
}

/* Mostrar cuando tenga clase .show (consistente con Bootstrap) */
.dropdown-submenu > .dropdown-menu.show { display: block; }

/* Ajuste para móviles: apilar dentro del dropdown principal */
@media (max-width: 767.98px) {
  .dropdown-submenu > .dropdown-menu {
    position: static;
    left: auto;
    margin-left: 0;
    box-shadow: none;
  }
  .carousel-item.active,
  .carousel-item.active.panorama,
  .carousel-item.active.utopia,
  .carousel-item.active.operas {
    background-attachment: scroll;
  }
}

/* asegurar oculto por defecto y mostrar sólo en hover (desktop) */
.dropdown-submenu > .dropdown-menu {
  display: none;
}

/* Desktop: mostrar al pasar el ratón */
@media (min-width: 992px) {
  .dropdown-submenu:hover > .dropdown-menu {
    display: block;
  }
}


.menu ul {
  list-style: none;
  padding: 0;
  margin-top: 150px
}
.menu li a:hover {
  color: #ccc
}
@media (max-width:600px) {
  body {
    margin: 0;
  }
  li.nav-item {
    display: block;
    text-align: left!important
}
  ul.mr-auto {
    padding: 0
}
  .separator.diagonal-jose svg.separator__svg {
    background: #efdca0 !important;
  }


  .articulo {
    padding: 3rem 1em 3rem;
    background: white;
    margin-top: -9em;
  }
  .carousel-item.active.utopia {
 
background-position: 65%;

}

 .carousel-item.active.operas {
 
    background-position-y: 4em;
    background-position-x: 45%;

}
a.logo-institucional {
     margin-left: -4px;
    text-align: center;
   
}



}
@media (max-width:600px) {
  .col-12.centrado-top-bar {
text-align: center;
}
}
@media (max-width:767px) {

#carouselExampleIndicators {
  margin-top: 70px;
}

.navbar {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem 1rem;
  
}




  h1.encabezado {
    font-size: 2.34em;
  }
  
  #homepage .top-bar.row .slogan {
    display: none
}
  .articulos-investigacion {
    padding: 0
}
  div#centro-nacional {
    padding: 0
}
  .container.row {
    padding: 1.5em!important
}
  div#logo {
    width: 100%;
    display: block;
    top: 0;
    position: relative;
    background: #c73234;
    flex: 0 0 100%;
    max-width: 100%;
    left: 0;
    padding: .9em
}

  #overlay {
    margin: 0 auto;
    width: 30px;
    display: block;
    margin-top: 50px;
    position: absolute;
    height: 35px;
    padding: 10px;
    z-index: 10;
    right: 15%
}
  .menu li a {
    display: block;
    text-decoration: none;
    color: #d4cfcf;
    font-size: 1em;
    text-align: left;
    text-align: center;
    padding: .5em;
    text-transform: uppercase;
    font-family: 'Barlow', sans-serif;
    color: #fff;
    transition: all .2s ease!important;
    display: block
}
  div#moments {
    padding: 1em
}
  p.explicacion {
  }
  div#moments .col-sm-4 {
    margin: 0!important;
    border: 0
}
  div#moments .col-md-6 {
    margin: 0;
    border: 0
}
  footer#footer {
    padding: 1em 0
}
  #homepage footer .row.container {
    padding: 0 1.5em!important
}
  footer .col-sm-12 {
    padding: 0
}
  footer#footer {
    font-size: .6em
}
  #homepage .articulos-investigacion h2 {
    font-size: 1.5em
}
  footer#footer {
   
    padding: 2em 1em 0 1em
}
  .separator.diagonal-jose svg.separator__svg {
    background: #efdca0 !important;
  }

  .fixed-top {
    position: fixed;
        top: 40px;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #212529;
  }
  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 5em;
    border-top: 2px solid;
    border-color: #ecd99e;
    margin-top: 1em;
    height: 100vh;
  }
  .navbar-dark .navbar-nav .nav-link {
    color: #ffffffc2;
    text-align: center !important;
  }
  .dropdown-item {
   display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background-color: #ffffff;
    border: 0;
    font-size: .8em;
    padding: 10px 10px 10px;
    border: 1px solid;
    margin-top: 1em;
  }
  li.nav-item {
    margin-bottom: 1em;
  }
  i.fab.fa-youtube {
    position: absolute;
    top: 46%;
    right: 42%;
    color: #efdca0;
    font-size: 3em!important;
  }
  .articulo {
    padding: 3rem 1em 3rem;
    background: white;
    margin-top: -9em;
  }

}
@media (min-width:992px) {
  nav#devices {
    display: none
}
  .fixed-top {
    position: fixed;
        top: 40px;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #1e1e1e00 !important;
    padding: 11px 20px 10px;
  }
}
@media screen and (min-width:768px) and (max-width:1023px) {
 

  #overlay {
    margin: 0 auto;
    width: 30px;
    display: block;
    margin-top: 50px;
    position: absolute;
    height: 35px;
    padding: 10px;
    z-index: 10;
    right: 15%
}
  .menu li a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 1em;
    text-align: center;
    padding: .5em;
    text-transform: uppercase;
    font-family: 'Barlow', sans-serif;
    color: #fff;
    transition: all .2s ease!important;
    display: block
}
  .fixed-top {
    position: fixed;
    top: 39px;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #212529;
  }
  .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center;
    padding-top: 1em;
    padding-bottom: 2em;
    border-top: 2px solid;
    border-color: #ecd99e;
    margin-top: 1em;
  }
  .navbar-dark .navbar-nav .nav-link {
    color: #ffffffc2;
    text-align: center !important;
  }
  .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: .8em;
    border-bottom: 1px solid;
    padding: 10px 10px 10px;
  }
  .container.row {
    padding: 1.5em!important;
  }
  .articulo {
    padding: 3rem 1em 3rem;
    background: white;
    margin-top: -9em;
  }
  .dropdown-item {
   display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    background-color: #efdca0;
    border: 0;
    font-size: .8em;
    padding: 10px 10px 10px;
    border: 1px solid;
    margin-top: 1em;
  }
}
.image-link i.fab.fa-youtube {
  z-index: 999!important
}
a h4:hover {
  color: #777879!important
}
section#creditos {
  background-color: #ffffff
}
strong {
  font-weight: 600
}
ol,ul {
  list-style: none;
  margin-top: 20px;
  padding: 10px 0px 10px;
}
a img {
  border: none
}
footer,header,nav,section {
  display: block
}
section#anteriores {
  background-color: #f1f1f1
}
p {
  text-align: justify;
}
footer p {
  text-align: center!important;
  color: #f1f1f1
}
#carouselExampleIndicators .carousel-item {
  height: 100vh;
  min-height: 350px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover
}
#carouselExampleIndicators .carousel-caption.d-none.d-md-block {
  display: block!important
}
.color-animacion {
  animation: Color 4s linear infinite;
  -webkit-animation: Color 4s ease-in-out infinite;
  text-shadow: 10px 10px #f0f0f0
}
.color-animacion-span {
  animation: Span 14s linear infinite;
  -webkit-animation: Span 8s ease-in-out infinite
}
.color-animacion-fondo-amarillo {
  animation: Amarillo 4s linear infinite;
  -webkit-animation: Amarillo 4s ease-in-out infinite
}
@keyframes Color {
  0% {
    color: #fff
}
  100% {
    color: #d02128
}
}
@-moz-keyframes Color {
  0% {
    color: #fff
}
  100% {
    color: #d02128
}
}
@-webkit-keyframes Color {
  0% {
    color: #fff
}
  100% {
    color: #d02128
}
}
@keyframes Span {
  100% {
    color: #fff
}
  0% {
    color: #d02128
}
}
@-moz-keyframes Span {
  100% {
    color: #fff
}
  0% {
    color: #d02128
}
}
@-webkit-keyframes Span {
  100% {
    color: #fff
}
  0% {
    color: #d02128
}
}
@keyframes Amarillo {
  100% {
    color: #000
}
  0% {
    color: #fff
}
}
@-moz-keyframes Amarillo {
  100% {
    color: #000
}
  0% {
    color: #fff
}
}
@-webkit-keyframes Amarillo {
  100% {
    color: #000
}
  0% {
    color: #fff
}
}
[class*=collapsible] {
  box-sizing: border-box;
  margin: 0 0 0;
  position: relative;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 0;
  padding-right: 0;
}
[class*=collapsible]::after {
  clear: both;
  content: "";
  display: table
}
.collapsible-title {
  border-bottom: 1px solid #dce0e5;
  cursor: pointer;
  margin: 0;
  padding: 15px;
  width: 100%
}
.collapsible-title.is-active,.collapsible-title:hover {
  background-color: #efdca0
}
.collapsible-title.is-active+.collapsible-content {
  display: block;
  padding-bottom: 1em;
}
dd.collapsible-content h3 {
  margin-bottom: .5em
}
dd.collapsible-content p {
  padding: 10px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
}
h5.ficha {
  padding-right: 10px;
  padding-left: 10px;
}
.image-link.col-md-4.no-border-right.align-top.tab-jose {
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}
dt.collapsible-title {
  border: .5px solid;
  border-color: #21252938
}
dl.collapsible-tabs-horizontal {
  margin-bottom: 30px!important
}
.collapsible-content.fondo-blanco {
  background: #fff!important;
  display: block!important
}
.image-link.col-md-12.no-border-right.align-top.tab-jose {
  margin-top: 1em
}
.tab-menu dt.collapsible-title.is-active {
  background: white;
  border: 0;
}
@media screen and (min-width:960px) {
  .collapsible-tabs-horizontal .collapsible-title {
    height: 70px;
    line-height: 70px;
    padding: 0;
    text-align: center
}
  .collapsible-tabs-horizontal .collapsible-title {
    float: left
}
  .collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(1),.collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(1)~.collapsible-title {
    width: 200%
}
  .collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(2),.collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(2)~.collapsible-title {
    width: 100%
}
  .collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(3),.collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(3)~.collapsible-title {
    width: 66.6666666667%
}
  .collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(4),.collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(4)~.collapsible-title {
    width: 50%
}
  .collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(5),.collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(5)~.collapsible-title {
    width: 40%
}
  .collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(6),.collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(6)~.collapsible-title {
    width: 33.3333333333%
}
  .collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(7),.collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(7)~.collapsible-title {
    width: 28.5714285714%
}
  .collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(8),.collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(8)~.collapsible-title {
    width: 25%
}
  .collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(9),.collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(9)~.collapsible-title {
    width: 22.2222222222%
}
  .collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(10),.collapsible-tabs-horizontal .collapsible-title:first-child:nth-last-child(10)~.collapsible-title {
    width: 20%
}
  .no-js .collapsible-title {
    cursor: auto;
    height: auto;
    line-height: 1.5em;
    padding: 0;
    text-align: left;
    width: 100%!important
}
  .no-js .collapsible-title.is-active,.no-js .collapsible-title:hover {
    background: initial
}
}
.collapsible-content {
  background: #f5f6f7;
  display: none;
  margin: 0;
  width: 100%
}
@media screen and (min-width:960px) {
  .collapsible-tabs-horizontal .collapsible-content {
    float: right;
    margin: 70px 0 0 -100%
}
  .no-js .collapsible-content {
    background: initial;
    display: block;
    float: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: auto;
    left: auto;
    width: 100%
}
}
.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden;
  border: 2px solid;
  border-color: #f3f1f1;
}
/*ESTILOS ARTICULOS*/
section #articulo-panorama, #articulo-guillermo, #articulo-utopia, #articulo-operas  {
  margin-bottom: 1em;
  padding-bottom: 1em;
  background: #f3f1f1;
}
.carousel-caption.d-none.d-md-block.parallax.articulo-titulo-movil {
  bottom: 22% !important;
}
hr:not([size]) {
  height: 1em;
  background: #ff000000;
}
hr.style2 {
  height: .1em;
  background: #efdca0;
  opacity: 1;
  /* width: 80%;
  */
  /* text-align: center;
  */
  margin: 5%;
  width: 90%;
}
hr.style4 {
  height: .1em;
 
  opacity: 0;
  /* width: 80%;
  */
  /* text-align: center;
  */
  margin: 2%;
  width: 90%;
}
span.autor-subsection p {
  text-align: center !important;
  margin-top: 1em;
}
.col-lg-12.text-center.articulo-eclep {
  border: 1px solid;
  padding: 2em;
  border-width: 3px;
  border-style: double;
  border-color: #dedede;
  padding: 2rem 3em 2rem;
  max-width: 960px;
}
nav#articulo-cnnte {
  text-align: center !important;
  width: 100%;
  display: block;
  margin-top: 1rem;
}
ul.pagination {
  text-align: center;
  font-size: .8em;
  text-transform: uppercase;
  display: block;
  font-weight: 400;
  letter-spacing: .05em;
  color: #010101;
  padding: 1em 0;
}
ul.pagination li {
  display: inline-block;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
ul.pagination li a.disabled {
  color: #a9a998;
  cursor: not-allowed;
  text-decoration: line-through !important;
  background: #c1c1c1;
}
ul.pagination a {
  color: #212529 !important;
  border: 0 !important;
}
.pagination {
  display: flex;
  padding-left: 0;
  list-style: none;
}
p span.sangria {
  padding: 0 1em;
  color: #212529 !important;
}
p.sangria {
  padding: 1em 2em 1em;
  line-height: 1.5em;
  color: #636363 !important;
  font-size: .9em;
  text-indent: 1em;
}
section.articulo-investigacion p.sangria {
  padding: 1em 2em 0;
  line-height: 1.5em;
  color: #636363 !important;
  font-size: .9em;
  text-indent: 1em;
}
section.articulo-investigacion p {
  text-align: justify;
  color: #2d2c2c !important;
}
.line {
  border-top: 1px solid;
  max-width: 100px;
  padding-top: 1em;
  margin-top: 1em;
  margin-bottom: 1em;
}
span.anotation {
    font-size: .8em;
    padding: 1em 0 !important;
    display: block;
        color: #868282;
        text-align: justify;
}
a.volver {
  text-transform: none;
  color: #7d7876;
  font-weight: 200;
}
a.volver:hover {
  color: #525150;
}
.contenedor {
  height: 100%;
  padding: 5% 0;
}
.container_foto {
  background-color: rgb(33 37 41);
  padding: 0;
  overflow: hidden;
  border: 5px solid;
  border-color: white;
  margin-bottom: 5px !important;
  max-height: 200px;
  border-radius: 20px;
}
.container_foto.border-teatro {
    border-color: #efefef;
}
section#teatro .container_foto.border-teatro {
    border-color: #dcd9d9;
}
.container_foto article {
  padding: 5%;
  padding-left: 20px;
  padding-right: 20px;
  position: absolute;
  top: 40%;
  z-index: 1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.container_foto h2 {
  color: #fff;
  font-weight: 800;
  font-size: 25px;
  border-bottom: #fff solid 1px;
}
.container_foto h4 {
  font-weight: 300;
  color: #fff;
  font-size: 16px;
}
.container_foto img {
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.4;
  -webkit-transition: all 4s ease;
  -moz-transition: all 4s ease;
  -o-transition: all 4s ease;
  -ms-transition: all 4s ease;
  transition: all 4s ease;
}
.ver_mas {
  background-color: rgb(33 37 41 / 79%);
  position: absolute;
  width: 100%;
  height: 60%;
  bottom: 0%;
  z-index: 1;
  opacity: 0;
  transform: translate(0px, 70px);
  -webkit-transform: translate(0px, 70px);
  -moz-transform: translate(0px, 70px);
  -o-transform: translate(0px, 70px);
  -ms-transform: translate(0px, 70px);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.ver_mas span {
  font-size: .8em;
  color: #fff;
  position: relative;
  margin: 0 auto;
  width: 100%;
  top: 13px;
  text-transform: none;
}
.ver_mas.text-center p a {
  text-transform: none;
  margin-bottom: 0px !important;
  color: white;
  font-weight: 200;
  font-size: 1rem;
}
.ver_mas.text-center p a:hover {
  color: #efdca0;
}

.ver_mas.text-center p {
  margin-bottom: 0px !important;
  text-align: left;
  line-height: 1.1;
  margin-top: .8em;
}
.ver_mas.text-center .col-6 {
  padding: 0;
  float: left;
  padding-bottom: 0;
  padding-top: 1em;
}
.fa,.fas {
  font-weight: 900;
  margin-right: .4em;
}
/*hovers*/
.container_foto:hover {
  cursor: pointer;
  border-radius: 20px;
  overflow: hidden;
}
.container_foto:hover img {
  opacity: 0.1;
  transform: scale(1.5);
  overflow: hidden;
   border-radius: 20px;
}
.container_foto:hover article {
  transform: translate(2px, -60%);
  -webkit-transform: translate(2px, -60%);
  -moz-transform: translate(2px, -60%);
  -o-transform: translate(2px, -60%);
  -ms-transform: translate(2px, -60%);
}
.container_foto:hover .ver_mas {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  -moz-transform: translate(0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  opacity: 1;
}


article.text-left.largo {
   top: 24%;
}









article.text-left h2 {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 600 !important;
}
article.text-left h2 {
  font-family: 'Barlow', sans-serif !important;
  font-weight: 600 !important;
}
article.text-left p {
  margin: 0 !important;
}
article.text-left p a {
  color: #efdca0;
  text-transform: none;
}
.ver_mas.text-center {
 
  overflow: hidden;
      outline: 2px solid #efdca0;
}
span.año {
  font-size: .6em;
  font-weight: 200;
}
article.text-left h2 {
  font-size: 1.2em !important;
}
span.año {
  font-size: .8em;
  font-weight: 400;
}
article.text-left p {
  color: #ffffff;
  text-align: left !important;
}
.ver_mas.text-center {
  padding: .2em 1em 1em !important;
}
.container_foto.col-lg-4.col-md-6.col-sm-12 img.img-fluid {
  min-width: 450px;
  object-position: -3em;

}
article.text-left h2 {
  color: #ffffff;
}
h4.modal-title span {
  font-style: italic;
  font-weight: 400 !important;
  font-size: .8em;
  font-family: 'Barlow', sans-serif !important;
  text-transform: none;
}
.project-name.pie-foto {
  padding: 10px 5px 0px;
  margin-bottom: 1em;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  background: #000000d6;
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #efdca0;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
  background: #000000f2;
}
.close {
  float: right;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
}
.modal-header {
  border-bottom: 0 !important;
  background: #ffffff75;
}
.ekko-lightbox-container {
  overflow: hidden !important;
  -webkit-transition: width 5s ease-in-out, height 5s ease-in-out !important;
  -moz-transition: width 5s ease-in-out, height 5s ease-in-out !important;
  -o-transition: width 5s ease-in-out, height 5s ease-in-out !important;
  transition: width 5s ease-in-out, height 5s ease-in-out !important;
}
.ekko-lightbox .modal-footer {
  justify-content: left !important;
  display: inline-block;
  font-size: .8rem;
  text-align: left;
  color: #212529;
}
.modal-body p {
    text-align: left !important;
}
.fancybox-bg {
  background: #212529;
}
.fancybox-container--ready .fancybox-bg {
  opacity: 1;
}
.totop {
  z-index: 999;
}
nav.attireMainNav {
  display: none;
  z-index: -999999999999999999999;
}
.slbContentOuter {
}
.slbOverlay {
  background-color: #212529 !important;
 opacity: 0.95 !important;
}
.slbImage {
  padding: 3em 0 !important;
  padding-top: 5em !important;
}
.slbCaption {
  color: white !important;
  font-size: 1em;
  font-weight: 500;
  text-align: left !important;
  font-size: 1em !important;
}
.slbCaption span {
  font-style: italic;
  font-weight: 400 !important;
  font-size: .8em;
  font-family: 'Barlow', sans-serif !important;
  text-transform: none;
}
.sl-wrapper.simple-lightbox {
  background: #212529e8 !important;
}
.sl-caption.pos-bottom {
  font-family: 'Barlow', sans-serif !important;
}
.sl-caption.pos-bottom span {
  font-style: italic;
  font-weight: 400 !important;
  font-size: .8em;
  font-family: 'Barlow', sans-serif !important;
  text-transform: none;
}
.sl-wrapper .sl-counter {
  color: #fff !important;
}
.sl-wrapper .sl-navigation button {
  color: #fff !important;
}
.sl-wrapper .sl-close {
  color: #fff !important;
}
.slbIframeCont {
  width: 50em !important;
}
a.ytp-impression-link {
  display: none !important;
}







h4.seleccion.desplegable {
    padding: 0 !important;
    margin-bottom: 0;

}
span.blanco.sombra-amarillo {
    text-shadow: 5px 5px #efdca091;
    font-size: .9em;
}

span.blanco.sombra-rojo {
    text-shadow: 5px 5px #d02128;
    font-size: .9em;
}

span.mini-lista {
       font-size: .7em;
    text-transform: none;
    margin-left: .3em;
    text-shadow: 5px 5px #f0f0f0;
}
span.mini-lista-2 {
       font-size: .7em;
    text-transform: none;
    margin-left: .3em;
    text-shadow: 5px 5px #dec986;
}

#accordion .panel {
 border-radius: 0;
    border: 0;
    margin-top: 0px;
    margin-bottom: 1.8em;
}
a.accordion-toggle.collapsed:hover {
    opacity: .5;
}
a.btn.btn-outline {
    font-size: .8em;
    font-weight: 600;
    padding: 10px 0px 10px !important;
    margin-bottom: 10px !important;
}
#accordion a {
  display: block;
  padding: 0;
  
  text-decoration: none;
}
#accordion .panel-heading a.collapsed:hover,
#accordion .panel-heading a.collapsed:focus {
 
    
    transition: all 0.2s ease-in;
    
}
#accordion .panel-heading a.collapsed:hover::before,
#accordion .panel-heading a.collapsed:focus::before {
  color: #212529;
}
#accordion .panel-heading {
 padding: 0;
    border-radius: 0px;
    text-align: left;
    margin-bottom: 1.5em;
  
}
#accordion .panel-heading a:not(.collapsed) {
  color: white;
 
  transition: all 0.2s ease-in;
      padding-left: 1em;
}

/* Add Indicator fontawesome icon to the left */
#accordion .panel-heading .accordion-toggle::before {
  font-family: 'FontAwesome';
  content: '\f00d';
  float: left;
  color: #efdca0;
  font-weight: lighter;
  transform: rotate(0deg);
  transition: all 0.2s ease-in;
   font-style: normal;
    margin-top: 1%;
    margin-right: 1em;
}
#accordion .panel-heading .accordion-toggle.collapsed::before {
    transform: rotate(
-135deg
);
    transition: all 0.2s ease-in;
    font-style: normal;
    margin-top: 1%;
    margin-right: 1em;
     color: #444;
}






.btn-outline {
      color: #efdca0;
    background-color: #212529;
    /* border-color: #efdca0; */
    font-weight: bold;
    border-radius: 0;
}

.btn-outline:hover,
.btn-outline:active,
.btn-outline:focus,
.btn-outline.active {
 background: #efdca0;
    color: #212529;
  
}



.btn-outline-2:hover,
.btn-outline-2:active,
.btn-outline-2:focus,
.btn-outline-2.active {
 background: #212529;
    color: #212529;
    border-radius: 0;
}

a.link-to.dropdown-item.btn.btn-outline-2


.btn.focus, .btn:focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 0%);
}

.intro{
  background: #4d0e92;
}


.intro-2{
 animation-name: spin;
 
   object-fit: cover;
   opacity: 0.4;
  animation-duration: 5000ms; /* How long lasts 1 turn */
  background-color: #d02128 ;
 
      border-radius: 20px 0;
 

}

@keyframes spin {
   from{
    opacity: .3;
    
  }
  to{
    opacity: 1;
    
  }
}




.breadcrumb {

       background-color: #212529;
    font-size: .7em;
    padding: .5rem 1rem;
   margin-bottom: 5em;
  margin-top: 5px;
   
}

li.breadcrumb-item {
    color: #Ziasos !important;
     text-transform: uppercase;
     text-align: right;
}
li.breadcrumb-item a {
    color: #ffffff9e !important;
    font-weight: 600;
    text-transform: uppercase;
}
li.breadcrumb-item.active.margen-dcha {
    margin-right: auto;
}
.breadcrumb-item+.breadcrumb-item::before {
    float: none !important;
    padding-right: .5rem;
    color: #6c757d;
    content: "/";
}
ul.pagination li.page-item {
    margin: .5em;
}
span.num-pag-white {
    color: white;
   
}

p.fotografo {
    text-align: right;
    font-size: .8em;
    margin-bottom: 5px;
}
a.btn.btn-outline {
    text-transform: uppercase;
}

.diagonal-2 {
    background: #efefef !important;
}

.diagonal-3 {
    background: #dcd9d9 !important;
}

span.rojo {
    color: red;
    font-size: 1em;
}

.big.galeria {
display: none;
}
.no-margin {
line-height: 0 !important;
}
.tres-lineas{
  font-size: .95em;
  font-weight: 400;
}

.mini-enlace {
font-size: 0.81em !important;
}
.no-margin a img {
    margin-left: 0 !important;
}
h4#lista-teatro, #lista-danza {
    font-size: 2em !important;
}

i.fas.fa-video {
    font-size: .75em;
    padding-bottom: 10px;
   
}

img.anchura-completa {
    width: 100% !important;
    margin: 0 !important;
}

img.anchura-media {
    width: 50% !important;
    margin: 0 !important;
    display: center;
}

img.anchura-normal {
    width: 70% !important;
    margin: 0 !important;
    display: center;
}
ul.dentro {
    padding-left: 20px;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 5px;
    
}
ul.sin {
   margin-top: 5px;
    margin-bottom: 0;
    padding: 0;
}
div#creditos {
    margin-bottom: 1em;
}

hr.style-divider {
   border-top: 1px dashed #ffffff !important;
    width: 100%;
    margin-top: 50px;
}
hr.style-divider-footer {
   border-top: 1px dashed #ffffff !important;
    width: 100%;
   
    opacity: .3;
        margin-bottom: 0;
            margin-top: 0;
}
.image-link.col-md-12.no-border-right.align-top.tab-jose.con-margen-top {
    margin-top: 10px;
}
img.img-fluid.outline-amarillo.ancho-completo {
    width: 100% !important;
    margin: 0 !important;
}




.icon-bar {
 position: fixed;
    bottom: 7em;
    z-index: 12;
    right: 0;
    display: table-cell;
}

.icon-bar a {
    display: block;
    text-align: center;
    padding: 10px 12px 10px;
    transition: all 0.3s ease;
    color: white;
    font-size: 13px;

    margin: 0 !important;

      
   
   
}

i.fa.fa-twitter {
    margin: 0;
}
i.fa.fa-facebook {
     margin: 0;
    padding: 3px;
}
.icon-bar a:hover {
     background-color: #efdca0;
    color: #212529;
}

.facebook {
  background: #3B5998;
  color: white;
}

.twitter {
  background: #55ACEE;
  color: white;
}

.google {
  background: #dd4b39;
  color: white;
}

.linkedin {
  background: #007bb5;
  color: white;
}

.youtube {
  background: #bb0000;
  color: white;
}

.content {
  margin-left: 75px;
  font-size: 30px;
}

sup a {
   
    color: #928f87 !important;
    text-decoration: none !important;
    word-wrap: break-word;
    padding-left: .2em;
    font-weight: 500;
   
}
.fa-level-up:before {
    content: "\f148";
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 0;
}
p.subtitle {
    font-size: 1.2em;
}
.oculto {
    position: relative;
    top: -80px;
    visibility: hidden;
        font-size: 0;
}
.oculto-2 {
    position: relative;
    top: -200px;
    visibility: hidden;
        font-size: 0;
}
.oculto-3 {
    position: relative;
    top: -50px;
    visibility: hidden;
        font-size: 0;
}
.oculto-4 {
        position: relative;
    top: -350px;
    visibility: hidden;
    font-size: 0;
}

.change-color{
  color: black;
    font-weight: 500;
    font-size: 1.2em;
}
.parrafo-sin-margen{
  font-size: 11pt;
  margin: 0;
}
ul.anexo li {
    text-align: left !important;
    font-weight: 400;
        font-size: .95em;;
    line-height: 1.5em;
    padding: .5em 0;
}

a.enlace-nota-pie {
    font-weight: 400;
    color: #cb242b;
}
a.enlace-nota-pie:hover {
    color: #332f2f;
}
a.link-to.dropdown-item.btn.btn-outline.dramaturgia{
      font-weight: 400;
    padding: 10px 10px 10px !important;
}
a.link-to.dropdown-item.btn.btn-outline.escritos{
      font-weight: 400;
    padding: 10px 10px 10px !important;
}

div#contenedor-dramaturgia {
    margin-top: 1em;
}



div#contenedor-monografico {
    margin-top: 1em;
}

div#de-espana-vengo-investigacion {
    margin-top: 1em;
}

div#operas-para-una-decada-investigacion {
    margin-top: 1em;
}
div#la-opera {
    margin-top: 1em;
}
div#el-teatro {
    margin-top: 1em;
}
div#beatriz-martinez {
    margin-top: 1em;
}

div#contenedor-escritos {
    margin-top: 1em;
}
h5.lorem {
   margin-top: -8px;
}
h4.no-italic {
  
    line-height: 12pt;
}
h4.no-italic span {
  font-size: 15pt;
}


.clicked{
   background: #efdca0;
    color: #212529 !important;
}

a.btn.btn-lg.btn-success {
       background: #efdca000;
    padding: 0;
    border: 0px;
}
a.btn.btn-lg.btn-success img {
   padding: 0 !important;
    margin: 0 !important;
}
img.img-fluid.outline-galeria.ancho-completo {
   width: 100% !important;
    border: 5px solid white;
}
p.año-ficha, p.autor-ficha {
    font-weight: 600;
    font-size: 1.2em;
}

ul.pie-social {
    
        display: inline-flex;
    margin-top: 0;
    padding: 0;
}
ul.pie-social li a {
    font-size: 1.4em;
    padding: 1em;
    color: #d02128;
}
ul.pie-social li a:hover {
    
    color: white;
}
img.logo-cnnte {
    width: 100%;
}
a.logos-institucionales img {
    margin-left: 0px !important;
}

a.btn.btn-lg.btn-success {
    background: #efdca000;
    padding: 0;
    border: 0px;
    width: 100%;
}




@media (min-width: 1025px){
  .navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
    margin-left: 10%;
    flex-grow: initial;
}
}



.main-title{
  color: #2d2d2d;
  text-align: center;
  text-transform: capitalize;
  padding: 0.7em 0;
}

.encima{
  padding: 1em 0;
  float: left;
  width: 50%;
}



/*HOVER SOBRE IMAGENES SECCION INVESTIGACION*/


.encima .title{
  color: #1a1a1a;
  text-align: left !important;
  margin-bottom: 10px;
}

.encima-content {
  position: relative;

 
  margin: auto;
  overflow: hidden;
}

.encima-content .encima-content-overlay {
 
  position: absolute;
  height: 99%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.encima-content:hover .encima-content-overlay{
  opacity: 1;
}

.encima-content-image{
  width: 100%;
}

.encima-content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.encima-content:hover .encima-content-details{
      top: 50%;
  left: 50%;
  opacity: 1;
      background: #212529e0;
}

.encima-content-details h3{
  color: #EFDC9D;
    font-weight: 500;
    margin-bottom: 0.5em;
    text-align: center;
    font-size: .9em;
    margin-top: 10px;
}

.encima-content-details p{
      color: #EFDC9D;
    text-align: center;
        font-size: .8em;
    font-weight: 200;
}

.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}
img.ancho-completo {
    width: 100%;
}

.espaciado-parrafo{
  letter-spacing: .3px;
}
span.resto-publicaciones {
       font-size: 1em;
    font-weight: 600;
}
span.titulo-publicaciones {
   font-size: 1.2em;
    font-weight: 700;
}
h4#myModalLabel {
    font-size: 2em !important;
}
.modal-footer {
    background: #f6eccb;
}
hr.style-divider-modal {
    border-top: 1px dashed #212529 !important;
    width: 100%;
    opacity: .3;
    margin-bottom: 0;
    margin-top: 0;
}
.btn-success:not(:disabled):not(.disabled):active:focus{
  box-shadow: none !important;
}
.btn-success:not(:disabled):not(.disabled):active{
      background-color: transparent !important;
    border-color: transparent !important;
}


@media screen and (max-width: 1023px){
  .encima{
    display: block;
    width: 100%;
  }
  .encima-content-details {
    position: absolute;
    text-align: center;
    padding-left: 1em;
    padding-right: 1em;
    width: 100%;
    top: 75%;
    left: 50%;
    opacity: 1;
    background: #21252900;
    text-shadow: 1px 2px 1px #000000;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
h3.texto-sobre-investigacion {
    font-size: .8em;
    font-weight: 500;
}
p.encima-content-text {
    font-size: .8em;
}
}

@media screen and (min-width: 900px){
  .encima{
    width: 33.33333%;
  }
}

@media (min-width: 576px){
  .modal-dialog {
    max-width: 600px;
    margin: 1.75rem auto;
}
}

.col-12.foto-home {
        margin-bottom: 1em;
    background: #21252900;
    padding: .3em .5em .2em;
    margin-top: -150px;
}
p.fotografo.blanco-text {
    color: white;
        margin-top: -1em;
}

span.titulo-home-arriba {
    font-size: 1.2em;
    font-weight: 500;
}
ul.lista-teatroteca {
    margin: 0;
    padding: 0;
}
hr.teatroteca-separador {
    border-top: 1px dashed #212529 !important;
    width: 100%;
    opacity: .3;
    margin-bottom: 0;
  
}
hr.teatroteca-separador-subcategoria {
    border-top: 1px dashed #212529 !important;
    width: 50%;
    opacity: .3;
    margin-bottom: 0;
  
}
h3.subcategoria-teatroteca {
   
    font-size: 1.1em;
    margin-top: 0;
    margin-bottom: 1em;
        color: #212529de;
            text-decoration-line: underline;
}
.col-12.con-sangria {
    padding-left: 20px;
}
.col-sm.\31 2.col-md-6.col-lg-6.con-sangria.teatroteca-fondo-listas {
    padding-left: 20px;
}
.col-sm.\31 2.col-md-6.col-lg-6.teatroteca-fondo-listas {
    padding: 1em;
    background: whitesmoke;
}
.col-12.con-sangria.fondo-blanco {
    background: whitesmoke;
}
.col-sm.\31 2.con-sangria.teatroteca-fondo-listas {
    background: whitesmoke;
}
hr.teatroteca-separador-transparente {
    border: 0px;
}







/* Navbar: rojo al hacer scroll; enlaces negros; hover/activo amarillo */
.navbar-fixed-top.scrolled {
  background-color: #c4161c !important; /* rojo */
  transition: background-color .25s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

/* Enlaces y marca en negro para legibilidad */
.navbar-fixed-top.scrolled .nav-link,
.navbar-fixed-top.scrolled .navbar-brand,
.navbar-fixed-top.scrolled .navbar-toggler {
  color: #000 !important;
  fill: #000 !important;
}

/* Hover / activo en amarillo */
.navbar-fixed-top.scrolled .nav-link:hover,
.navbar-fixed-top.scrolled .nav-link:focus,
.navbar-fixed-top.scrolled .nav-item.active > .nav-link {
  color: #f7d54c !important; /* amarillo */
}

/* Dropdown: fondo claro y texto negro */
.navbar-fixed-top.scrolled .dropdown-menu {
  background: rgba(255,255,255,0.95);
  color: #000;
}

/* Elementos del dropdown */
.navbar-fixed-top.scrolled .dropdown-item {
  color: #000 !important;
}
.navbar-fixed-top.scrolled .dropdown-item:hover,
.navbar-fixed-top.scrolled .dropdown-item:focus,
.navbar-fixed-top.scrolled .dropdown-item.active {
  background: rgba(247,213,76,0.12); /* sutil amarillo de fondo */
  color: #000 !important;
}



/* Navbar: rojo al hacer scroll; enlaces negros; hover/activo amarillo */
.navbar-fixed-top.scrolled {
  background-color: #c4161c !important; /* rojo */
  transition: background-color .25s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,.08);
}

/* Enlaces y marca en negro para legibilidad */
.navbar-fixed-top.scrolled .nav-link,
.navbar-fixed-top.scrolled .navbar-brand,
.navbar-fixed-top.scrolled .navbar-toggler {
  color: #000 !important;
  fill: #000 !important;
}

/* Hover / activo en amarillo */
.navbar-fixed-top.scrolled .nav-link:hover,
.navbar-fixed-top.scrolled .nav-link:focus,
.navbar-fixed-top.scrolled .nav-item.active > .nav-link {
  color: #f7d54c !important; /* amarillo */
}

/* Dropdown: fondo claro y texto negro */
.navbar-fixed-top.scrolled .dropdown-menu {
  background: rgba(255,255,255,0.95);
  color: #000;
}

/* Elementos del dropdown */
.navbar-fixed-top.scrolled .dropdown-item {
  color: #000 !important;
}
.navbar-fixed-top.scrolled .dropdown-item:hover,
.navbar-fixed-top.scrolled .dropdown-item:focus,
.navbar-fixed-top.scrolled .dropdown-item.active {
  background: rgba(247,213,76,0.12); /* sutil amarillo de fondo */
  color: #000 !important;
}
/* Estilo para los enlaces "Ver más" de las instituciones */
.ver-mas-toggle {
  color: #d02128 !important;
  font-weight: 700 !important;
  text-decoration: none;
}
.ver-mas-toggle:hover,
.ver-mas-toggle:focus {
  color: #b1181f !important;
  text-decoration: underline;
}


  /* Oculta "Ver menos" cuando el collapse NO está abierto */
  #cdaem-desc-collapse-1:not(.show) ~ .toggle-close { display: none !important; }
  /* Oculta "Ver más" cuando el collapse SÍ está abierto */
  #cdaem-desc-collapse-1.show ~ .toggle-open { display: none !important; }
  /* Estilo del enlace (ejemplo color y bold) */
  .toggle-open, .toggle-close { color: #d02128; font-weight:700; text-decoration:none; }
  .toggle-open:hover, .toggle-close:hover { text-decoration:underline; color:#b1181f; }