

/*
  FLEXSLIDER
*/

.flexslider {
  position: relative;
}
.flexslider .slides > li {
  display: none;
  -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
  display: block;
}
.flexslider .slides:after {
  content: "\0020";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
html[xmlns] .flexslider .slides {
  display: block;
}
* html .flexslider .slides {
  height: 1%;
}
.no-js .flexslider .slides > li:first-child {
  display: block;
}
.flexslider:not(.flexslider-retratos) .slides img {
  height: auto;
  -moz-user-select: none;
}
.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.flex-prev,
.flex-next {
  display: block;
  position: absolute;
  top: 7.5rem;
  transform: translateY(-50%);
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 100%;
  text-indent: -666rem;
  overflow: hidden;
  background: url('/estaticos/2018/12/juicio-proces/img/siguiente.svg') no-repeat center;
}

.flex-prev {
  background: url('/estaticos/2018/12/juicio-proces/img/anterior.svg?1025') no-repeat center;
}

.flex-next.flex-disabled,
.flex-prev.flex-disabled {
  display: none;
}

.flex-prev {
  left: 0;
}

.flex-next {
  right: 0;
}


/* APERTURA */
.apertura-sala {
  background: #D8D8D8;
  overflow: hidden;
}

.apertura-sala,
.apertura-sala * {
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.salida_articulo .apertura-sala {
  height: calc(100vh - 6rem);
  display: block!important;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  min-height: 66rem;
}

.principal:not(.principal--fijo) .cabecera__interior {
  border-bottom: none;
}

.alertas {
  display: none;
}

.apertura-sala .capita {
  display: block;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  background: rgba(0,0,0,.46);
  z-index: 98;
}

.apertura_cabecera {
  padding: 1.875rem 1.25rem 1.25rem;
}

.apertura_cabecera:after {
  content: '';
  border-top: 0.0625rem solid #C6C6C6;
  display: block;
  width: 100%;
}

.apertura_cabecera h2 {
  font-family: 'Majerit Headline';
  font-weight: 300;
  color: #4A4A4A;
  font-size: 1.625rem;
  line-height: 120%;
  margin-bottom: 1.25rem;
}

.apertura_cabecera h2 span {
  /*display: block;*/
}

.apertura_cabecera p {
  color: #4A4A4A;
  font-size: 1rem;
  line-height: 150%;
  margin-bottom: 1rem;
}

.apertura_leyenda {
  padding: 0 1.25rem 1.25rem;
}

.apertura_leyenda p {
  color: #4A4A4A;
  font-size: 0.75rem;
  line-height: 150%;
  margin-bottom: 1rem;
}

.apertura_leyenda li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 1.25rem;
  color: #4A4A4A;
  font-size: 0.625rem;
  line-height: 130%;
  text-transform: uppercase;
  width: 49%;
}

.apertura_leyenda li a {
  color: #4A4A4A;
  display: block;
  position: relative;
}

.apertura_leyenda li a.activo:before {
  content: '';
  width: 1.25rem;
  height: 1.5rem;
  display: block;
  background: url('/estaticos/2018/12/juicio-proces/img/ok.svg') no-repeat center;
  background-size: 1.25rem;
  position: absolute;
  bottom: 0;
  left: 0.4rem;
  z-index: 1;
}

.apertura_leyenda li strong {
  font-weight: normal;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 3rem);
}

.apertura_leyenda .cuadrado {
  width: 1.9375rem;
  height: 2.0625rem;
  display: inline-block;
  vertical-align: middle;
  border: 0.0625rem solid #DADADA;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #d8d8d8 100%);
  background: -webkit-linear-gradient(top, #eeeeee 0%,#d8d8d8 100%);
  background: linear-gradient(to bottom, #eeeeee 0%,#d8d8d8 100%);
  box-shadow: rgba(0,0,0,0.17) 0 2px 4px, rgba(0,0,0,0.15) 0 10px 24px;
  position: relative;
  margin-right: 0.75rem;
}

.apertura_leyenda .cuadrado:before {
  content: '';
  height: 0.5rem;
  display: block;
  position: absolute;
  top: 0.0625rem;
  left: 0;
  width: 100%;
  border-bottom: 0.0625rem solid #DADADA;
  background: #eeeeee;
  background: -moz-linear-gradient(top, #eeeeee 0%, #d8d8d8 100%);
  background: -webkit-linear-gradient(top, #eeeeee 0%,#d8d8d8 100%);
  background: linear-gradient(to bottom, #eeeeee 0%,#d8d8d8 100%);
}

.apertura_leyenda a.activo.tribunal .cuadrado,
.apertura_leyenda a.activo.tribunal .cuadrado:before {
  background: #C25561;
  background: -moz-linear-gradient(top, #C25561 0%, #BA515D 100%);
  background: -webkit-linear-gradient(top, #C25561 0%, #BA515D 100%);
  background: linear-gradient(to bottom, #C25561 0%, #BA515D 100%);
  border-color: #AA4A55;
}

.apertura_leyenda a.activo.fiscalia .cuadrado,
.apertura_leyenda a.activo.fiscalia .cuadrado:before {
  background: #D9CA18;
  background: -moz-linear-gradient(top, #D9CA18 0%, #CBBD16 100%);
  background: -webkit-linear-gradient(top, #D9CA18 0%, #CBBD16 100%);
  background: linear-gradient(to bottom, #D9CA18 0%, #CBBD16 100%);
  border-color: #B5A914;
}

.apertura_leyenda a.activo.abogaciaestado .cuadrado,
.apertura_leyenda a.activo.abogaciaestado .cuadrado:before {
  background: #679BD8;
  background: -moz-linear-gradient(top, #679BD8 0%, #6192CB 100%);
  background: -webkit-linear-gradient(top, #679BD8 0%, #6192CB 100%);
  background: linear-gradient(to bottom, #679BD8 0%, #6192CB 100%);
  border-color: #5581B3;
}

.apertura_leyenda a.activo.acusacionpopular .cuadrado,
.apertura_leyenda a.activo.acusacionpopular .cuadrado:before {
  background: #A0B71C;
  background: -moz-linear-gradient(top, #A0B71C 0%, #96AC1B 100%);
  background: -webkit-linear-gradient(top, #A0B71C 0%, #96AC1B 100%);
  background: linear-gradient(to bottom, #A0B71C 0%, #96AC1B 100%);
  border-color: #869A18;
}

.apertura_leyenda a.activo.defensa .cuadrado,
.apertura_leyenda a.activo.defensa .cuadrado:before {
  background: #00B1B0;
  background: -moz-linear-gradient(top, #00B1B0 0%, #00A6A5 100%);
  background: -webkit-linear-gradient(top, #00B1B0 0%, #00A6A5 100%);
  background: linear-gradient(to bottom, #00B1B0 0%, #00A6A5 100%);
  border-color: #009494;
}

.apertura_leyenda a.activo.procesados .cuadrado,
.apertura_leyenda a.activo.procesados .cuadrado:before {
  background: #D6911E;
  background: -moz-linear-gradient(top, #D6911E 0%, #C9881C 100%);
  background: -webkit-linear-gradient(top, #D6911E 0%, #C9881C 100%);
  background: linear-gradient(to bottom, #D6911E 0%, #C9881C 100%);
  border-color: #C1821B;
}

.apertura_principales {
  margin: 1.25rem 0.5rem;
  position: relative;
  height: 15rem;
}

.asientos {
  display: block;
  cursor: default;
  pointer-events: none;
  position: relative;
}

a.asientos.activo {
  cursor: pointer;
  pointer-events: auto;
}

.asientos-tribunal {
  width: 17.75rem;
  height: 4.25rem;
  background: url('/estaticos/2018/12/juicio-proces/img/tribunal-movil.png') no-repeat center;
  background-size: contain;
  margin: 0 auto;
}

.asientos-tribunal.activo {
  background-image: url('/estaticos/2018/12/juicio-proces/img/tribunal-activo-movil.png');
}

.asientos-procesados {
  width: 4.25rem;
  height: 3.125rem;
  background: url('/estaticos/2018/12/juicio-proces/img/procesados-movil.png') no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.asientos-procesados.activo {
  background-image: url('/estaticos/2018/12/juicio-proces/img/procesados-activo-movil.png');
}

.asientos-defensa {
  width: 2.9375rem;
  height: 11.375rem;
  background: url('/estaticos/2018/12/juicio-proces/img/defensa-movil.png') no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}

.asientos-defensa.activo {
  background-image: url('/estaticos/2018/12/juicio-proces/img/defensa-activo-movil.png');
}

.asientos-fiscalia {
  width: 2.9375rem;
  height: 7.0625rem;
  background: url('/estaticos/2018/12/juicio-proces/img/fiscalia-movil.png') no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: 4.25rem;
  right: 0;
}

.asientos-fiscalia.activo {
  background-image: url('/estaticos/2018/12/juicio-proces/img/fiscalia-activo-movil.png');
}

.asientos-abogacia {
  width: 2.9375rem;
  height: 2.875rem;
  background: url('/estaticos/2018/12/juicio-proces/img/abogacia-movil.png') no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: 2.8rem;
  right: 0;
}

.asientos-abogacia.activo {
  background-image: url('/estaticos/2018/12/juicio-proces/img/abogacia-activo-movil.png');
}

.asientos-acusacion {
  width: 2.9375rem;
  height: 4.25rem;
  background: url('/estaticos/2018/12/juicio-proces/img/acusacion-movil.png') no-repeat center;
  background-size: contain;
  position: absolute;
  bottom: 0;
  right: 0;
}

.asientos-acusacion.activo {
  background-image: url('/estaticos/2018/12/juicio-proces/img/acusacion-activo-movil.png');
}


.asientos_contenido {
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s;
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 10rem;
}

.asientos.activo .asientos_contenido {
  opacity: 1;
  visibility: visible;
}

.asientos-tribunal .asientos_contenido {
  padding-top: 1rem;
}

.asientos-procesados .asientos_contenido {
  bottom: 1rem;
}

.asientos-defensa .asientos_contenido {
  left: 2.5rem;
  transform: translateY(-50%);
  text-align: left;
  top: 50%;
}

.asientos-fiscalia .asientos_contenido,
.asientos-abogacia .asientos_contenido,
.asientos-acusacion .asientos_contenido {
  left: auto;
  right: 1rem;
  transform: translateY(-50%);
  top: 50%;
}

.asientos_total {
  display: block;
  width: 2.375rem;
  height: 2.375rem;
  background: white;
  border-radius: 100%;
  text-align: center;
  font-size: 1rem;
  line-height: 2.375rem;
  color: black;
  font-family: 'MarcinAntB', sans-serif;
  font-weight: 900;
  margin: 0 auto 0.5rem;
  box-shadow: rgba(0,0,0,0.5) 0 2px 4px;
}

.asientos_pregunta + .asientos_total {
  margin-top: 0.5rem;
}

.asientos_nombre {
  display: block;
  text-align: center;
  font-size: 0.625rem;
  line-height: 120%;
  color: black;
  font-family: 'MarcinAntB', sans-serif;
  font-weight: 900;
  margin: 0 auto 0.25rem;
  text-transform: uppercase;
}

.asientos_nombre span {
  display: block;
}

.asientos-defensa .asientos_contenido {
  min-width: 7rem;
}

.asientos_pregunta {
  display: block;
  text-align: center;
  font-size: 0.75rem;
  line-height: 120%;
  color: black;
  font-family: 'MarcinAntB', sans-serif;
  font-weight: normal;
  margin: 0 auto;
}

.asientos_pregunta:after {
  content: '';
  width: 0.8125rem;
  height: 0.8125rem;
  display: inline-block;
  vertical-align: middle;
  background: url('/estaticos/2018/12/juicio-proces/img/enlace.svg') no-repeat center;
  background-size: contain;
  margin-left: 0.25rem;
}

.apertura_secundarios {
  width: 100%;
  max-width: 22rem;
  height: 7.5625rem;
  display: block;
  background: url('/estaticos/2018/12/juicio-proces/img/secundarios-1058-movil.png') no-repeat center;
  background-size: contain;
  margin: 0 auto;
}


.modal {
  background: white;
  border-radius: 0.25rem;
  padding: 2rem 1rem;
  max-width: 28rem;
  width: 90%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.25s;
  z-index: 99;
  max-height: 90vh;
  position: fixed;
  z-index: 2000;
  top: 45px;
  left: 5%;
  transform: none;
  box-sizing: border-box;
  
}

.modal_contenido {
  overflow: auto;
  max-height: calc(90vh - 4rem);
}

.modal.activo {
  opacity: 1;
  visibility: visible;
}

.modal_cerrar {
  width: 2.5rem;
  height: 2.5rem;
  display: block;
  background: url('/estaticos/2018/12/juicio-proces/img/cerrar.svg') no-repeat center;
  background-size: contain;
  position: absolute;
  top: -1.25rem;
  right: 1.25rem;
  text-indent: -666rem;
  overflow: hidden;
  cursor: pointer;
  z-index: 20;
}

.ficha {
  padding-top: 0.5rem;
}

.ficha_total {
  color: #4A4A4A;
  font-size: 0.74rem;
  line-height: 140%;
  text-align: center;
  display: block;
}

.ficha_total:before {
  content: '';
  border-top: 0.0625rem solid #979797;
  width: 100%;
  display: block;
  position: relative;
  z-index: -1;
}

.ficha_total span {
  display: inline-block;
  vertical-align: middle;
  padding: 0.25rem 1rem;
  background: white;
  transform: translateY(-0.75rem);
  z-index: 1;
  position: relative;
}

.ficha_dia {
  font-size: 1.375rem;
  line-height: 140%;
  color: black;
  font-family: 'MarcinAntB', sans-serif;
  font-weight: 900;
  text-align: center;
  display: block;
  margin-bottom: 0.5rem;
}

.ficha_foto {
/*  width: 5.25rem;*/
  width: 7.25rem;
  border: 0.375rem solid #ECECEC;
  border-radius: 100%;
  margin: 0 auto 0.5rem;
  overflow: hidden;
}

.ficha_foto img {
  display: block;
}

.ficha_nombre {
  font-family: 'Majerit Headline';
  font-weight: 300;
  color: #4A4A4A;
  font-size: 1.325rem;
  line-height: 120%;
  margin-bottom: .25rem;
  text-align: center;
}

.ficha_cargo {
  color: #9B9B9B;
  font-size: 0.75rem;
  line-height: 140%;
  text-transform: uppercase;
  text-align: center;
  max-width: 17rem;
  margin: 0 auto 0.5rem;
}

.ficha_estatus {
  color: white;
  font-size: 0.625rem;
  line-height: 120%;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
  display: block;
  margin: 1.5rem 0;
}

.ficha_estatus:before {
  content: '';
  border-top: 0.0625rem solid #979797;
  width: 100%;
  display: block;
  position: relative;
  z-index: -1;
}

.ficha_estatus span {
  display: inline-block;
  vertical-align: middle;
  padding: 0.15rem 2rem;
  border-radius: 0.5rem;
  background: black;
  transform: translateY(-0.55rem);
}

.ficha_titulo {
  color: #4A4A4A;
  font-weight: 900;
  line-height: 0.75rem;
  line-height: 140%;
  margin-bottom: 1rem;
}

.ficha_descripcion p:not(.ficha_titulo) {
  color: #4A4A4A;
  font-weight: normal;
  font-size: 0.875rem;
  line-height: 150%;
  margin-bottom: 1rem;
}

.prohibido {
  padding: 1.25rem;
  text-align: center;
}

.prohibido .ordenadores {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
  background: url('/estaticos/2018/12/juicio-proces/img/ordenadores.svg') no-repeat center;
  background-size: contain;
  text-indent: -666rem;
  overflow: hidden;
  margin: 0 0.25rem;
}

.prohibido .fotos {
  width: 2rem;
  height: 2rem;
  display: inline-block;
  vertical-align: middle;
  background: url('/estaticos/2018/12/juicio-proces/img/fotos.svg') no-repeat center;
  background-size: contain;
  text-indent: -666rem;
  overflow: hidden;
  margin: 0 0.25rem;
}

.creditos {
  margin: 1rem 0;
  text-align: center;
}

.creditos p {
  color: #4A4A4A;
  font-size: 0.75rem;
  line-height: 140%;
  font-weight: 600;
  text-transform: uppercase;
  margin-bottom: 0.625rem;
}
    
.creditos li {
  color: #4A4A4A;
  font-size: 0.75rem;
  line-height: 140%;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 0.25rem;
}

.creditos li strong {
  font-weight: 800;
}

.creditos li a {
  color: #4A4A4A;
}


@media (max-width: 37.438em) { /* 599PX */
  
  .salida_articulo .apertura-sala {
    width: calc(100% + 10%);
    max-width: calc(100% + 10%);
    margin-left: -5%;
    margin-right: -5%;
  }  
  
  .principal:not(.principal--fijo) .agrupador__interior {
    margin-left: -3%;
    margin-right: -3%;
    width: calc(100% + 5.5%);
    max-width: calc(100% + 5.5%);
  }

}

@media (max-width: 22.5em){ /* 360PX */
  .salida_articulo .apertura-sala {
    width: calc(100% + 1.25rem);
    max-width: calc(100% + 1.25rem);
    margin-left: -0.625rem;
    margin-right: -0.625rem;
  }
  
  .principal:not(.principal--fijo) .agrupador__interior {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}

@media screen and (min-width:37.5em){ /* 600PX */
  
  .salida_articulo .apertura-sala {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  
}

@media screen and (min-width:48em){ /* 768PX */
  
  .salida_articulo .apertura-sala {
    height: calc(100vh - 8.3rem);
    min-height: 41rem;
  }

}

/* DESKTOP */
@media(min-width:64.000em) { /* 1024PX */
  
  .principal:not(.principal--fijo) .agrupador__interior {
    width: 100vw;
    left: 50%;
    transform: translateX(-50%);
    background-size: auto;
    background-position: center;
  }
  
  .salida_articulo .apertura-sala {
    height: calc(100vh - 10.3rem);
    min-height: 85rem;
  }

  .apertura_cabecera {
    padding-top: 2.5rem;
    max-width: 37.5rem;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1rem;
  }
  
  .apertura_cabecera h2 {
    font-size: 2.875rem;
  }

  .apertura_cabecera p {
    font-size: 1rem;
    margin-bottom: 2rem;
  }
  
  .apertura_leyenda {
    text-align: center;
  }

  .apertura_leyenda p {
    margin-bottom: 2rem;
  }

  .apertura_leyenda li {
    text-align: left;
    margin-right: 1.25rem;
    width: auto;
  }
  
  .apertura_leyenda li strong {
    width: auto;
  }
  
  .apertura_principales {
    height: 30rem;
    width: 46.875rem;
    margin: 0 auto 3rem;
  }
  
  .asientos-tribunal {
    width: 36.5rem;
    height: 8.8125rem;
    background-image: url('/estaticos/2018/12/juicio-proces/img/tribunal.png');
  }

  .asientos-tribunal.activo {
    background-image: url('/estaticos/2018/12/juicio-proces/img/tribunal-activo.png');
  }
  
  .asientos-procesados {
    width: 8.5625rem;
    height: 6.25rem;
    background-image: url('/estaticos/2018/12/juicio-proces/img/procesados.png');
  }

  .asientos-procesados.activo {
    background-image: url('/estaticos/2018/12/juicio-proces/img/procesados-activo.png');
  }
  
  .asientos-defensa {
    width: 5.9375rem;
    height: 23rem;
    background-image: url('/estaticos/2018/12/juicio-proces/img/defensa.png');
  }

  .asientos-defensa.activo {
    background-image: url('/estaticos/2018/12/juicio-proces/img/defensa-activo.png');
  }
  
  .asientos-fiscalia {
    width: 5.9375rem;
    height: 14.375rem;
    background-image: url('/estaticos/2018/12/juicio-proces/img/fiscalia.png');
    bottom: 8.6rem;
  }

  .asientos-fiscalia.activo {
    background-image: url('/estaticos/2018/12/juicio-proces/img/fiscalia-activo.png');
  }
  
  .asientos-abogacia {
    width: 5.9375rem;
    height: 5.75rem;
    background-image: url('/estaticos/2018/12/juicio-proces/img/abogacia.png');
    bottom: 5.75rem;
  }

  .asientos-abogacia.activo {
    background-image: url('/estaticos/2018/12/juicio-proces/img/abogacia-activo.png');
  }
  
  .asientos-acusacion {
    width: 5.9375rem;
    height: 8.625rem;
    background-image: url('/estaticos/2018/12/juicio-proces/img/acusacion.png');
  }

  .asientos-acusacion.activo {
    background-image: url('/estaticos/2018/12/juicio-proces/img/acusacion-activo.png');
  }
  
  .asientos-tribunal .asientos_contenido {
    padding-top: 5.5rem;
  }
  
  .asientos-procesados .asientos_contenido {
    bottom: 3.75rem;
  }
  
  .asientos-defensa .asientos_contenido {
    left: 5rem;
  }
  
  .asientos-fiscalia .asientos_contenido {
    right: 3rem;
  }
  
  .asientos-abogacia .asientos_contenido {
    right: 4rem;
  }
  
  .asientos-acusacion .asientos_contenido {
    right: 4rem;
  }
  
  .apertura_secundarios {
    max-width: 48rem;
    /*height: 46.625rem;*/
    height: 13.625rem;
    background-image: url('/estaticos/2018/12/juicio-proces/img/secundarios-1058.png');
    margin-bottom: 1rem;
  }
  
  .modal {
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
    padding: 3rem;
  }
  
  .ficha_nombre {
    font-size: 1.625rem;
    margin-bottom: 0.5rem;
  }
  
  .ficha_descripcion p:not(.ficha_titulo) {
    line-height: 0.875rem;
    line-height: 150%;
  }
  
  .prohibido .ordenadores,
  .prohibido .fotos {
    width: 3.5rem;
    height: 3.5rem;
  }
  
}
