/* Juan */
* {
  margin: 0%;
  padding: 0%;
  box-sizing: border-box;
  font-family: "Montserrat", sans-serif;
}

/* CLASES COMPARTIDAS JUAN , JANAHÍ y ESTEBAN */
.header {
  width: 100%;
  max-width: 1400px;
  height: 10rem;
  margin: auto;
  background-color: blue;
}
.aside {
  width: 25%;
  margin-top: 1rem;
  background-color: yellow;
}
.footer {
  width: 100%;
  max-width: 1400px;
  height: 10rem;
  margin: auto;
  margin-top: 1rem;
  background-color: black;
}
/* HASTA AQUÍ CLASES COMPARTIDAS */

.contenedor {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  display: flex;
  justify-content: space-around;
}
.divcategori {
  width: 70%;
}
.divcategori a {
  text-decoration: none;
  color: rgb(255, 255, 255);
}
.parrafo {
  height: 0;
  overflow: hidden;
}

.noticias {
  width: 100%;
  display: flex;
  margin-top: 1rem;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.noticiasecundaria {
  width: 45%;
  height: 18rem;
  display: flex;
  flex-direction: column-reverse;
  background-size: cover;
  text-decoration: none;
}
.noticiasecundaria h2 {
  color: white;
  padding: 0.5rem;
}

/* DEPORTES */
.noticiaprincipaldeportes {
  width: 100%;
  height: 25rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column-reverse;
  background-image: linear-gradient(
      0deg,
      #3e0000 1%,
      #9708088f 10%,
      #ffffff00 50%
    ),
    url(../img/nadal-deportes.jpg) !important;
  background-size: cover;
}
.noticiaprincipaldeportes:hover .parrafo {
  height: max-content;
}
.textnotiprincipaldeportes {
  width: 100%;
  height: auto;
  color: #ffffff;
}

.noticia1d {
  background-image: url(../img/fatima-deportes.jpg);
}
.noticia1d h2 {
  background-color: #9708088f;
}
.noticia2d {
  background-image: url(../img/atletismo-deportes.jpg);
}
.noticia2d h2 {
  background-color: #9708088f;
}
.noticia3d {
  background-image: url(../img/eurocopa-deportes.jpg);
}
.noticia3d h2 {
  background-color: #9708088f;
}
.noticia4d {
  background-image: url(../img/jordan.diaz-deportes.jpg);
}
.noticia4d h2 {
  background-color: #9708088f;
}
.noticia5d {
  background-image: url(../img/valencia-deportes.jpg);
}
.noticia5d h2 {
  background-color: #9708088f;
}
.noticia6d {
  background-image: url(../img/selecion-deportes.jpg);
}
.noticia6d h2 {
  background-color: #9708088f;
}

/* POLITICA */
.noticiaprincipalpolitica {
  width: 100%;
  height: 25rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column-reverse;
  background-image: linear-gradient(
      0deg,
      #7077a1 1%,
      #2d3250 10%,
      #ffffff00 50%
    ),
    url(../img/politica.jpg) !important;
  background-size: cover;
}
.noticiaprincipalpolitica:hover .parrafo {
  height: max-content;
}
.noticia1p {
  background-image: url(../img/fraude-fiscal-politica.jpg);
}
.noticia1p h2 {
  background-color: #2d3250d2;
}
.noticia2p {
  background-image: url(../img/pp-congela-politica.jpg);
}
.noticia2p h2 {
  background-color: #2d3250d2;
}
.noticia3p {
  background-image: url(../img/ayuso-politica.jpg);
}
.noticia3p h2 {
  background-color: #2d3250d2;
}
.noticia4p {
  background-image: url(../img/begoña-gomez-politica.jpg);
}
.noticia4p h2 {
  background-color: #2d3250d2;
}
.noticia5p {
  background-image: url(../img/jueza-sevilla-politica.jpg);
}
.noticia5p h2 {
  background-color: #2d3250d2;
}
.noticia6p {
  background-image: url(../img/en-directo-politica.jpg);
}
.noticia6p h2 {
  background-color: #2d3250d2;
}
/*CULTURA*/
.noticiaprincipalcultura {
  width: 100%;
  height: 25rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column-reverse;
  background-image: linear-gradient(
      0deg,
      #346260 1%,
      #5ca8a4 10%,
      #ffffff00 30%
    ),
    url(../img/almodovar-cultura.jpg) !important;
  background-size: cover;
}
.noticiaprincipalcultura:hover .parrafo {
  height: max-content;
}
.noticia1c {
  background-image: url(../img/cine-cultura.jpg);
}
.noticia1c h2 {
  background-color: #3462606e;
}
.noticia2c {
  background-image: url(../img/toros-cultura.jpg);
}
.noticia2c h2 {
  background-color: #3462606e;
}
.noticia3c {
  background-image: url(../img/cultura-cultura.jpg);
}
.noticia3c h2 {
  background-color: #3462606e;
}
.noticia4c {
  background-image: url(../img/musica-cultura.jpg);
}
.noticia4c h2 {
  background-color: #3462606e;
}
.noticia5c {
  background-image: url(../img/françoise-cultura.jpg);
}
.noticia5c h2 {
  background-color: #3462606e;
}
.noticia6c {
  background-image: url(../img/libro-cultura.jpg);
}
.noticia6c h2 {
  background-color: #3462606e;
}
/* SOCIEDAD */
.noticiaprincipalsociedad {
  width: 100%;
  height: 25rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column-reverse;
  background-image: linear-gradient(
      0deg,
      #5b5c5b 1%,
      #6e706e 10%,
      #ffffff00 30%
    ),
    url(../img/bandera-sociedad.jpg) !important;
  background-size: cover;
}
.noticiaprincipalsociedad:hover .parrafo {
  height: max-content;
}
.noticia1s {
  background-image: url(../img/los-mir-sociedad.jpg);
}
.noticia1s h2 {
  background-color: #5b5c5b6e;
}
.noticia2s {
  background-image: url(../img/gripe-a-sociedad.jpg);
}
.noticia2s h2 {
  background-color: #5b5c5b6e;
}
.noticia3s {
  background-image: url(../img/cannabis-sociedad.jpg);
}
.noticia3s h2 {
  background-color: #5b5c5b6e;
}
.noticia4s {
  background-image: url(../img/pau-sociedad.jpg);
}
.noticia4s h2 {
  background-color: #5b5c5b6e;
}
.noticia5s {
  background-image: url(../img/anticonceptivos-sociedad.jpg);
}
.noticia5s h2 {
  background-color: #5b5c5b6e;
}
.noticia6s {
  background-image: url(../img/mas-facil-sociedad.jpg);
}
.noticia6s h2 {
  background-color: #5b5c5b6e;
}

/* Janahí */
.caja {
  width: 100%;
  max-width: 1400px;
  height: auto;
  margin: auto;
  border-bottom: 2px grey solid;
  margin-top: 1rem;

  /* background-color: red; */
}

.foto {
  width: 100%;
  height: auto;
}

.foto img {
  width: 100%;
}

.foto3 {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  margin-top: 1rem;
}

.foto3 img {
  width: 100%;
}

.textoimg2 {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  font-size: 18px;
  font-family: "Montserrat", sans-serif;
  display: flex;
  justify-content: flex-end;
}

.principal {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  display: flex;
  justify-content: space-around;
  /* background-color: tomato */
}

.seccion {
  width: 70%;
}

.foto2 {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  margin-top: 1rem;
}

.foto2 img {
  width: 100%;
}

.titulo {
  width: 100%;
  font-size: 25px;
  font-family: "Montserrat", sans-serif;
}

.subtitulo {
  width: 100%;
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
  color: rgb(58, 55, 55);
  margin-top: 20px;
}

.texto {
  font-size: 16px;
  font-family: "Montserrat", sans-serif;
  margin-top: 15px;
  line-height: 25px;
}

.imgtenis {
  width: 90%;
  height: 400px;
  display: flex;
  justify-content: center;
  margin: 1rem auto;
}

.imgtenis img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.titulo {
  font-size: 20px;
  /* margin-top: 10px; */
  font-family: "Montserrat", sans-serif;
}

iframe {
  margin-top: 10px;
  border-radius: 15px;
}

.textoborder {
  border-bottom: 2px solid grey;
}

.foto4 {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  margin-top: 1rem;
}

.foto4 img {
  width: 100%;
}

.span {
  font-weight: bold;
  font-family: "Montserrat", sans-serif;
}

/* Esteban */
.mainarticulos {
  width: 100%;
  max-width: 1400px;
  margin: auto;
  display: flex;
  justify-content: space-around;
}
.todosart {
  width: 70%;
  padding-top: 1rem;
}

.swiper {
  width: 100%;
  height: 30rem;
}
.swiper a {
  text-decoration: none;
}
.swiper1 {
  width: 100%;
  height: 100%;
  padding-bottom: 1.5rem;
}
.noticiasart {
  width: 97%;
  margin: auto;
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
  border: white solid 1px;
  border-radius: 5px;
  padding: 6px;
}
.textnotart {
  width: 65%;
  color: white;
}
.imgnotart {
  width: 33%;
  border: white solid 1px;
  border-radius: 5px;
}
.dentro {
  width: 100%;
  height: 100%;
}
img[class="dentro"] {
  object-fit: cover;
}
iframe[class="dentro"] {
  margin: 0;
  border-radius: 5px !important;
}
/* Noticias Culturales */
.sectarticulos1 {
  width: 100%;
  padding-top: 0.5rem;
  background-color: #5ca8a4;
  padding-bottom: 1rem;
}
.articarticulos1 {
  width: 70%;
  margin: auto;
  margin-top: 1rem;
  background-color: white;
}
.articarticulos1 h1 {
  font-size: 2rem;
  text-align: center;
  border-bottom: 1rem solid #5ca8a4;
  box-shadow: -2px -2px 8px 2px grey inset;
}
.artpag1 {
  --swiper-pagination-bullet-horizontal-gap: 1rem;
  /* --swiper-pagination-drag-bg-color: rgba(250, 9, 9, 0.5);  */
  --swiper-pagination-bullet-inactive-opacity: 0.9;
  --swiper-pagination-bullet-inactive-color: white;
  --swiper-theme-color: #5ca8a4;
}

/* NOticias Politicas */
.sectarticulos2 {
  width: 100%;
  padding-top: 0.5rem;
  background-color: #2d3250;
  padding-bottom: 1rem;
  margin-top: 1rem;
}
.articarticulos2 {
  width: 70%;
  margin: auto;
  margin-top: 1rem;
  background-color: white;
}
.articarticulos2 h1 {
  font-size: 2rem;
  text-align: center;
  border-bottom: 1rem solid #2d3250;
  box-shadow: -2px -2px 8px 2px grey inset;
}

.artpag2 {
  --swiper-pagination-bullet-horizontal-gap: 1rem;
  /* --swiper-pagination-drag-bg-color: rgba(250, 9, 9, 0.5);  */
  --swiper-pagination-bullet-inactive-opacity: 0.9;
  --swiper-pagination-bullet-inactive-color: white;
  --swiper-theme-color: #2d3250;
}

/* Noticias Deportivas */
.sectarticulos3 {
  width: 100%;
  padding-top: 0.5rem;
  background-color: #9708088f;
  padding-bottom: 1rem;
  margin-top: 1rem;
}
.articarticulos3 {
  width: 70%;
  margin: auto;
  margin-top: 1rem;
  background-color: white;
}
.articarticulos3 h1 {
  font-size: 2rem;
  text-align: center;
  border-bottom: 1rem solid #9708088f;
  box-shadow: -2px -2px 8px 2px grey inset;
}

.artpag3 {
  --swiper-pagination-bullet-horizontal-gap: 1rem;
  /* --swiper-pagination-drag-bg-color: rgba(250, 9, 9, 0.5);  */
  --swiper-pagination-bullet-inactive-opacity: 0.9;
  --swiper-pagination-bullet-inactive-color: white;
  --swiper-theme-color: #9708088f;
}

/* Noticias Sociales */
.sectarticulos4 {
  width: 100%;
  padding-top: 0.5rem;
  background-color: #6e706e;
  padding-bottom: 1rem;
  margin-top: 1rem;
}
.articarticulos4 {
  width: 70%;
  margin: auto;
  margin-top: 1rem;
  background-color: white;
}
.articarticulos4 h1 {
  font-size: 2rem;
  text-align: center;
  border-bottom: 1rem solid #6e706e;
  box-shadow: -2px -2px 8px 2px grey inset;
}

.artpag4 {
  --swiper-pagination-bullet-horizontal-gap: 1rem;
  /* --swiper-pagination-drag-bg-color: rgba(250, 9, 9, 0.5);  */
  --swiper-pagination-bullet-inactive-opacity: 0.9;
  --swiper-pagination-bullet-inactive-color: white;
  --swiper-theme-color: #6e706e;
}

/* Juan */
/* MEEDIA QUIERI */
@media (max-width: 800px) {
  /* DEPORTES */
  h1 {
    font-size: 1.2rem;
  }
  h2 {
    font-size: 1rem;
  }
  .contenedor {
    flex-direction: column;
  }
  .divcategori {
    width: 100%;
  }
  .noticiaprincipaldeportes,
  .noticiaprincipalcultura,
  .noticiaprincipalpolitica,
  .noticiaprincipalsociedad {
    background-size: 100%;
    height: 14%;
    background-repeat: no-repeat;
  }
  .textnotiprincipaldeportes {
    height: 14rem;
    padding-top: 10rem;
  }
  .textnotiprincipal {
    height: 14rem;
    padding-top: 10rem;
  }
  .noticias {
    flex-direction: column;
  }
  .noticiasecundaria {
    width: 100%;
  }

  /* Janahí */
  .principal {
    flex-direction: column;
    margin-top: 5px;
  }
  .seccion {
    width: 100%;
  }

  .texto {
    padding: 20px;
    margin-top: 0px;
  }

  .subtitulo {
    padding: 20px;
    margin-top: 5px;
  }

  .titulo {
    padding: 20px;
  }

  .textoimg2 {
    padding: 15px;
  }

  iframe {
    width: 90%;
    margin-left: 20px;
  }

  /* ESTEBAN */
  .mainarticulos {
    flex-direction: column;
  }
  .todosart {
    width: 100%;
  }
  /* .sectarticulos1{
  width: 100%;
} */
  .articarticulos1 h1 {
    font-size: 1.1rem;
  }
  .articarticulos2 h1 {
    font-size: 1.1rem;
  }
  .articarticulos3 h1 {
    font-size: 1.1rem;
  }
  .articarticulos4 h1 {
    font-size: 1.1rem;
  }
  .swiper {
    height: 20rem;
  }
  .noticiasart {
    flex-direction: column;
  }
  .textnotart {
    width: 100%;
  }
  .imgnotart {
    width: 100%;
  }

  .aside {
    width: 100%;
    height: 300px;
  }
}