@font-face {
  font-family: 'Montserrat-Regular';
  src: url('../recursos/Montserrat-Regular.ttf') format('opentype');
}

.imagenConTexto {
  position: relative;
  width: 100%;
  /* Ancho del div */
  height: 100%;
  /* Altura del div */
  overflow: hidden;
  border-radius: 15px;
}

/* Estilo para la imagen de fondo */
.imagenConTexto img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  border-radius: 15px;
}


/* Estilo para el div de superposición */
.superposicionNegra {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  /* Fondo negro semi-transparente */
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}


.textoBlanco {
  color: white;
  font-size: 32px;
  font-weight: bold;
  z-index: 1;
  /* Para asegurar que el texto esté sobre el fondo negro */
  position: relative;
}


#temas1Contenidoitem {
  position: relative;
  width: 100%;
  height: 250px;
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  align-items: center;
  justify-content: space-between;
}

#temas1Contenidoitem2 {
  position: relative;
  width: 100%;
  height: 250px;
  display: flex;
  flex-direction: row;
  margin-top: 30px;
  align-items: center;
  justify-content: space-between;
}

#temas1ContenidoitemTexto {
  height: 100%;
  background-color: white;
  width: 49%;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

#temas1ContenidoitemTexto2 {
  height: 100%;
  background-color: white;
  width: 49%;
  border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  line-height: 25px;
}

#temas1ContenidoitemTexto2 p {
  line-height: 25px;
}

#temas1ContenidoitemTexto p {
  color: black;
  max-width: 80%;
  margin-left: 5%;
  text-align: left;
  line-height: 25px;
  font-size: 17px;
  font-family: 'Montserrat-Regular';
}

#temas1ContenidoitemTexto2 p {
  color: black;
  max-width: 88%;
  margin-right: 5%;
  text-align: right;
  font-size: 17px;
  font-family: 'Montserrat-Regular';
}

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

  #temas1Contenidoitem {

    height: auto;

  }

  #temas1Contenidoitem2 {

    height: auto;

  }

  #temas1Contenidoitem {
    flex-direction: column;
    height: auto;
    justify-content: center;
  }

  #temas1Contenidoitem2 {
    flex-direction: column-reverse;
    height: auto;
    justify-content: center;
  }

  #temas1ContenidoitemTexto {
    width: 100%;
    margin: 6%;
  }


  #temas1ContenidoitemTexto2 {
    width: 100%;
    margin: 6%;
  }


  #temas1ContenidoitemTexto p {
    color: black;
    max-width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
  }

  #temas1ContenidoitemTexto2 p {
    color: black;
    max-width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
  }

  #temas1Contenidoitem img {
    width: 100%;
    height: 100px;
  }

  .textoBlanco {
    font-size: 15px;
  }

}

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

  #temas1ContenidoitemTexto p {
    color: black;
    max-width: 100%;
    text-align: center;
    font-size: 15px;
    line-height: 18px;
  }

}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {

  #temas1ContenidoitemTexto p {
    color: black;
    max-width: 100%;
    margin-left: 5%;
    text-align: center;
  }

  #temas1ContenidoitemTexto2 p {
    text-align: center;
  }

  #temas1Contenidoitem {
    flex-direction: column;
    height: auto;
    justify-content: center;
  }

  #temas1Contenidoitem2 {
    flex-direction: column-reverse;
    height: auto;
    justify-content: center;
  }



}

/* Teléfonos móviles pequeños */
@media (max-width: 320px) {
  #temas1ContenidoitemTexto p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }

  #temas1ContenidoitemTexto2 p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }
}

/*Teléfonos móviles medianos*/
@media (min-width: 321px) and (max-width: 375px) {
  #temas1ContenidoitemTexto p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }

  #temas1ContenidoitemTexto2 p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }
}

/*Teléfonos móviles grnandes*/
@media (min-width: 376px) and (max-width: 425px) {
  #temas1ContenidoitemTexto p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }

  #temas1ContenidoitemTexto2 p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }
}

/* Tabletas en modo retrato */
@media (min-width: 426px) and (max-width: 768px) {
  #temas1ContenidoitemTexto p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }

  #temas1ContenidoitemTexto2 p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }
}

/* Tabletas en modo paisaje */
@media (min-width: 769px) and (max-width: 1024px) {

  #temas1ContenidoitemTexto p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }

  #temas1ContenidoitemTexto2 p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }

}

/* Ordenadores portátiles pequeños */
@media (min-width: 1025px) and (max-width: 1280px) {
  #temas1ContenidoitemTexto p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }

  #temas1ContenidoitemTexto2 p {
    color: black;
    max-width: 92%;
    margin-left: 5%;
    text-align: center;
    line-height: 18px;
    font-size: 17px;
  }
}

/* Monitores de PC de escritorio */
@media (min-width: 1281px) and (max-width: 1600px) {}

/* Monitores de PC de escritorio grandes */
@media (min-width: 1601px) and (max-width: 1920px) {}

/* Televisores y proyectores HD */
@media (min-width: 1921px) and (max-width: 2560px) {}

/* Televisores y proyectores 4K */
@media (min-width: 2561px) {}