/* Importar la fuente Montserrat desde Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap');

/* Establecer Montserrat como fuente predeterminada */
body {
  font-family: 'Montserrat', sans-serif;
  margin: 0;
  padding: 0;
  color: black;
}

/* Estilos para el cintillo de inicio */
.cintillo {
  background-image: url('img/barra_head.png'); /* Ruta de la imagen */
  background-size: cover; /* La imagen cubre toda la sección */
  background-position: center; /* Centra la imagen */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
  color: white;
  height: 70px;
  display: flex;
  position: relative; /* Necesario para posicionar la imagen */
  padding-right: 100px; /* Espacio para la imagen */
}

.menu {
  color: white;
  color: #900045;
  height: 70px;
  display: flex;
  position: relative; /* Necesario para posicionar la imagen */
  padding-right: 100px; /* Espacio para la imagen */

}

.titulo_centrado {
    color: #900045; /* Color del texto para que contraste con la imagen */
    font-size: 2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
  }
/* Estilos para el slide */
  .slide {
    background-image: url('img/no_encontados.png'); /* Ruta de la imagen */
    background-size: cover; /* La imagen cubre toda la sección */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */  
  height: 500px;
  /*display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 600;*/
}


/* Estilos para la sección "¿Qué debo hacer?" */
.que-debo-hacer {
    background-image: url('img/quedebohacer.png'); /* Ruta de la imagen */
    background-size: cover; /* La imagen cubre toda la sección */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */  
  height: 500px;
  padding: 2rem;
  text-align: center;
}

.que-debo-hacer h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

/* Estilos para la sección "¿Qué es el RNPDNO?" */
.que-es-rnpdno {
  background-image: url('img/rpndo.png'); /* Ruta de la imagen */
    background-size: cover; /* La imagen cubre toda la sección */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */ 
  background-color: #f0e5d3;
  height: 850px;
  padding: 2rem;
  text-align: center;
}

.que-es-rnpdno h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

/* Estilos para la sección "Personas localizadas" */
.personas-localizadas {
   /* background-image: url('img/fondo_localizadas.png'); /* Ruta de la imagen */
    background-image: url('img/localizadas.png'); /* Ruta de la imagen */
    background-size: cover; /* La imagen cubre toda la sección */
    background-position: center; /* Centra la imagen */
    background-repeat: no-repeat; /* Evita que la imagen se repita */ 
  height: 780px;
  padding: 2rem;
  text-align: center;
}

.personas-localizadas h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

/* Estilos para la sección "Alianzas" */
.alianzas {
  background-image: url('img/alianza.png'); /* Ruta de la imagen */
  background-size: cover; /* La imagen cubre toda la sección */
  background-position: center; /* Centra la imagen */
  background-repeat: no-repeat; /* Evita que la imagen se repita */ 
    background-color: #f0e5d3;
  height: 600px;
  padding: 2rem;
  text-align: center;
}

.alianzas h2 {
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}

/* Estilos para el pie de página */
.pie-de-pagina {
  background-image: url('img/pie_pagina.png'); /* Ruta de la imagen */
  background-size: cover; /* La imagen cubre toda la sección */
  background-position: center; /* Centra la imagen */
  background-repeat: no-repeat; /* Evita que la imagen se repita */ 
  height: 315px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  font-weight: 400;
}