/*TIPOGRAFIAS*/
@font-face {
    font-family: 'robotoslab-regular';
    src: url('robotoslab-regular-webfont.woff2') format('woff2'),
         url('robotoslab-regular-webfont.woff') format('woff'),
         url('robotoslab-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
   font-family: 'Axis';
   src: url('axis-webfont.eot');
   src: url('axis-webfont.woff2') format('woff2'),
   url('axis-webfont.woff') format('woff'),
   url('axis-webfont.ttf') format('truetype');
   font-weight: normal;
   font-style: normal;
}

@import url(https://fonts.googleapis.com/css?family=Roboto);

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300);

/*PAGINA*/
* {
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

@charset "utf-8";

*{
    box-sizing: border-box;
}

form{
    max-width: 24em;
}

form *:not(label):not(div){
    background-color: lightblue;    
    margin:0;
    width:100%;
    padding: 0.8em;
    border: 0;
    border-radius: 0.5em;
    box-shadow: 0  0 3px rgba(2, 71, 165, 0.66); 
}





/*
input {
    AQUI estilos para todos los inputs
}

input:not([type="radio"]):not([type="checkbox"]) {
    aqui estilos para todos los inputs excepto los radio y los checkbox
}
*/

label{
    margin: 1em 0 0.5em 0;
    font-family: sans-serif;
    font-size: 15px;
}

input, select{
    background-color: lightblue;
    font-size: 2rem;
}

input[type="submit"] {
    color: #808285;
    font-weight: 700;
    background-color: #002190;
    width: 30%;
    margin: 10rem 0rem 0rem 14rem;
}

*::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #808285;
}
*:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #808285;
}
*::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #808285;
}
*:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #808285;
}

:required:focus {
    font-weight: bold;
    color: white;
    font-size: 1.1em;
    box-shadow: 0  0 3px rgba(255,0,0,0.5); 
}

/*

.sexo label, .cursos label{
    display: block;
    width: 12em;
}

.sexo input, .cursos input{
    display: inline;
    width: 1em;
}

*/

form div input{
    display: inline;
    width: 1em;
    margin: 1em;
}

form div label{
    margin-bottom: 1.3em;
}



form {
    max-width: 70%;
    margin: 0 auto;
    margin-top: 22%;
}

{}

/* MENU PRINCIPAL */



/* BARRA-MENU */

.barra-menu {
    width: 100%;
    height: 83px;
    background-color: #E6362B;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    border-top: 0px solid rgba(0, 52, 72, 1);
    border-bottom: 0px solid rgba(0, 52, 72, 1);
    display: flex;
}

.barra-menu h1{
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 17px;
    line-height: 17px;
    text-align: center;
    margin: 0 auto;
    color: white;
    display: inline-block;
    margin-top: 2rem;
}

.imagen-info {
  width: 2rem;
  display: inline-block;
  float: right;
  margin-right: 1.5rem;
  margin-top: 1.5rem;
}

.imagen-info img {
  width: 100%;
}

.imagen-perfil {
  width: 2rem;
  display: inline-block;
  float: left;
  margin-left: 1.5rem;
  margin-top: 1.5rem;
}

.imagen-perfil img {
  width: 100%;
}

.imagen-siguiente {
    width: 4rem;
    margin-top: 2rem;
}

.imagen-siguiente img {
  width: 100%;
}

.contenedor-iconos-menu {
    width: 100%; 
    display: inline-block;
}

.iconos {
    width: 49%;
    display: inline-block;
    margin: 0 auto;
    text-align: center; 
}

.iconos img {
  width: 100%;
}


.iconos_logo { 
    margin: 3rem auto 0rem; 
    text-align:center;
}

.iconos_logo img {
    max-width: 250px;
}

.contenedor-pagina h2 {
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 35px;
    text-align: center;
    margin: 0 auto;
    color: #767170;
    margin-top: 3rem;
}

.leyenda-app h2 {
    font-size: 15px;
    text-align: center;
    font-family: 'robotoslab-regular', sans-serif;
    width: 85%;
    color: #989a9c;
    align-items: center;
    margin: 0 auto;
    margin-top: 2rem;
    margin-bottom: 2rem;
}

/* botones materias y horarios */

.boton-materia-celes a{
    display: block; padding:10px; 
    border-radius:25px; text-decoration:none;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    margin: 10px auto; width:10rem;
    background-color:#B9E4ED;
    font-family: 'Open Sans', sans-serif; color:#666; font-weight:700;
    font-size: 17px;
    text-align: center;
}

.boton-materia-celes a:hover { /* boton celeste con link apretado */
    display: block; padding:10px; 
    border-radius:25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    margin: 10px auto; width:10rem;
    background-color:#A31B2F;
    font-family: 'Open Sans', sans-serif; color:#fff; font-weight:700;
    font-size: 17px;
    text-align: center;

}

.boton-materia-bordo { /* boton bordo solo */
    display: block; padding:10px; 
    border-radius:25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    margin: 10px auto; width:10rem;
    background-color:#A31B2F;
    font-family: 'Open Sans', sans-serif; color:#fff; font-weight:700;
    font-size: 17px;
    text-align: center;
}


/*--------------------- */

/* MES */ 

.contenedor-mes {
    width: 95%;
    background-color: #00afce;
    height: 42px;
    display: flex;
    margin: 0 auto;
    margin-top: 30px;
}

.imagen-atras {
    width: 1rem;
    display: flex;
    align-items: center;
    float: left;
    margin-left: 2rem;
}

.imagen-atras img {
    width: 100%
}

.contenedor-mes p {
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 17px;
    text-align: center;
    margin: 0 auto;
    color: white;
    display: flex;
    align-items: center;
}

.imagen-siguiente {
    display: flex;
    align-items: center;
    float: right;
    margin-right: 2rem;
}

.imagen-siguiente img {
    width: 100%
}

/* FECHAS */ {}

.contenedor-mes {
    width: 95%;
    height: 42px;
    display: flex;
    margin: 0 auto;
    margin-top: 31px;
}

.texto {
    width: 100%
}

.contenedor-texto {
    width: 78%;
    position: absolute;
    height: 129.77px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    margin-left: 43px;

}

.contenedor-texto h1 {
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 17px;
    text-align: center;
    margin: 0 auto;
    color: #767170;
    display: flex;
    width: 100%;
    
}

.contenedor-texto h2 {
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 17px;
    text-align: center;
    margin: 0 auto;
    color: #767170;
    display: flex;
    width: 100%;
    margin-top: 21px;
    
}

.fondo-fechas {
    width: 100%;
    position: absolute;
    margin-top: -11px;
}

.fondo-fechas img {
    width: 100%;
    position: absolute;
}

.contenedor-fechas-3 {
    display: flex;
    background-color: #ffffff;
    width: 78%;
    height: 57px;
    margin: 0 auto;
    margin-top: 36px;
    box-shadow: -1px 1px 4px 1px rgba(0, 0, 0, 0.38);
}

.texto-2 {
    width: 37%;
    text-align: center;
    margin: 0 auto;
    margin-top: 0px;
}

.texto-2 h1 {
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 17px;
    text-align: center;
    margin: 0 auto;
    color: #767170;
    width: 100%;
    margin-top: 21px;
}

.contenedor-enviar-2 {
    display: flex;
    background-color: #ee4336;
    width: 245px;
    height: 50px;
    margin: 0 auto;
    margin-top: 45px;
    box-shadow: -1px 1px 4px 1px rgba(0, 0, 0, 0.38);
}

.texto-box {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
}
.centrar {
    text-align: center;
    margin: 0 auto;
    margin-top: 14px;
}

.texto-blanco {
    color: #ffffff;
}





/* CALENDARIO */



/* BARRA-MENU */

.contenedor-pagina {
    width: 100%;
}

.barra-menu {
    width: 100%;
    height: 83px;
    background-color: #EE4336;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.7);
    border-top: 0px solid rgba(0, 52, 72, 1);
    border-bottom: 0px solid rgba(0, 52, 72, 1);
    display: flex;

}

.flecha-atras {
    width: 2rem;
    display: flex;
    align-items: center;
    float: right;
    margin-left: 1.5rem;
}

.flecha-atras img {
    width: 100%;
}

.barra-menu p {
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 17px;
    text-align: center;
    margin: 0 auto;
    color: white;
    display: flex;
    align-items: center;
}

.imagen-info {
    width: 2rem;
    align-items: center;
    float: right;
    margin-right: 1.5rem;
}

.imagen-info img {
    width: 100%
}

input[placeholder], [placeholder], *[placeholder] {
    color: #949494;
}


/* MES */ {}

.contenedor-mes {
    width: 95%;
    background-color: #00afce;
    height: 42px;
    display: flex;
    margin: 0 auto;
    margin-top: 30px;
}

.imagen-atras {
    width: 1rem;
    display: flex;
    align-items: center;
    float: left;
    margin-left: 2rem;
}

.imagen-atras img {
    width: 100%
}

.contenedor-mes p {
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 17px;
    text-align: center;
    margin: 0 auto;
    color: white;
    display: flex;
    align-items: center;
}

.imagen-siguiente {
    width: 1rem;
    display: flex;
    align-items: center;
    float: right;
    margin-right: 2rem;
}

.imagen-siguiente img {
    width: 100%
}

/* FECHAS */ {}

.contenedor-mes {
    width: 95%;
    height: 42px;
    display: flex;
    margin: 0 auto;
    margin-top: 31px;
}

.texto {
    width: 92%;
    margin: 0 auto;
    margin-top: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}

.texto h1 {
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 17px;
    text-align: center;
    margin: 0 auto;
    color: #767170;
    display: flex;
    width: 100%;
    
}

.texto h2 {
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 17px;
    text-align: center;
    margin: 0 auto;
    color: #767170;
    display: flex;
    width: 100%;
    margin-top: 21px;
    
}

.contenedor-fechas {
    display: flex;
    background-color: #ffffff;
    width: 85%;
    height: 100px;
    margin: 0 auto;
    margin-top: 0px;
    box-shadow: -1px 1px 4px 1px rgba(0, 0, 0, 0.38);
}

.contenedor-fechas-2 {
    display: flex;
    background-color: #ffffff;
    width: 85%;
    height: 100px;
    margin: 0 auto;
    margin-top: 10px;
    box-shadow: -1px 1px 4px 1px rgba(0, 0, 0, 0.38);
}









/* REGISTRARSE */

/* RECORRIDO */ {}

.recorrido {
    width: 60%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: 2rem;
}   

.recorrido img {
    width: 100%;
}

.foto-perfil {
    width: 40%;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: 2rem;
}   

.foto-perfil img {
    width: 100%;
}


/* DATOS */

.datos {
    width: 100%;
}

.datos p {
    font-size: 12px;
    text-align: initial;
    line-height: 25px;
    font-family: 'robotoslab-regular', sans-serif;
    width: 85%;
    color: #989a9c;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: 9%;
}

.datos-nombre {
    font-size: 12px;
    text-align: initial;
    line-height: 25px;
    font-family: 'robotoslab-regular', sans-serif;
    width: 85%;
    height: 52%;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: 9%;
    border: none;
    border-bottom: 1.5px solid;
    border-bottom-color: #ced0d0;
    padding-bottom: 5px;
}

.imagen-sexo {
    width: 5%;
    display: flex;
    align-items: center;
    float: left;
    margin-left: 2rem;
}

.imagen-sexo img {
    width: 100%;
    margin-right: 2rem;
}

/* ENVIAR */

.contenedor-enviar {
    display: flex;
    background-color: #ee4336;
    width: 245px;
    height: 50px;
    margin: 0 auto;
    margin-top: 85px;
    box-shadow: -1px 1px 4px 1px rgba(0, 0, 0, 0.38);
}

.texto-box {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 16px;
}
.centrar {
    text-align: center;
    margin: 0 auto;
    margin-top: 14px;
}

.texto-blanco {
    color: #ffffff;
}

a {
    color: #ffffff;
}


/* REGISTRARSE-2 */

.check {
    width: 81%;
    display: inline-block;
    margin-left: 1rem;
    margin-top: 3rem;
    font-size: 15px;
    text-align: initial;
    line-height: 25px;
    font-family: 'robotoslab-regular', sans-serif;
    color: #989a9c;
}

.datos-check {
    width: 75%;
    margin: 0 auto;
}

.datos-check p {
    font-size: 15px;
    text-align: initial;
    line-height: 25px;
    font-family: 'robotoslab-regular', sans-serif;
    width: 85%;
    color: #989a9c;
    display: flex;
    align-items: center;
    margin: 0 auto;
    margin-top: 13%;
    margin-left: 0px;
}

.contenedor-enviar-2 {
    display: flex;
    background-color: #ee4336;
    width: 245px;
    height: 50px;
    margin: 0 auto;
    margin-top: 45px;
    box-shadow: -1px 1px 4px 1px rgba(0, 0, 0, 0.38);
}

.contenedor-enviar-3 {
    display: flex;
    background-color: #ee4336;
    width: 245px;
    height: 50px;
    margin: 0 auto;
    margin-top: 124px;
    box-shadow: -1px 1px 4px 1px rgba(0, 0, 0, 0.38);
}

.check-2  {
    width: 34%;
    display: inline-block;
    margin-left: 0.5rem;
    margin-top: 1.5rem;
    font-size: 15px;
    text-align: initial;
    line-height: 25px;
    font-family: 'robotoslab-regular', sans-serif;
    color: #989a9c;
}

/* INFO-MENU */

.contenedor-info img {
    width: 35%;
}
.info-iconos {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

div.info-iconos h1 {
    font-family: 'robotoslab-regular', sans-serif;
    margin-top: 1.5rem;
    color: #EE4336;

}

.info-iconos p {
    font-family: 'robotoslab-regular', sans-serif;
    font-size: 0.8rem;
    
}



/* EVENTOS */

.eventos h2 {
    color: #5C5657;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 1.2rem;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    margin-left: 2rem;
}

.eventos h3 {
    color: #5C5657;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 1rem;
    text-align: left;
    margin-top: 1rem;
    margin-bottom: 0.5rem;
    margin-left: 2rem;
}
.eventos h4 {
    color: #5C5657;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
    text-align: left;
    margin-left: 2rem;
    margin-bottom: 1rem;
}

.eventos hr {
    margin-left: 2rem;
}

/* RECORDATORIO 1 */

.recordatorio-1 header {
    background-size: 100%;
    background-repeat: no-repeat;
    width:100%;
    margin: auto;
}

.imagen-logo-agus {
    width: 40px;
    display: inline-block;
    float: right;
    margin-right: 1.4rem;
    margin-top: 1.4rem;
}

.imagen-logo-agus img {
  width: 100%;
}

main {
    width: 360px;
    margin:auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    background-color: #ffffff;
    min-height: 640px;
}

.contenido {
    position: absolute;
}

main h2 {
    color: #950c0c;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 17px;
    text-align: left;
    margin: 0 auto;
    display: inline-block;
    margin-top: 5rem;
}

main h3 {
    color: #666666;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 35px;
    line-height: 17px;
    text-align: left;
    margin: 0 auto;
    display: inline-block;
    margin-top: 1rem;
    
}
    
main p {
    color: #666666;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-align: left;
    margin-bottom: 1rem;
}

.imagen-next {
      margin-left: 7rem;
}

.imagen-next {
      margin-left: 6rem;
}

/*
input {
    AQUI estilos para todos los inputs
}

input:not([type="radio"]):not([type="checkbox"]) {
    aqui estilos para todos los inputs excepto los radio y los checkbox
}
*/

*::-webkit-input-placeholder {
    /* Google Chrome y Safari */
    color: #ffffff;
}
*:-moz-placeholder {
    /* Firefox anterior a 19 */
    color: #ffffff;
}
*::-moz-placeholder {
    /* Firefox 19 y superior */
    color: #ffffff;
}
*:-ms-input-placeholder {
    /* Internet Explorer 10 y superior */
    color: #ffffff;
}

/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 26px;
  float: right;
  margin-top: 1.5rem;   
 margin-right: 1rem;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 18px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #2196F3;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* RECORDATORIO 2 */

.pop-up {
  width: 270px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: auto;
    background-color: #ffffff;
    position: absolute;
    margin-top: 120px;
}
.pop-up h6 {
    color: #666666;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 17px;
    text-align: center;
    margin-bottom: 1rem;
    margin-left: 2rem;
    margin-right: 1rem;
    margin-top: 3rem;
}

.imagen-pop-up {
    width: 1rem;
    display: flex;
    align-items: center;
    margin-left: 6rem;
}

.imagen-tick img {
    width: 100%
}
.recordatorio-2 header {
    background-size: 100%;
    background-repeat: no-repeat;
    width:100%;
    margin: auto;
}


.recordatorio-2 main {
    width: 315px;
    margin: auto;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    background-color: #ffffff;
    min-height: 640px;
    position: absolute;
    margin-top: 193px;
    margin: auto;
}

.recordatorio-2 main h2 {
    color: #666666;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: large;
    text-align: left;
    width: 300px; 
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.recordatorio-2 main p {
    color: #666666;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 15px;
    text-align: left;
    margin-bottom: 1rem;
    margin-left: 2rem;
    margin-right: 1rem;
}

.recordatorio-2 {
    width: 360px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: center;
    align-items: center;
    background-color: #ffffff; 
}

.recordatorio-2 h3 {
    color: #666666;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: large;
    text-align: left;
    width: 300px; 
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.evento-agus {
    width: 100%;
    font-size: 15px;
}
.recordatorio-2 h4 {
    color: #666666;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: large;
    text-align: left;
    width: 290px;
    margin-top: 2rem;
}
.recordatorio-2 h5 {
    color: #666666;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: large;
    text-align: left;
    width: 290px;
    margin-top: 2rem;
}

.recordatorio-2 h6 {
    color: #666666;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: large;
    text-align: left;
    width: 290px;
    margin-top: 2rem;
}
.contenedor-enviar-4 {
    display: flex;
    background-color: #ee4336;
    width: 245px;
    height: 50px;
    margin: 0 auto;
    margin-top: 30px;
    box-shadow: -1px 1px 4px 1px rgba(0, 0, 0, 0.38);
}


/*
input {
    AQUI estilos para todos los inputs
}

input:not([type="radio"]):not([type="checkbox"]) {
    aqui estilos para todos los inputs excepto los radio y los checkbox
}
*/

label{
    color: #666666;
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    margin-top: 1rem;
    width: 310px;
}

input, select{
    background-color: rgba(0, 173, 208, 0.22);
    font-family: 'robotoslab-regular', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: white;
    margin-left: 1rem;
    position: relative;
    display: inline-block;
}

.fondo-blur {
    filter: blur(1px);
    position: absolute;
        
}
@charset "utf-8";

*{
  box-sizing: border-box;
}