@charset "UTF-8";
/* CSS Document */
/* todos los row dentro del div  */

* {
  margin: 0px 0;
  padding: 0px 0;
  margin: 0px 0;
  padding: 0px 0;
}


/* Anulación de los gutters (espacios entre columnas) */
.row {
  --bs-gutter-x: 0;
  --bs-gutter-y: 0;
  margin-right: 0;
  margin-left: 0;
}

/* Estilo para las columnas para compensar el ancho total */
[class*='col-'] {
  padding-right: 0;
  padding-left: 0;
}


:root {
  --color-1: #212121;
  --color-2: #09297c;
  --color-3: #06dae9;
  --color-4: #0dca1c;
  --color-5: #05ae24;
  --color-6: #ebebeb;
  --color-7: #f3af04;
  --color-8: #ffffff;
}



/* 

font-weight: 300;
font-weight: 700;
font-weight: 1000;

*/



body {
  font-family: 'Nunito', sans-serif;
  font-weight: 700;
  color: var(--color-1);

}






/* Bloque Social Header  ------------------------------------------- */

#socialheader {
  color: var(--color-8);

  & a {
    color: var(--color-8);
  }

  & a:visited {
    color: var(--color-8);
  }

  & a:hover {
    color: var(--color-4);
  }
}


.social {
  font-size: 1.1em;
  padding-left: 20px;
}








/* NAV ------------------------------------------- */

.navbar-nav li {
  font-weight: 700;
}

.nav-underline .nav-link.active,
.nav-underline .show>.nav-link {
  color: var(--color-2);
  border-bottom-color: currentcolor;
}

.navbar {
  padding-top: 0rem;
  padding-bottom: 0rem;
  padding-right: 0;
}


.nav-link {
  color: var(--color-5);
}











/* Bloque Banner  ------------------------------------------- */

.bloq-banner {
  width: 100%;
  height: 50vh;
  display: flex;
  position: relative;
  font-family: 'Nunito', sans-serif;
}

.bloq_img {
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}


.bloq-text {
  position: absolute;
  top: 66%;
  left: 60%;
  transform: translate(-40%, -40%);
  text-align: center;
  background-color: var(--color-4);
  color: var(--color-8);
  padding: 50px;


  & h1 {
    font-size: 2.2em;
    font-weight: 700;
  }

  & h2 {
    font-size: 1.1em;
    font-weight: 300;
  }
}





/* Bloque Institucion  ------------------------------------------- */
.inst {
  color: var(--color-5);
  padding-top: 0px;
  padding-bottom: 0px;


  & h1 {
    font-size: 2.5em;
    padding-bottom: 30px;
  }

  & h2 {
    font-size: 1.5em;
    padding-bottom: 30px;
  }
}


.bloq-ban_inst {
  width: 50%;
  height: 50vh;
  display: flex;
  position: relative;
}

.bloq-ban_inst_img {
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 50%;
  padding-bottom: 50px;
}




/* Bloque Kindergarten  ------------------------------------------- */

#kindergarten {
  text-align: justify;

  & h1 {
    padding-bottom: 30px;
    font-size: 1.4em;
    font-weight: 700;
  }

  & h2 {
    font-size: 1.2em;
    font-weight: 300;
  }
}

.txt_kindergarten {
  padding-left: 40px;
}




/* Bloque Kindergarten  ------------------------------------------- */
.bloq_kin {
  & h3 {
    font-weight: 700;
  }
}

/* Ajusta estos estilos según tus preferencias */
.green-block_1 {
  background-color: #1db14c;
  /* Cambia este color según tus necesidades */
  color: white;
  padding: 30px;
  min-height: 300px;
  /* Altura mínima de los bloques */
  border: 10px solid white;
  /* Agrega un borde para separar visualmente los bloques */
}

.green-block_2 {
  background-color: #00a651;
  /* Cambia este color según tus necesidades */
  color: white;
  padding: 30px;
  min-height: 300px;
  /* Altura mínima de los bloques */
  border: 10px solid white;
  /* Agrega un borde para separar visualmente los bloques */
}

.green-block_3 {
  background-color: #005f2a;
  /* Cambia este color según tus necesidades */
  color: white;
  padding: 30px;
  min-height: 300px;
  /* Altura mínima de los bloques */
  border: 10px solid white;
  /* Agrega un borde para separar visualmente los bloques */
}


.im-block {
  background-image: url("https://colegioalas.edu.ar/_2024/_img/_img/img9.jpg");
  background-size: cover;
  background-position: center;



}

/* Footer ------------------------------------------- */

.footer_bg {
  background-color: var(--color-2);
  padding-top: 70px;
  padding-bottom: 70px;
  font-family: 'Nunito', sans-serif;
  color: var(--color-6);
}

.title {
  font-size: 1.6em;
  font-weight: bold;
  font-weight: 700;
  line-height: 1;
  /* Esto establece el interlineado más estrecho */
}

.lema {
  font-size: 1.1em;
  line-height: 1;
  /* Esto establece el interlineado más estrecho */
  font-weight: 300;
}

.footer_bg a {
  color: var(--color-8)
}

.footer_bg a:visited {
  color: var(--color-8);
}


.footer_bg a:hover {
  color: var(--color-3);
}

.footer p {
  font-weight: 300;
}

#copy {
  padding-top: 60px;
  padding-bottom: 5px;
}


#socialgreen {
  padding-top: 5px;
  padding-bottom: 4px;
}




/* Bloque About  ------------------------------------------- */

.about {
  color: var(--color-1);

  & h1 {
    font-size: 2em;
    color: var(--color-5);
    font-weight: 700;
  }

  & ul {
    font-weight: 300;
  }

  & h3 {
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.5;
    /* Ajusta el valor según sea necesario */
  }
}






/* Destacado  ------------------------------------------- */
.desta {
  color: var(--color-5);
}

.just {
  text-align: justify;
}

.txt_center {
  text-align: center;
}


.novedad-destacada {
  background-color: var(--color-4);
  color: var(--color-6);
  padding: 5px; /* Espaciado interno */
  border-radius: 50px; /* Bordes redondeados */
  margin: 20px; /* Espacio superior */
  text-align: center; /* Centrar texto */
  font-size: 1.3em;
  font-family: "Protest Riot", sans-serif;
  font-weight: 400;
  font-style: normal;
}





.parallax-section {
  position: relative;
  height: 60vh;
  overflow: hidden;
}

.parallax-content {
  position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #fff;
}

.parallax-content img {
  height: 100%;
  /* Altura de la imagen */
}

.parallax-background {
  position: absolute;
  top: -50%;
  left: 0;
  width: 100%;
  height: 100%;
  /* Ajusta según sea necesario para la posición inicial de la imagen */
  background-image: url("https://colegioalas.edu.ar/_2024/_img/_img/img5.jpg");
  background-size: cover;
  background-position: center;
}




/* IMG  ------------------------------------------- */
/* Contacto  ------------------------------------------- */
.img_1_cont {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_contact/img1.jpg");
  margin-bottom: 5px;
}

.img_2_cont {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_contact/img2.jpg");
  margin-bottom: 5px;
}


/* Convivencia  ------------------------------------------- */
.img_1_conv {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_convivencia/img1.jpg");
  margin-bottom: 5px;
}

.img_2_conv {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_convivencia/img2.jpg");
  margin-bottom: 5px;
}

.img_3_conv {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_convivencia/img3.jpg");
  margin-bottom: 5px;
}

.img_4_conv {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_convivencia/img4.jpg");
  margin-bottom: 5px;
}



/* Institucional  ------------------------------------------- */
.img_1_ints {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_institucional/img1.jpg");
  margin-bottom: 5px;
}

.img_2_ints {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_institucional/img2.jpg");
  margin-bottom: 5px;
}



/* Kindergarten  ------------------------------------------- */
.img_1_kind {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_kindergarten/img1.jpg");
  margin-bottom: 5px;
}
.img_2_kind {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_kindergarten/img2.jpg");
  margin-bottom: 5px;
}
.img_3_kind {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_kindergarten/img3.jpg");
  margin-bottom: 5px;
}
.img_4_kind {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_kindergarten/img4.jpg");
  margin-bottom: 5px;
}
.img_5_kind {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_kindergarten/img5.jpg");
  margin-bottom: 5px;
}
.img_6_kind {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_kindergarten/img6.jpg");
  margin-bottom: 5px;
}
.img_7_kind {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_kindergarten/img7.jpg");
  margin-bottom: 5px;
}
.img_8_kind {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_kindergarten/img8.jpg");
  margin-bottom: 5px;
}
.img_9_kind {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_kindergarten/img9.jpg");
  margin-bottom: 5px;
}
.img_10_kind {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_kindergarten/img10.jpg");
  margin-bottom: 5px;
}



/* Lectura  ------------------------------------------- */
.img_1_lec {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_lectura/img1.jpg");
  margin-bottom: 5px;
}
.img_2_lec {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_lectura/img2.jpg");
  margin-bottom: 5px;
}



/* Ñandú  ------------------------------------------- */
.img_1_nan {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_nandu/img1.jpg");
  margin-bottom: 5px;
}
.img_2_nan {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_nandu/img2.jpg");
  margin-bottom: 5px;
}



/* Natación  ------------------------------------------- */
.img_1_nat {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_natacion/img1.jpg");
  margin-bottom: 5px;
}
.img_2_nat {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_natacion/img2.jpg");
  margin-bottom: 5px;
}
.img_3_nat {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_natacion/img3.jpg");
  margin-bottom: 5px;
}
.img_4_nat {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_natacion/img4.jpg");
  margin-bottom: 5px;
}
.img_5_nat {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_natacion/img5.jpg");
  margin-bottom: 5px;
}

.img_6_nat {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_natacion/img6.jpg");
  margin-bottom: 5px;
}
.img_7_nat {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_natacion/img7.jpg");
  margin-bottom: 5px;
}




/* Kindergarten  ------------------------------------------- */
.img_1_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img1.jpg");
  margin-bottom: 5px;
}
.img_2_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img2.jpg");
  margin-bottom: 5px;
}
.img_3_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img3.jpg");
  margin-bottom: 5px;
}
.img_4_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img4.jpg");
  margin-bottom: 5px;
}
.img_5_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img5.jpg");
  margin-bottom: 5px;
}
.img_6_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img6.jpg");
  margin-bottom: 5px;
}
.img_7_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img7.jpg");
  margin-bottom: 5px;
}
.img_8_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img8jpg");
  margin-bottom: 5px;
}



/* Proytecto  ------------------------------------------- */
.img_1_proy {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_proyecto/img1.jpg");
  margin-bottom: 5px;
}



/* Robotica  ------------------------------------------- */
.img_1_rob {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_robotica/img1.jpg");
  margin-bottom: 5px;
}



/* Pantalla  ------------------------------------------- */

.img_1_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img1.jpg");
  margin-bottom: 5px;
}
.img_2_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img2.jpg");
  margin-bottom: 5px;
}
.img_3_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img3.jpg");
  margin-bottom: 5px;
}
.img_4_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img4.jpg");
  margin-bottom: 5px;
}
.img_5_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img5.jpg");
  margin-bottom: 5px;
}
.img_6_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img6.jpg");
  margin-bottom: 5px;
}
.img_7_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img7.jpg");
  margin-bottom: 5px;
}
.img_8_pant {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_pantallas/img8.jpg");
  margin-bottom: 5px;
}





/* School  ------------------------------------------- */
.img_1_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img1.jpg");
  margin-bottom: 5px;
}
.img_2_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img2.jpg");
  margin-bottom: 5px;
}
.img_3_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img3.jpg");
  margin-bottom: 5px;
}
.img_4_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img4.jpg");
  margin-bottom: 5px;
}
.img_5_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img5.jpg");
  margin-bottom: 5px;
}
.img_6_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img6.jpg");
  margin-bottom: 5px;
}
.img_7_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img7.jpg");
  margin-bottom: 5px;
}
.img_8_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img8.jpg");
  margin-bottom: 5px;
}
.img_9_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img9.jpg");
  margin-bottom: 5px;
}
.img_10_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img10.jpg");
  margin-bottom: 5px;
}
.img_11_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img11.jpg");
  margin-bottom: 5px;
}
.img_12_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img12.jpg");
  margin-bottom: 5px;
}
.img_13_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img13.jpg");
  margin-bottom: 5px;
}
.img_14_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img14.jpg");
  margin-bottom: 5px;
}
.img_15_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img15.jpg");
  margin-bottom: 5px;
}
.img_16_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img16.jpg");
  margin-bottom: 5px;
}
.img_17_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img17.jpg");
  margin-bottom: 5px;
}
.img_18_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img18.jpg");
  margin-bottom: 5px;
}
.img_19_sch {
  background-image: url("https://colegioalas.edu.ar/_img/_img/_school/img19.jpg");
  margin-bottom: 5px;
}









/* Background  ------------------------------------------- */

.back_grey {
  background-color: #e4f4fa;
}


.back_4{
  background-image: linear-gradient(to bottom, #fcf9ec, #ffffff);
}

.back_social {
  background-color: var(--color-1);
  margin-left: -15px;
  /* Elimina el margen izquierdo */
  margin-right: -15px;
  /* Elimina el margen derecho */
}


.back_1{
  background-color: #D3E3EE;
}

.back_2{
  background-color: #faf0e3;
}

.back_3{
  background-color: #e1f3f9;
}
/* Padding  ------------------------------------------- */

.pc-30 {
  padding-right: 50px;
}


.p_b_10 {
  padding-bottom: 10px;
}

.p_t_10 {
  padding-top: 10px;
}

.p_r_10 {
  padding-right: 10px;
}


.p_l_10 {
  padding-left: 10px;
}

.p_b_30 {
  padding-bottom: 30px;
}

.p_t_30 {
  padding-top: 30px;
}

.p_r_30 {
  padding-right: 30px;
}

.p_l_30 {
  padding-left: 30px;
}





.rainbow-column {
  height: 15px;
  border-top: 1px solid rgb(255, 255, 255); /* Para que se vea cada columna */
}

/* Colores de arcoiris */
.rainbow-column:nth-child(1) { background-color: #FF3E4D; } /* Rojo */
.rainbow-column:nth-child(2) { background-color: #FFBB00; } /* Naranja */
.rainbow-column:nth-child(3) { background-color: #FFEA00; } /* Amarillo */
.rainbow-column:nth-child(4) { background-color: #10CA1D; } /* Verde */ 
.rainbow-column:nth-child(5) { background-color: #1976D2; } /* Azul */
.rainbow-column:nth-child(6) { background-color: #7C4DFF; } /* Morado */



@media only screen and (max-width: 768px) {
  /* Estilos para pantallas pequeñas (móviles y tablets) */

  .bloq-ban_inst {
    width: 100%;
    height: 30vh;
    display: flex;
    position: relative;
    margin-top: 5px;
    margin-bottom: 5px;
  }


  .txt_kindergarten {
    padding-left: 0px;
    padding-top: 30px;
    padding-bottom: 30px;
  }


  .bloq-banner {
    width: 100%;
    height: 30vh;
    display: flex;
    position: relative;
    font-family: 'Nunito', sans-serif;
  }

  .bloq-text {
    position: absolute;
    top: 46%;
    left: 50%;
    transform: translate(-40%, -40%);
    text-align: center;
    background-color: var(--color-4);
    color: var(--color-8);
    padding: 10px;


    & h1 {
      font-size: 1.3em;
      font-weight: 700;
    }

    & h2 {
      font-size: 0.9em;
      font-weight: 300;
    }
  }

  #kindergarten {
    & h1 {
      padding-bottom: 20px;
      padding-top: 10px;
    }
  }


  .inst {
    & h1 {
      font-size: 1.7em;
      padding-bottom: 10px;
    }
  }


  .pc_b_10 {
    padding-bottom: 10px;
  }


  .pc_t_10 {
    padding-top: 10px;
  }

  .pc_r_10 {
    padding-right: 10px;
  }


  .pc_l_10 {
    padding-left: 10px;
  }

  .pc_b_30 {
    padding-bottom: 30px;
  }

  .pc_t_30 {
    padding-top: 30px;
  }

  .pc_r_30 {
    padding-right: 30px;
  }

  .pc_l_30 {
    padding-left: 30px;
  }



  #institucion {
    /* Estilos que deseas aplicar a la sección con el id "institucion" */
    color: var(--color-5);
    padding-top: 0px;
    padding-bottom: 0px;

    & h1 {
      font-size: 1.3em;
      padding-top: 30px;
    }

    & h2 {
      font-size: 1em;
      padding-bottom: 30px;
    }
  }




  /* Padding  ------------------------------------------- */


  .p_b_10 {
    padding-bottom: 0px;
  }

  .p_t_10 {
    padding-top: 0px;
  }

  .p_r_10 {
    padding-right: 0px;
  }


  .p_l_10 {
    padding-left: 0px;
  }

  .p_b_30 {
    padding-bottom: 0px;
  }

  .p_t_30 {
    padding-top: 0px;
  }

  .p_r_30 {
    padding-right: 0px;
  }

  .p_l_30 {
    padding-left: 0px;
  }



  .maps {
    padding-top: 200px;
  }
}









@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
  /* Estilos específicos para tablets en modo horizontal */

  #pad_cel {
    padding-top: 50px;
    padding-bottom: 70px;
  }


}

@media only screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) {
  /* Estilos específicos para tablets en modo vertical */
}

@media only screen and (min-width: 1200px) {
  /* Estilos para pantallas más grandes, como monitores de escritorio */
}