/* UTILES */
.overflow {
  overflow: hidden;
}


/* FUENTES */
@font-face {
  font-family: 'Majerit Text';
  src: url('/fonts/v1.x/v1.0/majerit/majerittext-italic-webfont.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face { 
  font-family: 'Majerit Text';
  src: url('/fonts/v2.x/v2.0/majerit/majerittext-bolditalic-webfont.woff') format('woff'); 
  font-weight: 700;
  font-style: italic;
}

/* FONT-FACE ELIMINADO */


/* FONT-FACE ELIMINADO */


/* FONT-FACE ELIMINADO */


@font-face {
  font-family: 'Majerit Headline';
  src: url('/fonts/v1.x/v1.0/majerit/majeritheadline-bold-webfont.woff') format('woff');
  font-weight: 700;
  font-style: normal;
}

/* FONT-FACE ELIMINADO */



/* CABECERA PORTAL */
.cabecera,
.elpais-menu,
.cabecera-superior,
.contenedor_barra_etiquetas,
.principal:not(.principal--fijo) .agrupador-nombre {
  display: none;
}


/*estilos para cabecera*/
.cabecera{max-width: none;}
.cabecera-superior{display: none;}
.elpais{margin: 0;}
.elpais-menu{display: none;}
.elpais-logo{margin-left: 0}
.principal:not(.principal--fijo) .cabecera__interior{border-bottom: none;}
.principal:not(.principal--fijo) .cabecera-seccion{display:none !important;}
.salida_articulo .principal:not(.principal--fijo) .cabecera {  max-width: none;  position: absolute; top: 0; left: 0; z-index: 5;  background: transparent; width: auto;}

/*fin de estilos para cabecera*/

a {text-decoration: none; border-bottom: none !important;}
.alertas{display: none;}
.articulo__interior{padding-top: 100vh;}
.articulo_especial .sumario_foto.centro .foto_w980{margin-left: 0; margin-right: 0}
.apertura_especial_noticia{ 
    height: 100vh; 
    display: block!important; 
    position: absolute; 
    top:0; 
    left: 0; 
    width: 100%; 
    min-height: 667px; 
    background-size: cover;  
    overflow: hidden;
  }

.apertura_especial_noticia {
    height: 100vh;
    display: block!important;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 667px;
    background-size: cover;
    overflow: hidden;
}

/* apertura */
.aperturatag {
  background: black;
  height: 100vh;
  min-height: 35rem;
  text-align: center;
  position: relative;
  margin: 0 auto 6.25rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.0625rem;
  overflow: hidden;
}

.aperturatag:after {
  content: '';
  display: block;
  clear: both;
}

/* cabecera */
.aperturatag_cabecera {
  text-align: left;
  padding: 0 5%;
}

/* hamburguesa */
.aperturatag_hamburguesa { 
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  position: absolute;
  top: 1rem;
  right: 5%;
  text-indent: -666rem;
  overflow: hidden;
  margin-top: -0.3125rem;
  margin-right: -0.3125rem;
  z-index: 6;
  transition: all 0.4s ease;
}

.aperturatag_hamburguesa:before,
.aperturatag_hamburguesa:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 2rem;
  transition: all 0.4s ease;
}

.aperturatag_hamburguesa:before { 
  height: 1.375rem;
  border-top: 0.125rem solid white;
  border-bottom: 0.125rem solid white;
}

.aperturatag_hamburguesa:after { 
  height: 0.125rem;
  background: white;
}

.aperturatag_cabecera.activa .aperturatag_hamburguesa { 
  transform: rotate(135deg);
}

.aperturatag_cabecera.activa .aperturatag_hamburguesa:before { 
  border-bottom: none;
  transform: rotate(90deg);
  top: 0.75rem;
  left: -0.1875rem;
}


/* foto imagen noticia 21 de mayo */
.contador .aperturatag_fondos {
  background: url(/especiales/2018/hechos-de-energia/img/apertura-noticia/apertura-noticia-21-mayo.jpg) no-repeat center;
  background-size: cover;
}

/* foto como ahorrar gasolina */
.gasolinera .aperturatag_fondos {
  background: url(/especiales/2018/hechos-de-energia/img/apertura-noticia/gasolinera.jpg) no-repeat center;
  background-size: cover;
}

/* foto circular */
.circular .aperturatag_fondos {
  background: url(/especiales/2018/hechos-de-energia/img/apertura-noticia/circular.jpg) no-repeat center;
  background-size: cover;
}

/* foto circular */
.marca .aperturatag_fondos {
  background: url(/especiales/2018/hechos-de-energia/img/apertura-noticia/nombre_marca.jpg) no-repeat center;
  background-size: cover;
}
/* foto peatones */
.peatones .aperturatag_fondos {
  background: url(/especiales/2018/hechos-de-energia/img/apertura-noticia/peatones.jpg) no-repeat center;
  background-size: cover;
}
/* foto consume */
.consumo .aperturatag_fondos {
  background: url(/especiales/2018/hechos-de-energia/img/apertura-noticia/consumo.jpg) no-repeat center;
  background-size: cover;
}

/* navegacion */
@media screen and (max-width: 47.9375rem){

  .aperturatag_navegacion {
    display: block;
    background-color: #e0e0e0;
    /*
    background: #fafafa;
    background: -moz-linear-gradient(top, #fafafa 0%, #cdcdcd 100%);
    background: -webkit-linear-gradient(top, #fafafa 0%,#cdcdcd 100%);
    background: linear-gradient(to bottom, #fafafa 0%,#cdcdcd 100%);
    */
    position: fixed;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100vh;
    z-index: 5;
    padding: 4.8215rem 0 0;
    overflow-y: auto;
    transition: all 0.7s;
  }
  
  .aperturatag_cabecera.activa .aperturatag_navegacion {
    opacity: 1;
    visibility: visible;
    left: 0;
  }

  .aperturatag_cabecera.activa .aperturatag_hamburguesa:before { 
    border-top-color: black;
    border-bottom-color: black;
  }

  .aperturatag_cabecera.activa .aperturatag_hamburguesa:after { 
    background: black;
  }
  
  .aperturatag_navegacion span {
    display: none;
  }
  
  .aperturatag_navegacion a {
    font-family: 'MarcinAntB', sans-serif;
    font-weight: 300;
    font-style: normal;
    color: black;
    font-size: 0.75rem;
    line-height: 150%;
    text-transform: uppercase;
    text-align: left;
    display: block;
    border-bottom: 0.0625rem solid white;
    padding:0 1.5625rem 1.48125rem 3.125rem;
    position: relative;
  }
  
  .aperturatag_navegacion a:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 1.09375rem;
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 100%;
    background: white;
    margin-bottom: 1rem;
    transition: all 0.3s;
    text-align: left;
    text-indent: -666rem;
    overflow: hidden;
  }
  
}

/* logo EP */
.aperturatag .elpais-logo {
  margin: 0.5rem auto 0;
  position: relative;
  z-index: 2;
  display: inline-block;
}

.aperturatag .elpais-logo a span {
  background: url(/iconos/v2.x/v2.0/logos/el_pais_blanco.svg) no-repeat 0 center;
  background-size: contain;
}

/* colaborador */
.aperturatag_colaborador {
  position: relative;
  z-index: 2;
  color: white;
  font-family: 'MarcinAntB', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 100%;
  text-transform: uppercase;
  margin-top: 1.3rem;
  display: block;
  text-align: center;
}

.aperturatag_colaborador span {
  font-family: 'Majerit';
  font-weight: 700;
  font-style: italic;
  color: black;
  font-size: 1rem;
  line-height: 1.875rem;
  width: 1.875rem;
  height: 1.875rem;
  text-align: center;
  text-transform: none;
  border-radius: 50%;
  background: #FECB00;
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
  cursor: pointer;
  transition: all 0.5s;
}

.aperturatag_colaborador span:hover {
  transform: rotate(15deg);
}


 #mostrar-modal {
    display: block;
    font-family: 'Majerit Text';
    font-weight: normal;
    color:black;
    cursor: pointer;
}


.apertura_titular {
  position: absolute;
  top: 46%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1;
  color:#fff;
  width: 80%;
  display:none;
}

.apertura_titular h2 {
  font-family: 'Majerit Text';
  font-weight: 300;
  color:#fff;
  font-size: 26px;
  margin-bottom: 10px;
}

.apertura_titular p {
  font-size: 16px;
  line-height: 130%;
}


/* compartir */
.aperturatag_compartir {
  border-bottom: 0.0625rem solid black;
  text-align: center;
  display: inline-block;
  font-size: 0;
  margin-bottom: 1.875rem;
}

.aperturatag_compartir [class^="boton_"] {
  width: 3rem;
  height: 3rem;
  font-size: 2rem;
}

.aperturatag_compartir a {
  border-top: 0.0625rem solid transparent;
  transition: all 0.5s;
  transition-delay: 0.5s;
}

.aperturatag_compartir a + a {
  margin-left: -0.0625rem;
}

.aperturatag_compartir a:after {
  content: '';
  display: block;
  border-left: 0.0625rem solid black;
  width: 4rem;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
}

.aperturatag_compartir a:hover:after {
  height: 4rem;
}

.aperturatag_compartir a span:after {
  content: '';
  display: block;
  border-right: 0.0625rem solid black;
  width: 4rem;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
  transition-delay: 0.4s;
}

.aperturatag_compartir a:hover span:after {
  height: 4rem;
}

.aperturatag_compartir a span:before {
  content: '';
  display: block;
  border-top: 0.0625rem solid black;
  width: 0;
  height: 4rem;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: all 0.3s;
  transition-delay: 0.2s;
}

.aperturatag_compartir a:hover span:before {
  width: 4rem;
}

.aperturatag_compartir [class^="boton_"]:before {
  color: black;
  width: auto;
  height: auto;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
}

/* info */
.aperturatag_info {
  background: #fecb00;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translate3d(0,16rem,0);
  z-index: 4;
  width: 90%;
  max-width: 40rem;
  padding: 2vh 2vw 10vh;
  animation: apareceAbajo .65s forwards cubic-bezier(.785,.135,.040,.995);
  animation-delay: 0.5s;
}

.aperturatag_titulo {
  display: block;
  font-family: 'Majerit Text';
  font-weight: normal;
  font-style: italic;
  font-size: 2.1875rem;
  line-height: 90%;
  color: black;
  margin-bottom: 1.25rem;
}

.aperturatag_titulo strong {
  font-size: 2.8125rem;
  line-height: 90%;
  font-family: 'Majerit Text';
  font-weight: 700;
  font-style: italic;
  display: block;
}

.aperturatag_fecha {
  display: block;
  font-family: 'Majerit Text';
  font-weight: normal;
  font-style: italic;
  font-size: 1rem;
  line-height: 110%;
  color: black;
  margin-bottom: 4vh;
}

.aperturatag_info p {
  font-family: 'MarcinAntB', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: black;
  font-size: 1rem;
  line-height: 150%;
  padding: 0 5%;
}

/* apertura info para noticias */
.salida_articulo .aperturatag_info {
    display: block;
    background: #fecb00;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translate3d(0,16rem,0);
    z-index: 10;
    width: 14rem;
    padding: 1.875rem 2rem 0.775rem;
    animation: apareceAbajo .65s forwards cubic-bezier(.785,.135,.040,.995);
    animation-delay: 0.5s;  
}

.salida_articulo .aperturatag_titulo {
    font-size: 1.2875rem;
    margin-top: 0.5em;
    margin-bottom: 7px;
}

.salida_articulo .aperturatag_fecha {
  font-size: 15px;
  margin-bottom: 10px;
}

.salida_articulo .aperturatag_titulo strong {
    font-size: 1.2875rem;
    margin-top: 0.2rem;
    margin-bottom: 7px;
}

.salida_articulo  .aperturatag_compartir {
  margin-bottom: 0.5rem;
}


/* fondo */
.aperturatag_fondos {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.aperturatag_fondos li {
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  overflow: hidden;
}

/* modal */
.aperturatag_modal {
  background: white;
  z-index: 6;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 90%;
  max-width: 60.9375rem;
  transform: translate(-50%,-80%);
  padding: 5vh 10vw 10vh;
  text-align: left;
  border-bottom: 0.3rem solid #FECB00;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
  z-index: 10;
}

.aperturatag_modal.activa {
  opacity: 1;
  visibility: visible;
  transform: translate(-50%,-50%);
}

.aperturatag_modal_cerrar {
  position: absolute;
  top: 1vh;
  right: 2vw;
  text-indent: -666rem;
  overflow: hidden;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
}

.aperturatag_modal_cerrar:before,
.aperturatag_modal_cerrar:after {
  content: '';
  display: block;
  height: 0.125rem;
  width: 1.5rem;
  background: black;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 25%;
}

.aperturatag_modal_cerrar:before {
  transform: rotate(-45deg);
}

.aperturatag_modal_titulo {
  font-size: 1.5rem;
  line-height: 100%;
  font-family: 'Majerit Text';
  font-weight: 700;
  font-style: italic;
  display: block;
  color: black;
  margin: 5vh 0;
}

.aperturatag_modal p {
  font-family: 'MarcinAntB', sans-serif;
  font-weight: 300;
  font-style: normal;
  color: black;
  font-size: 0.875rem;
  line-height: 150%;
}

.aperturatag_modal p strong {
  font-family: 'MarcinAntB', sans-serif;
  font-weight: 500;
  font-style: normal;
}

.aperturatag_telon {
  display: block;
  background: rgba(216,216,216,0.9);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  transition: all 0.5s;
}

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


/* RESPONSIVE */
@media screen and (min-width:48rem){ /* 768PX */
  
  /* apertura */
  .aperturatag {
    /*min-height: 60rem;*/
  }
  
  /* cabecera */
  .aperturatag_cabecera {
    text-align: center;
    padding: 0;
  }
  
  /* hamburguesa */
  .aperturatag_hamburguesa {
    display: none;
  }
  
  /* logo EP */
  .aperturatag .elpais-logo {
    float: left;
    margin-left: 2.3125rem;
    margin-top: 2.1875rem;
  }
  
  /* colaborador */
  .aperturatag_colaborador {
    font-size: 0.77rem;
    float: right;
    margin-top: 2.7rem;
    margin-right: 2.3125rem;
  }
  
  .aperturatag_colaborador span {
    font-size: 1.5rem;
    line-height: 2.625rem;
    width: 2.625rem;
    height: 2.625rem;
    margin-left: 1.5rem;
  }
  
  /* info */
  .aperturatag_info {
    transform: translateX(-50%) translate3d(0,50rem,0);
    animation: apareceAbajo 1s forwards cubic-bezier(.785,.135,.040,.995);
  }
  
  .aperturatag_titulo {
    font-size: 4rem;
    line-height: 90%;
  }
  
  .aperturatag_titulo strong {
    font-size: 4.5rem;
    line-height: 90%;
  }
  
  .aperturatag_fecha {
    font-size: 1.5rem;
  }
  
  /* compartir */
  .aperturatag_compartir [class^="boton_"] {
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
  }
  
  /* navegacion */
  .aperturatag_navegacion {
    display: block;
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
    z-index: 3;
  }

  .aperturatag_navegacion span,
  .aperturatag_navegacion a {
    display: block;
    width: 0.9375rem;
    height: 0.9375rem;
    border-radius: 100%;
    background: white;
    margin-bottom: 1rem;
    transition: all 0.3s;
    text-align: left;
    text-indent: -666rem;
    overflow: hidden;
  }

  .aperturatag_navegacion a {
    background: #fecb00;
    transform: scale(1);
    transition: all 0.3s;
  }
  
  .aperturatag_navegacion a:hover {
    transform: scale(1.3);
  }

  .apertura_titular {
    top: 50%;
    left: 50%;
    width: 70%;
    max-width: 500px;
  }


  .apertura_titular h2 {
    font-size: 46px;
    line-height: 100%;
  }

  .apertura_titular p {
    font-size: 20px;
  }
  
}

@media screen and (min-width:64rem){ /* 1024PX */
  
  /* apertura */
  .aperturatag {
    min-height: 48rem;
  }
  
  /* logo EP */
  .aperturatag .elpais-logo {
    margin-left: 3rem;
  }
  
  /* colaborador */
  .aperturatag_colaborador {
    margin-right: 3rem;
  }
  
  /* compartir */
  .aperturatag_compartir {
    margin-bottom: 5rem;
  }
  
  /* navegacion */
  .aperturatag_navegacion {
    right: 3.9rem;
  }
  
  /* info */
  .aperturatag_info {
    padding: 4vh 2vw 12vh;
  }
  
  .aperturatag_titulo {
    font-size: 6.25rem;
    line-height: 90%;
  }
  
  .aperturatag_titulo strong {
    font-size: 6.875rem;
    line-height: 90%;
  }

  .aperturatag_fecha {
    font-size: 2rem;
  }
  
  .aperturatag_info p {
    font-size: 1.25rem;
  }
  
  /* modal */
  .aperturatag_modal {
    padding: 8vh 5vw 18vh;
  }
  
  .aperturatag_modal_cerrar:before,
  .aperturatag_modal_cerrar:after {
    width: 2rem;
  }
  
  .aperturatag_modal_titulo {
    font-size: 2rem;
    line-height: 100%;
  }

  .aperturatag_modal p {
    font-size: 1.125rem;
    line-height: 180%;
  }

  .apertura_titular {
      top: 50%;
      left: 50%;
      width: 70%;
      max-width: 700px;
  }


  .apertura_titular h2 {
    font-size: 66px;
    line-height: 100%;
  }

  .apertura_titular p {
    font-size: 22px;
  }

  
}

@media screen and (max-width:47.938rem){ /* 767PX */

  .apertura_especial_noticia.contador {
    width:111%;
    margin-left: -5.5%;
  }

}


/* ANIMACIONES */
@keyframes apareceAbajo {
  100% {
    transform: translateX(-50%) translate3d(0,0,0);
  }
}

@keyframes apareceArriba {
  100% {
    top: 0;
  }
}

@keyframes apareceAncho {
  100% {
    width: 4rem;
  }
}

@keyframes apareceOpacidad {
  100% {
    opacity: 1;
    visibility: visible;
  }
}