/* apertura 
@import '/estaticos/arc/genericos/noticia/apertura.css';*/


/* fuentes */
@font-face {
  font-family: 'Majrit Text';
  src: url('//static.elpais.com/dist/resources/fonts/majrit/majrit-text/Majrit-Text-Roman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Majrit Text';
  src: url('//static.elpais.com/dist/resources/fonts/majrit/majrit-text/Majrit-Text-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Majrit Text';
  src: url('//static.elpais.com/dist/resources/fonts/majrit/majrit-text/Majrit-Text-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Majrit Text';
  src: url('//static.elpais.com/dist/resources/fonts/majrit/majrit-text/Majrit-Text-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'Majrit Text';
  src: url('//static.elpais.com/dist/resources/fonts/majrit/majrit-text/Majrit-Text-Black-Italic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: 'Marcin Ant B';
  src: url('//static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-light-webfont.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Marcin Ant B';
  src: url('//static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-regular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Marcin Ant B';
  src: url('//static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-bold-webfont.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Majrit Banner';
  src: url('//static.elpais.com/dist/resources/fonts/majrit/majrit-banner/Majrit-Banner-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Majrit Banner';
  src: url('//static.elpais.com/dist/resources/fonts/majrit/majrit-banner/Majrit-Banner-Roman.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}


@font-face {
  font-family: 'Majrit Hd';
  src: url('//static.elpais.com/dist/resources/fonts/majrit/Majrit-Headline/Majrit-Headline-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Majrit Hd';
  src: url('//static.elpais.com/dist/resources/fonts/majrit/Majrit-Headline/Majrit-Headline-Roman.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}


/* movil */
body.t__a__especial .header_middle-bar {
  border-bottom: none !important;
}

body.t__a__especial .lead_art.especial,
body.t__a__especial .a_by.especial {
  margin-top: 0;
  margin-bottom: 0;
}

/* publi superior */
#elpais_gpt-SKY1,
#elpais_gpt-SKY2,
#elpais_gpt-INTER,
#elpais_gpt-MLDB1 {
  display: none;
}

/* cintillo, titulo y entradilla */
body.t__a__especial .a_hg.especial {
  width: 100%;
  margin-top: 0;
  padding: 4rem 2rem 3.7rem;
  background: #fff;
  text-align: center;
  box-sizing: border-box;
}

body.t__a__especial .a_hg.especial h2 {
  font-family: 'Majrit Text';
  font-weight: normal;
  font-style: normal;
 /* font-size: 2.4rem;
  line-height: 3.4rem;*/
  max-width: 63rem;
}

/* autores */
body.t__a__especial .a_by .a_aut.uppercase {
  text-transform: none;
}

body.t__a__especial .a_by {
  font-family: 'Marcin Ant B';
  font-weight: bold;
  font-size: 1.5rem;
  line-height: 2.3rem;
  color: #333333;
}

body.t__a__especial .a_ti { 
  display: block; 
  font-weight: 200;
}

/* iconos sociales */
body.t__a__especial .sb .whatsapp,
body.t__a__especial .sb .social-icons .facebook,
body.t__a__especial .sb .social-icons .twitter,
body.t__a__especial .sb .social-icons .linkedin,
body.t__a__especial .sb .social-icons .pinterest,
body.t__a__especial .sb .social-icons .social,
body.t__a__especial .sb .social-icons .email,
body.t__a__especial .sb .social-icons .printer,
body.t__a__especial .sb .social-icons .whatsapp {
  background-color: #000;
}

body.t__a__especial .sb .social-icons .social {
  background-color: #000;
  border-color: #000;
  fill: #fff;
  z-index: 1;
}

body.t__a__especial .sb .comments {
  background-color: #000;
}

body.t__a__especial .sb .social-icons .email,
body.t__a__especial .sb .social-icons .printer {
  border-color: #000;
  fill: white;
}

body.t__a__especial .sb .social_icon {
  fill: white;
}

/* orden de la cabecera y ancho de toda la pantalla de la entradilla */
body.t__a__especial .flex_grid .a_h {
  display: flex;
  flex-direction: column;
  margin: 0 -14px 6rem;
  padding-bottom: 0;
 /* margin-top: -5rem;*/
  max-width: calc(100% + 2.8rem)!important;
}

body.t__a__especial .a_h .lead_art {
  /*order: -1;*/
  padding: 0;
  margin: 1rem 0 4rem;
}

body.t__a__especial .a_h .a_by {
  order: 0;
  margin: 0;
}

body.t__a__especial .a_h .sb {
  order: 1;
  margin: 1rem auto 3.2rem;
}

body.t__a__especial .a_h .sb .sb_w {
  padding: 0;
}

/* trust project */
body.t__a__especial .a_tp a {
  color: black;
}

/* titulo Noticia
body.t__a__especial .a_hg.especial h1 {
    font-size: 4rem;
    line-height: 4.3rem;
} */

/* texto principal */
body.t__a__especial .a_b p,
body.t__a__especial .a_b.initial_letter:first-letter {
  font-family: 'Majrit Text';
  font-weight: normal;
  font-style: normal;
  font-size: 1.9rem;
  line-height: 2.9rem;
  letter-spacing: 0.019rem;
  color: black;
  float: none;
  padding-right: 0;
} 

/* titulos cuerpo */
body.t__a__especial .a_b > h2 {
  font-size: 2.25rem;
  line-height: 2.5rem;
  font-weight: 900;
  font-family: 'Majrit Text';
  text-transform: none;
  letter-spacing: 0;
  margin: 10rem 0 3.5rem;
  position: relative;
}

body.t__a__especial .a_b > h2:before {
  position: absolute;
  bottom: -2rem;
  left: 0;
  content: '';
  display: block;
  z-index: 1;
  width: 6rem;
  height: 0.8rem;
  background: #00BFFF;
}

body.t__a__especial .a_b > h2:after {
  position: absolute;
  bottom: -2rem;
  left: 6.02rem;
  content: '';
  display: block;
  z-index: 1;
  width: 6rem;
  height: 0.8rem;
  background: #FF4141;
}

/* sumario cita */
body.t__a__especial .a_b .quote {
  font-family: "Majrit Banner" ;
  font-size: 2.4rem!important;
  font-weight: 300!important;
  background: url("//ep01.epimg.net/estaticos/arc/2020/09/eeuu-plantilla-elecciones//img/comillas.svg?12") center bottom 4.5rem no-repeat;
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 4rem;
}

body.t__a__especial .a_b .quote div {
  order: 1;
  text-decoration: underline;
  font-style: italic;
}

body.t__a__especial .quote_pull cite {
  margin-top: 0;
  order: 0;
  font-family: "Majrit Banner";
  font-size: 1.6rem;
  font-weight: 400!important;
  line-height: 3rem!important;
  text-align: center;
  display: inline-block;
  text-transform: none;
  margin-bottom: 4rem;
  background: #00BFFF;
  margin: 0 auto 4rem;
  padding: 0 2rem;
}

/* Sumario foto + cita */

body.t__a__especial .a_b .f + .quote {
  margin-top: -6.6rem;
  padding-top: 0;
}


/* sumario foto */
body.t__a__especial .a_b .f {
  margin: 5rem auto;
  position: relative;
}

body.t__a__especial .f_c {
  padding: 0.8rem 1rem;
}



body.t__a__especial .a_b .f:before {
  position: absolute;
  top: -1.2rem;
  left: 0;
  width: 50%;
  height: 0.6rem;
  background: #00BFFF;
  z-index: 1;
  content: "";
}

body.t__a__especial .a_b .f:after {
  position: absolute;
  top: -1.2rem;
  right: 0;
  width: 50%;
  height: 0.6rem;
  background: #FF4141;
  z-index: 1;
  content: "";
}

/* sumario video */

body.t__a__especial .a_b .f__v > div {
  overflow: hidden;
  margin-left: 0;
  margin-right: 0;
  width: 100%;
}

body.t__a__especial .a_b .f__v img {
  height: auto !important;
}

.player .boton_video {
  background: url(//ep01.epimg.net/estaticos/arc/2020/09/eeuu-plantilla-elecciones/img/play.svg?12) center no-repeat;
  background-size: 100% auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  margin: 0;
  padding: 0;
  width: 5rem;
  height: 5rem;
}

body.t__a__especial .a_b .f_c {
  font-family: 'Marcin Ant B';
  font-weight: normal;
  color: #000;
  font-size: 1.3rem;
  line-height: 2.1rem;
  border-bottom: none;
  flex-basis: auto !important;
  display: block;
  text-align: left;
  margin: 0;
  padding: 1rem 2rem 2.5rem 2rem;
  box-sizing: border-box;
  position: relative;
}

body.t__a__especial .a_b .f_c .f_a {
  font-weight: bold;
} 

/* sumario despiece */
body.t__a__especial .a_b .link_list {
  background-color: rgba(0, 191, 255, 0.06);
  padding: 3rem;
}

body.t__a__especial .a_b .link_list .title {
  margin-bottom: 3rem;
  font-family: 'Majrit Text';
  font-weight: 900;
  color: black;
  font-size: 1.8rem;
  line-height: 2.2rem; 
  text-transform: none;
  text-align: center;
}

body.t__a__especial .a_b .link_list .title a {
  border:none;
}

body.t__a__especial .a_b .link_list p {
  font-family: 'Majrit Text';
  font-weight: 400;
  color: black;
  font-size: 1.8rem;
  line-height: 2.8rem;
  padding-left: 1rem;
  position: relative;
}

body.t__a__especial .a_b .link_list p p {
  margin-left: -1rem;
  margin-top: 2rem;
}

body.t__a__especial .a_b .link_list p:before {
  position: absolute;
  top: 1rem;
  left: 0;
  z-index: 1;
  content: " ";
  height: 0.6rem;
  width: 0.6rem;
  background: #00BFFF;
  border-radius: 100%;
}

/* sumario fototexto */


body.t__a__especial .phototext {
  border-top: 1px solid #D8D8D8;
  padding-top: 2rem;
}

body.t__a__especial .phototext .phototext_item {
  padding: 2rem 0 2rem;
  border-bottom: 1px solid #D8D8D8;
  margin-bottom: 2.6rem!important;
}

body.t__a__especial .phototext .phototext_item figure {
  position: relative;
}

body.t__a__especial .phototext .phototext_item figure:before{
  position: absolute;
  top: -1.4rem;
  left: 0;
  width: 50%;
  height: 0.6rem;
  z-index: 1;
  content: "";
  background: #00BFFF;
}

body.t__a__especial .phototext .phototext_item figure:after{
  position: absolute;
  top: -1.4rem;
  right: 0;
  width: 50%;
  height: 0.6rem;
  z-index: 1;
  content: "";
  background: #FF4141;
}


body.t__a__especial .a_b .phototext h3 {
  font-family: "Majrit Text";
  font-size: 1.8rem;
  font-weight: 900;
  text-transform: none;
  border-bottom: none;
}

body.t__a__especial .a_b .phototext h3 a { border-bottom: none; }

body.t__a__especial .a_b .phototext div {
  font-family: "Majrit Text";
  font-size: 1.7rem;
  line-height: 2.2rem;
  font-weight: normal;
}

/* apertura */
.apertura {
  justify-content: center;
  background: #000;
}

.apertura_bajar {
  border-color: #fff;
  opacity: 0;
  visibility: hidden;
  animation: opacidad 1s forwards, bajar 3s infinite;
  animation-delay: 5s;
  z-index: 11;
  cursor: pointer;
  position: absolute;
  bottom: 8rem;
}


/* creditos */
ul.creditos {
  max-width: 52rem;
  margin: 5rem auto;
  text-align: center;
  list-style: none;
  padding: 0;    
}

ul.creditos li {
  font-size: 1.7rem;
  line-height: 2.5rem;
  font-family: 'Majrit Text';
  font-weight: normal;
}

ul.creditos li strong {
  font-weight: bold;
}

ul.creditos li:not(:first-child) {
  margin-top: 0.5rem;
}

ul.creditos li a {
  transition: all 0.25s;
  text-decoration: underline;
}

ul.creditos li a:hover {
  opacity: 1;
}


@media (min-width: 768px){

  /* ancho mmaximo de la entradilla */
  body.t__a__especial .flex_grid .a_h {
    margin: 0 -52px 6rem;
    max-width: calc(100% + 10.4rem)!important;
  }
  
    /* sumario video */
  body.t__a__especial .a_b .f > div {
    max-width: 111rem !important;
    width: 100%;
    margin: 0 auto !important;
    overflow: hidden;
  }
  

}

@media (min-width: 1001px) {
  
  /* ancho del cuerpo */
  #fusion-app > article .lead_art.especial {
    width: 100%;
    max-width: 975px;
    margin: 2rem auto 4rem;
  }

  #fusion-app > article {
    max-width: none;
    padding: 0;
    display: flex;
    flex-direction: column;
  }
  
  #fusion-app > article .a_w,
  #fusion-app > article .a_b {
    width: 100%;
    max-width: none;
    padding: 0;
    flex-basis: auto;
    flex: auto;
    flex-direction: column;
  }
  
  #fusion-app .a_w .w__tag,
  #fusion-app .a_w .w__rel,
  #fusion-app .a_w .w_com,
  #fusion-app .a_w .a_tp,
  #fusion-app .a_w .sb,
  #fusion-app .a_w .a_d,
  #fusion-app .a_w #outbrain_widget {
    flex-basis: auto;
    width: 100%;
    max-width: 97.5rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  #fusion-app > article .a_h,
  #fusion-app > article .a_b > *:not(.raw_html):not(.embed):not(.f) {
    width: 100%;
    max-width: 60rem;
    margin-left: auto;
    margin-right: auto;
  }
  
  #fusion-app > article .a_b > div.embed {
    display: block;
    max-width: 100rem;
    height: 56.7rem;
    padding: 0;
    margin: 10rem auto;
  }

  /* titulo noticia */
  body.t__a__especial .a_hg.especial h1 {
    max-width: 780px;
    width: 100%;
   /* font-size: 4.1rem;
    line-height: 4.6rem;*/
  }


  
  /* la entradilla a todo lo ancho */
  body.t__a__especial .a_hg.especial {
    padding: 3rem 4rem 3rem;
  }
  
  body.t__a__especial .a_hg.especial h2 {
    font-size: 2rem;
    line-height: 2.6rem;
  }

  body.t__a__especial #fusion-app > article .a_h {
    max-width: 100%;
    width: 100%; 
    max-width: 100%;
    margin-top: 0;
  }

  /* redes */
  body.t__a__especial .a_h .sb {
    margin-bottom: 5rem;
  }
  
  /* texto principal */
  body.t__a__especial .a_b p,
  body.t__a__especial .a_b.initial_letter:first-letter {
    font-size: 2.2rem;
    line-height: 3.2rem;
  }
  
  /* titulos cuerpo */
  body.t__a__especial .a_b > h2 {
    font-size: 4rem;
    line-height: 4.5rem;
    margin: 16rem 0 7rem;
  }

  /* sumario foto */
  body.t__a__especial .a_b .f {
    margin: 10rem auto;
    max-width: 111rem;  
  }
  
  body.t__a__especial .a_b .f img {
    margin: 0 auto!important;
    max-width: 111rem !important;
  }

  /* Sumario foto + cita */

  body.t__a__especial .a_b .quote {
    font-size: 3.4rem!important;
  }

  body.t__a__especial .a_b .f + .quote {
    margin-top: -11.6rem;
  }

  /* sumario video */
  body.t__a__especial .player .boton_video {
    width: 11rem;
    height: 11rem;
    background-size: 100% auto;
    box-sizing: border-box;
  }
  
  /* sumario despiece */
  body.t__a__especial .a_b .link_list {
    padding: 4rem 6rem;
  }
  

}



/* animaciones */
@keyframes opacidad {
  100% {
    opacity: 1;
    visibility: visible;
  }
}

@keyframes titulo {
  100% {
    letter-spacing: 0rem;
  }
}