.responsive{
    width:100%;
}
.subtitulo_calendario{
    margin-left: 15px;
}
.texto_subtitulo_calendario{
    display: inline-block;
    margin-left: 10px;
    font-size: 28px;
}
.icono_calendario{
    font-size:25px
}
.fecha_evento{
    padding-right: 10px;
    padding: 10px;
    background-color: lightgray;
}
.dia_mes_evento{
    font-size: 30px;
}
.descripcion_evento{
    padding-top: 13px;
}
.lista_eventos{
    min-height: 100px;
    border-style: none;
}


/* Buscador: */
* {
    box-sizing: border-box;
  }

  form.buscador input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid grey;
    float: left;
    width: 80%;
    background: #f1f1f1;
  }

  form.buscador button {
    float: left;
    width: 20%;
    padding: 10px;
    background: #2196F3;
    color: white;
   /*  font-size: 17px; */
    border: 1px solid grey;
    border-left: none;
    cursor: pointer;
  }

  form.buscador button:hover {
    background: #0b7dda;
  }

  form.buscador::after {
    content: "";
    clear: both;
    display: table;
  }