/**** CABECERA ****/

/***CABECERA colegio ***/

.cabecera-wrapper {
background: linear-gradient(180deg, rgb(50, 89, 90) 1%, rgb(74, 124, 124) 40%, rgb(99, 160, 159) 80%);
padding:50px 0;
}

.cabecera-datos {
text-align: center;

        }
        .cabecera-colegio-imagen img {
border-radius: 100%;

        }

        .cabecera-colegio-titulo {
            color: white;
        }

/**** CABECERA viaje ***/
.cabecera-viaje-wrapper {
        text-align: center;
        margin-bottom: 4em;

}
.cabecera-viaje-titulo {
        font-size: 30px;
        font-weight: 800;
        line-height: 36px;
        text-align: center;
        margin: 1em 0 1em 0;
}

.cabecera-viaje-imagen {


}






/*** TIME LINE **/
.views-field-nothing-1 {
        margin-bottom: 4em;
      }

.timeline-wrapper {
       
        max-width: 470px;
        margin: 0 auto;
        padding: 0 8px;
      }
.timeline-colegio-destino {
      font-size: 18px;
  font-weight: 600;
  line-height: 22px;
}


        .linea {
                height: 147%;
                position: relative;
                background: #b8ce32;
                width: 1px;
              }
  

              .punto {
                width: 17px;
                height: 17px;
                background: #b8ce32;
                position: absolute;
                border-radius: 100px;
                left: -8px;
                top: 34px;
              }

.request-password-link {
        display:none;
}


/*** VIAJES ***/
.viajes-wrapper {
        padding: 3em;
      }

.pagina-viajes-imagen {
        position: relative;
        max-width: 320px;
        margin-bottom: 1em;
      }

      .pagina-viajes-imagen img {
        border-radius: 7px;
      }

      .pagina-viajes-titulo a {
        position: absolute;
        z-index: 10;
        top: 0;
        background: #03add4;
        padding: 10px;
        width: 100%;
        color: white;
        text-decoration: none;
        text-align: center;
      }    

      /***** MENU INFERIOR **/

      .app-menu-wrapper {
  max-width: 440px;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: red;
  display: flex;
}