/*noticia principal*/
.noticia{
    float: left;
    display: block;
    position: relative;
    background-position: center center;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: white;
    overflow: hidden;
    margin-bottom: 4px;
}
.noticia-principal{
    width: 100%;
    height: 350px;
}
.noticia.electoral {
    margin-bottom: 0px;
}
.noticia-principal.electoral img {
    height: auto;
    width: 100%;
}
.noticia-principal-secundaria.electoral img{
    height: 350px;
    width: 100%;
}
.darker:not(.categoria-movil){
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 0;

    transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
}
.noticia:hover .darker{
    background-color: rgba(0,0,0,0.75);
}
.post-info{
    position: absolute;
    left: 40px;
    width: 460px;
    z-index: 10;
}
.electoral .post-info {
    width: 440px;
}
.noticia-principal.electoral .post-info{
    top: 75px;
    width: 100%;
    text-align: center;
    left: 0px;
    box-sizing: border-box;
    padding-left: 212px;
    padding-right: 212px;
}
.noticia .post-info h3{
    color: white;
    font-family: 'Surveyor Display A', 'Surveyor Display B'; font-weight: 500; font-style: normal;
    font-weight: 500;
    font-style: normal;
    line-height: 100%;
    font-size: 36px;

}
.noticia.electoral .post-info h3 {
    font-size: 32px;
}
.noticia-principal.electoral .post-info h3 {
    font-size: 40px;
    line-height: 45px;
}
.noticia .author-name{
    font-family: 'Gotham SSm A', 'Gotham SSm B' !important;
    font-weight: 500;
    font-size: 10px;
    text-transform: uppercase;
    color: white;
    letter-spacing: 2px;
    margin-top: 20px;
}
.noticia .author-name span{
    border-top: 1px solid white;
    padding-top: 5px;
}
.noticia-separator {
    width: 100%;
    float: left;
    border-bottom: solid black 1px;
    margin: 15px 0;
}
.noticia-separator.no-border {
    border: none;
}
/*noticias secundarias*/
.noticia-principal-secundaria{
    width: 510px;
    height: 350px;
    background-color: rgba(0,0,0,0.5);
}
.noticia-principal-secundaria.electoral {
    width: 505px;
}
.noticia-principal-secundaria .post-info{
    top: 65px;
}
.noticia-principal-secundaria:last-of-type {
    float: left;
}

.noticia-principal-secundaria:last-of-type {
    float: right;
}
/*titulos*/
.page-title,
.page-note{
    color: black;
    font-family: "Tungsten Cond A","Tungsten Cond B";
    font-size: 150px;
    font-style: normal;
    font-weight: 500;
    padding: 0 !important;
    letter-spacing: 0;
    margin: 80px auto 0;
    text-transform: uppercase;
    transition: color 0.2s linear 0s;
}
.page-sub-title {
    font-family: "Knockout 50 A", "Knockout 50 B";
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 60px;
    letter-spacing: 10px;
    line-height: 65px;
    width: 100%;
    max-width: 609px;
    text-align: center;
}
.item-subtitle {
    text-align: center;
}
.underline {
    width: 100%;
    border-top: solid black 10px;
    margin: 15px auto;
    display: block !important;
    margin-bottom: 0px;
    margin-top: 66;
}

.underline.extra-top {
    margin-bottom: 55px;
}
/*boton ver mas*/
.more-container,
.less-container {
    text-align: center;
}
.noticia-separator2{
    width: 100%;
    float: left;
    margin: 45px 0;
}
.more-container button,
.less-container button {
    width: 150px;
    height: 44px;
    cursor: pointer;
    padding: 0;
    background-color: black;
    border-radius: 0px;
    margin-top: 40px;
    margin-bottom: 60px;
    letter-spacing: 1px;
    font-family: 'Verlag A', 'Verlag B';
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    -webkit-transition: height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, background-color 0.2s linear;
    -moz-transition: height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, background-color 0.2s linear;
    transition: height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, background-color 0.2s linear;
}
.more-container.remove,
.more-container button.remove,
#more-partidosC.hidden-more,
.more-partidosC.hidden-more {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    -webkit-transition: height 0.4s linear, padding 0.4s linear, margin 0.4s linear, background-color 0.2s linear;
    -moz-transition: height 0.5s ease-in-out, padding 0.5s ease-in-out, margin 0.5s ease-in-out, background-color 0.2s linear;
    transition: height 0.5s linear, padding 0.5s linear, margin 0.5s linear, background-color 0.2s linear;
}
.more-container button:hover,
.less-container button:hover {
    background-color: #646464;
}
.more-container button p,
.less-container button p{
    font-size: 14px;
    text-align: center;
    padding-left: 2px;
    text-transform: uppercase;
    display: inline-block;
    font-family: 'Verlag A', 'Verlag B'; font-weight: 700; font-style: normal;
    letter-spacing: 1px;
    color: #000000;
    -webkit-transition: color 0.5; /* Safari 3.1 to 6.0 */
    transition: color 0.5s;
    color: white;
}
/*container para ver mas u ocultar*/
#more-partidosC {
    overflow: hidden;
    height: 140px;
    -webkit-transition: height 1s ease-in-out;
    -moz-transition: height 1s ease-in-out;
    transition: height 1s ease-in-out;
}
/*container para ver mas en electoral, la linea y elecciones*/
.more-partidosC {
    overflow: hidden;
}

.hidden-more {
    overflow: hidden;
    height: 0;
}
.noticia-secundaria{
    width: 510px;
    background-color: white;
    margin-bottom: 0px;
}
#more-partidosC .noticia-secundaria.subportada,
 .onload,
 .more-partidosC .noticia-secundaria.subportada {
    width: 331px;
    margin-left: 0px;
    margin-right: 15px;
}
.imagen-nota-2{
    background-color: black;
    transition: background-color 1s linear 0s;
    width: 502px;
    height: 222px;
    overflow: hidden;
    margin-bottom: 15px;
}
.noticia:hover .imagen-nota-2{
    background-color: black;
}

.noticia:hover .imagen-nota-2 img{
    opacity: 0.7;
}
.noticia-secundaria h3{
    font-family: 'Surveyor Fine A', 'Surveyor Fine B'; font-weight: 400; font-style: normal;
    line-height: 103%;
    width: 90%;
    font-size: 18px;
    margin-bottom: 10px;
    color: black;
}
.noticia.electoral .categories-author {
    margin-bottom: 0px;
}
.noticia .categories-author{
    font-family: 'Gotham SSm A', 'Gotham SSm B' !important;
    font-weight: 700;
    font-size: 10px;
    display: block;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    padding-top: 0px;
    padding-bottom: 1px;
    margin-bottom: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;
    color: black;
    text-transform: uppercase !important;
    line-height: 14px;
}
#more-partidosC .noticia-secundaria.subportada.last,
.more-partidosC .noticia-secundaria.subportada.last,
.noticia-secundaria.subportada.last,
body.category-audiovisuales #more-partidosC .noticia-secundaria.subportada.last {
    margin-right: 0px;
}
.img_ver_mas,
#more-partidosC .imagen-nota-2 img,
.more-partidosC .imagen-nota-2 img {
  height: 100%;
  width: auto;
}
.imagen-nota-2 img{
    transition: opacity 0.2s linear 0s;
}

/*page electoral*/
.nota-editorial {
    padding: 20px;
    width: 250px;
    text-align: center;
    background-color: #00ffcc;
    color: white;
}

.nota-editorial h1,
.garantias p {
    font-family: 'Verlag A', 'Verlag B'; font-weight: 700; font-style: normal;
    font-size: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.nota-editorial h1 {
    margin: 0 20px;
    margin-bottom: 5px;
    color: white;
    line-height: 30px;
}
.mobile-only {
  display: none;
}

.more-container button{
    margin-bottom: 40px !important;
}

.garantias.right{
    padding-top: 40px;
    width: 160px;
}
.garantias.right p{
    float: left;
}
.garantias.right img{
    float: right;
    width: 13px;
}
h2 {
    font-family: 'Verlag A', 'Verlag B'; font-weight: 200; font-style: normal;
    text-transform: uppercase;
    line-height: 41px;
    letter-spacing: 1px;
    margin: 40px auto;
    font-size: 30px;
    letter-spacing: 6px;
    font-weight: 300;
    text-align: center;
    width: 820px;
}

h2.bold {
    font-weight: 700;
    width: 100%;
}

.noticia.centered {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
/**ESTILOS VOLCÁNICA**/
body.category-volcanica,
body.category-volcanica #wrapper,
body.category-volcanica #otros .local-widget-1,
body.category-volcanica #otros, 
body.category-volcanica .noticia-secundaria{
    background-color: #f7acfd;
}
body.category-volcanica .title-image{
    display: block;
    margin: auto;
    width: 500px;
    height: auto;
    max-width: 90%;
}

/**ESTILOS AUDIOVISUALES***/
body.category-audiovisuales #more-partidosC .noticia-secundaria.subportada, 
body.category-audiovisuales .onload, 
body.category-audiovisuales .more-partidosC .noticia-secundaria.subportada {
    width: 33%;
    height: auto;
    margin: 0px;
    margin-right: 4.5px;
}
body.category-audiovisuales .imagen-nota-2 {
    height: 190px;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
body.category-audiovisuales .noticia .darker {
    background-image: url(../media/imagenes/general/play_icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-color: rgba(0,0,0,0.5);
    z-index: 0;
    width: 100%;
    height: 100%;
}
body.category-audiovisuales .noticia-secundaria.subportada.last,
body.category-audiovisuales #more-partidosC .noticia-secundaria.subportada.last, {
    margin-right: 0px
}
/* Galeria */
.fancybox-lock .fancybox-overlay {
    overflow: hidden;
    /*background-color: rgba(255,255,255,0.96) !important;*/
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fancybox-title {
    font-family: "Gotham SSm A","Gotham SSm B" !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 170%;
    margin-top: 15px;
    color: black;
}

.fancybox-wrap .logo{
    background: url('../media/imagenes/general/n_slides.png');
    background-size: 39px;
    background-repeat: no-repeat;
    background-position: center;
    position: fixed;
    top: 15px;
    left: 20px;
    display: block;
    width: 40px;
    height: 40px;
}

.fancybox-nav span {
  visibility: visible;
}

.fancybox-next span {
    background: url('../media/imagenes/general/right_arrow_mob.png?22') no-repeat center center transparent;
    background-size: 22px;
    height: 60px;
}

.fancybox-prev span {
    background: url('../media/imagenes/general/left_arrow_mob.png?22') no-repeat center center transparent;
    background-size: 22px;
    height: 60px;
}
.fancybox-inner img {
    opacity: 0.96;
}
/***TERMINA GALERIA**/

@media screen and (max-width: 1000px) {

  .mobile-only {
    display: block;
  }

  a.noticia.electoral.noticia-secundaria,
  #more-partidosC a.noticia.noticia-secundaria.subportada,
  .more-partidosC a.noticia.noticia-secundaria.subportada{
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-height: 250px;
  }

  .imagen-nota-2 {
    margin: 0px;
    width: 100%;
    height: auto;
  }

  .imagen-nota-2
  .img_ver_mas,
  #more-partidosC .imagen-nota-2 img,
  .more-partidosC .imagen-nota-2 img {
    width: 100%;
    height: auto;
  }

  .noticia.noticia-principal-secundaria.encabezado.electoral {
    margin-bottom: 0px;
  }

  .categories-author {
    margin-top: 10px;
  }
  .principal-movil{
    display: flex;
    flex-flow: column;
    padding: 0 90px;
    position: absolute;
    text-align: center;
    top: 30px;
    width: 100%;
  }
  .principal-movil .categories-author,
  .principal-movil .title {
    color: white;
    order: 1;
    width: 100%;
    line-height: 21px;
    font-size: 15px;
    letter-spacing: 4px;
  }
  .principal-movil .title {
    font-size: 35px;
    line-height: 43px;
    letter-spacing: 0px;
  }
  .principal-movil .categories-author{
    order: 2;
  }
  .principal-movil span{
    border-top: 1px solid white;
    padding-top: 5px;
  }
  .categoria-movil.darker{
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 0;

    transition: background-color 0.2s linear;
    -webkit-transition: background-color 0.2s linear;
    -moz-transition: background-color 0.2s linear;
    -o-transition: background-color 0.2s linear;
    -ms-transition: background-color 0.2s linear;
  }
  .categoria-movil.darker:hover{
    background-color: rgba(0,0,0,0.75);
    }

    .noticia-principal.electoral .post-info, .post-info {
        padding: 0px 67px;
    }

}

@media screen and (max-width: 668px) {
  a.noticia.electoral.noticia-secundaria,
  #more-partidosC a.noticia.noticia-secundaria.subportada,
  .more-partidosC a.noticia.noticia-secundaria.subportada {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }

}

@media screen and (max-width: 668px) {
  .underline {
    margin-top: 35px;
  }

}
@media screen and (max-width: 332px) {

  a.noticia.electoral.noticia-secundaria,
  .imagen-nota-2 img,
  #more-partidosC a.noticia.electoral.noticia-secundaria,
  #more-partidosC .imagen-nota-2 img,
  #more-partidosC .imagen-nota-2,
  .more-partidosC a.noticia.electoral.noticia.secundaria,
  .more-partidosC .imagen-nota-2 img,
  .more-partidosC .imagen-nota-2 {

    width: 100%;
  }
  .imagen-nota-2 {
    width: 100% !important;
  }
}