/* FUENTES */
@font-face {
    font-family: MajritBn;
    font-style: normal;
    font-weight: bold;
    font-display: swap;
    src: url(https://static.elpais.com/dist/resources/fonts/majrit/majrit-banner/Majrit-Banner-Bold.woff2) format("woff2")
    ,url(https://static.elpais.com/dist/resources/fonts/majrit/majrit-banner/Majrit-Banner-Black.woff) format("woff")
}

@font-face {
    font-family: MajritBn;
    font-style: normal;
    font-weight: 900;
    font-display: swap;
    src: url(https://static.elpais.com/dist/resources/fonts/majrit/majrit-banner/Majrit-Banner-Black.woff2) format("woff2")
    ,url(https://static.elpais.com/dist/resources/fonts/majrit/majrit-banner/Majrit-Banner-Black.woff) format("woff")
}

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


@font-face {
    font-family: MarcinAntB;
    font-style: normal;
    font-weight: normal;
    font-display: swap;
    src: url(https://static.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-regular-webfont.woff2) format("woff2")
    ,url(https://static-sandbox.elpais.com/dist/resources/fonts/marcin-ant-b/marcinantb-regular-webfont.woff) format("woff")
}

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

@font-face {
    font-family: Majrit Txt;
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://static.elpais.com/dist/resources/fonts/majrit/majrit-text/Majrit-Text-Medium.woff2) format("woff2")
    ,url(https://static.elpais.com/dist/resources/fonts/majrit/majrit-text/Majrit-Text-Medium.woff) format("woff")
}


body .a_e .a_t {
  text-transform: none;
}

body .w_rs ._btn {
  background-color: #ffcf3c;
}

body .videogeneric_datos_video .videogeneric_modulo_datos {
  display: none;
}

body .videogeneric_volumen {
  z-index: 0;
}

/* player de audio */
body .mm_AudioPlayer {
    background: transparent;
}

body .mm_AudioPlayer .mm_AudioPlayer_cabecera,
body .a_c .mm_AudioPlayer{
  border: none;
}

body .mm_AudioPlayer .mm_AudioPlayer_poster,
body .mm_AudioPlayer .mm_AudioPlayer_cabecera:before {
  display: none;
}

body .mm_AudioPlayer .mm_AudioPlayer_texto,
body .mm_AudioPlayer .mm_AudioPlayer_descripcion,
body .mm_AudioPlayer .mm_AudioPlayer_contenedor{
  width: 100%;
}

body .mm_AudioPlayer .mm_boton_play svg, 
body .mm_AudioPlayer .mm_boton_pausa svg {
    fill: #F7CF3C;
}

body .mm_AudioPlayer .mm_volumen_barra_porcentaje, 
body .mm_AudioPlayer .mm_progreso_barra_porcentaje {
    background-color: #F7CF3C;
}

/* apertura */

body .apertura {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: auto;
}

body .apertura .apertura_contenedor {
  max-width: 1040px;
  padding: 40px 20px;
  text-align: center;
}

body .apertura h1 {
  font-family: MajritTxRoman, serif;
  font-weight: bold;
  font-size: 36px;
  line-height: 42px;
  margin-top: 0;
  margin-bottom: 20px;
}

/* enlaces */
body .a_c p a {
  color: #ac8f27;
  text-decoration: underline;
}

/* listas */
.a_c>ul li {
  list-style: none;
  padding-left: 35px;
  position: relative;
  margin-bottom: 15px;
  font-family: MajritTxRoman,serif;
  font-weight: normal;
  font-size: 1.375rem;
  line-height: 1.3;
}

body .a_c ul a, .a_c ol a {
    color: #ac8f27;
    text-decoration: underline;
}

body .a_c>ul li  a:first-of-type {
  color: #000;
  text-decoration: underline;
  display: block;
  font-family: MajritTx, serif;
  font-weight: bold;
  padding-bottom: 10px;
}

.a_c>ul li:before {
  content: '';
  position: absolute;
  top: 4px;
  left: 0;
  background: #F7CF3C;
  z-index: 1;
  width: 18px;
  height: 18px;

}

/* cintillos */

body .a .a_c > h2 {
  display: block;
  text-align: center;
}

body .a .a_c > h2:after {
    position: absolute;
    bottom: -2px;
    background-color: #F7CF3C;
    height: 25px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    z-index: -1;
    width: 50%;
    max-width: 250px;
}

/* cita almudena */
.cita_almudena {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.media_cita {
  position: relative;
  padding: 80px 0;
}

.media_cita video {
  width: 100%;
  height: auto;
  display: block;
  z-index: 1;
  position: relative;
}

.bl_media {
  position: relative;
  height: auto;
  aspect-ratio: 9 / 16;
}
/*
.bl_media:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100px;
  height: 100px;
  background: url(//ep01.epimg.net/estaticos/arc/2025/11/almudena-grandes/media/play.svg) center no-repeat;
  background-size: contain;
  z-index: 2;
}
*/
.bl_media.play:before {
  display: none;
}

.media_cita img {
  width: 100%;
  height: auto;
  display: block;
  z-index: 1;
  position: relative;
}

.media_cita::before{
  content: '';
  position: absolute;
  top: 50px;
  left: 10px;
  width: 255px;
  height: 64px;
  background: url(//ep01.epimg.net/estaticos/arc/2025/11/almudena-grandes/media/rec_arriba.png) no-repeat;
  z-index: 0;
} 

.media_cita::after{
  content: '';
  position: absolute;
  bottom: 60px;
  right: 10px;
  width: 255px;
  height: 64px;
  background: url(//ep01.epimg.net/estaticos/arc/2025/11/almudena-grandes/media/rec_abajo.png) no-repeat;
  z-index: 0;
} 

.cita {
    color: #000;
    text-decoration: none;
    display: block;
    font-family: MajritBn, serif;
    font-weight: bold;
    padding-bottom: 10px;   
    margin-bottom: 100px;
}

.cita .parrafo {
    font-size: 26px;
    line-height: 1.2;
    padding-bottom: 80px;
    background: url(//ep01.epimg.net/estaticos/arc/2025/11/almudena-grandes/media/comillas.svg) no-repeat center bottom;
    background-size: 69px auto;
    margin: 0 0 30px;
}

.cita .enlace_cita a {
    font-family: MajritTx, serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;
    color: #000;
    text-decoration: none;
}
.cita span {
    display: block;
    font-family: MajritTxRoman, serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.2;
    color: #000;
}

.cita .aclaracion {
    font-family: MajritTxRoman, serif;
    font-weight: normal;
    font-size: 14px;
    line-height: 1.2;
    color: #000;
    margin: 0 0 30px;
}

/* carta */
.carta {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: left;
  padding: 40px 0;
  border-bottom: 8px solid #F7CF3C;
  border-top: 8px solid #F7CF3C;
}

.carta .media_carta {
  position: relative;
  width: 150px;
  margin-bottom: 20px;
}

.carta h3 {
    font-family: MajritTx, serif;
    font-weight: bold;
    font-style: italic;
    font-size: 28px;
    line-height: 1.2;
    color: #000;
    margin: 0 0 6px;
}

.carta span {
    display: block;
    font-family: MajritTx, serif;
    font-weight: 900;
    font-size: 16px;
    line-height: 1.2;
    color: #000;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.carta p {
    font-family: MajritTxRoman, serif;
    font-weight: normal;
    font-size: 22px;
    line-height: 1.3;
    color: #000;
    padding-bottom: 20px;
    margin: 0;
}

.carta .enlace_carta {
    font-family: MajritTx, serif;
    font-weight: bold;
    font-size: 22px;
    line-height: 1.2;
    color: #ac8f27;
    text-decoration: underline;
}

.carta .fecha_carta {
    display: block;
    font-family: MarcinAntB, sans-serif;
    font-size: .6875rem;
    font-weight: normal;
    line-height: .875rem;
    color: #000;
    margin-top: 10px;
}

/* galeria portadas */

.galeria_portadas {
    background: #F7CF3C;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    padding: 42px 24px;
}

.galeria_portadas h2 {
    font-family: MajritTx, serif;
    font-weight: 900;
    font-size: 31px;
    line-height: 1.2;
    font-size: 24px;
    margin-bottom: 20px;
}

.gallery-container {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.gallery {
    display: flex;
    gap: 15px;
    padding: 10px 0;
}

.gallery-item {
    flex: 0 0 auto;
    cursor: pointer;
    transition: transform 0.3s;
}

.gallery-item:hover {
    transform: scale(1.05);
}

.gallery-item img {
    width: 260px;
    height: auto;
    object-fit: cover;
    border-radius: 8px;
}

.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F7CF3C;
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.modal.active {
    display: flex;
}

.modal-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

.modal-image {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
}

.close-btn {
    position: absolute;
    top: 67px;
    right: 20px;
    font-size: 40px;
    color: #fff;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    width: 40px;
    height: 40px;
    background: #ac8f27;
    line-height: 40px;
    margin: 0;
    vertical-align: top;
    border-radius: 50%;
}

.nav-btn {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 50px;
    color: white;
    background: rgba(0, 0, 0, 0.5);
    border: none;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 5px;
}

.prev-btn {
    left: -10px;
}

.next-btn {
    right: -10px;
}

.nav-btn:hover {
    background: rgba(0, 0, 0, 0.8);
}




@media (min-width: 48em) {
    body .a .a_c > h2:after {
        bottom: -14px;
        height: 40px;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
    }




/* cita almudena */
.cita_almudena {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  column-gap: 30px;
  margin-bottom: 0;
}

.media_cita {
  padding: 80px 0;
}

.bl_media {
  position: relative;
  width: 280px;
}

.media_cita::before{
  top: 50px;
  left: 10px;
  width: 255px;
  height: 64px;
} 

.media_cita::after{
  bottom: 60px;
  right: 10px;
  width: 255px;
  height: 64px;
} 

.cita {
    padding-bottom: 10px;   
    margin-bottom: 0;
    text-align: left;
}

.cita .parrafo {
    font-size: 32px;
    line-height: 1.2;
    padding-bottom: 0;
    padding-top: 80px;
    margin: 0 0 30px;
    background-position:  left top;
}

.enlace_cita {
  position: relative;
  padding-left: 30px;
}

.enlace_cita::before{
  content: '';
  position: absolute;
  top: 3px;
  bottom: auto;
  left: 0;
  width: 18px;
  height: 18px;
  background:#F7CF3C;
  background-size: contain;
}

.cita .enlace_cita a {
    font-size: 22px;
    line-height: 1.2;
}
.cita span {
    font-family: MajritTxRoman, serif;
    font-size: 22px;
    padding-left: 30px;
}

.cita .aclaracion {
    font-size: 14px;
    line-height: 1.2;
}

.cita_almudena.final .media_cita {
   width: 395px;

}

.cita_almudena.final .cita {
 width: calc(100% - 415px);
}

}


@media (min-width: 62.5625em) {

  /* audio*/
  body .a_c .w-ap{
    margin: 0 var(--grid-10-3-column-content) 2rem var(--grid-10-3-column-content);
  }

  /* cita almudena */
  .cita_almudena {
    column-gap: 40px;
  }

  body .apertura .apertura_contenedor {
    padding: 40px 40px;
  }

  .bl_media {
    position: relative;
    width: 380px;
  } 

  .cita .parrafo {
    font-size: 32px;
    line-height: 1.2;
    margin: 0 0 20px;
  }

  .cita .enlace_cita a {
      font-size: 22px;
      line-height: 1.2;
  }
  .cita span {
      font-family: MajritTxRoman, serif;
      font-size: 22px;
  }

  .cita .aclaracion {
      font-size: 14px;
      line-height: 1.2;
      margin: 0 0 30px 0;
  }

  /* carta */
  .carta {

    margin: 0 var(--grid-10-2-column-content) 2rem var(--grid-10-2-column-content);
  }

  .carta .bl_carta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .carta.intro_carta {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    column-gap: 30px;
  }

  .carta.carta.intro_carta .bl_carta {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .carta h3 {
    font-family: MajritTx, serif;
    font-weight: 900;
    font-style: italic;
    font-size: 40px;
    line-height: 1.2;
    color: #000;
    margin: 0 0 6px;
  }

  .carta.carta.intro_carta h3 {
    font-family: MajritTx, serif;
    font-weight: bold;
    font-style: italic;
    font-size: 28px;
    line-height: 1.2;
    color: #000;
    margin: 0 0 6px;
}

/* galeria portadas */

.galeria_portadas {
    padding: 72px 36px;
}

.gallery-container {
    overflow-x: visible;
}

.gallery {
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 1300px;
    margin: 0 auto;
}

.gallery-item {
    flex: 0 0 auto;
    cursor: pointer;
    transition: transform 0.3s;
    width: calc(25% - 15px);
    box-sizing: border-box;
}

.gallery-item img {
    max-width: 300px;
    height: auto;
    width: 100%;
}

.galeria_portadas h2 {
    font-size: 40px;
    margin:0 auto 30px;
    max-width: 640px;
}

.close-btn {
    position: absolute;
    top: 80px;
    right: 40px;
    font-size: 50px;
    color: #fff;
    cursor: pointer;
    background: none;
    border: none;
    padding: 0;
    width: 50px;
    height: 50px;
    background: #ac8f27;
    line-height: 50px;
    margin: 0;
    vertical-align: top;
    border-radius: 50%;
}

.prev-btn {
    left: -80px;
}

.next-btn {
    right: -80px;
}

}