@font-face{
  font-family: 'Press Start 2P';
  src:url(PressStart2P-Regular.ttf);
}

body{
    margin:0;
    background:#1a1a1a;
    color:#e0e0e0;
    font-family:'Press Start 2P',monospace;
}
header{
    background:#2b2b2b;
    padding:20px;
    text-align:center;
    border-bottom:4px solid #555;
}
header img{height:120px;margin-right:12px;vertical-align:middle;}
header h1{display:inline;font-size:32px;color:#ff0000;}
header h2{display:inline;font-size:16px;color:#ffffff;}
main{
    max-width:1100px;
    margin:30px auto;
    padding:0 20px;
}
a{
  color:#1da1f2;
  text-decoration:none;
}
.caja{
    background:#2b2b2b;
    border:4px solid #555;
    padding:20px;
    margin-bottom:30px;
}
.caja p{margin:0 0 1em;}

nav{
    text-align:center;
    margin-bottom:15px;
}
button{
    font-family:'Press Start 2P',monospace;
    background:#444;
    color:#ff0000;
    border:2px solid #555;
    padding:8px 12px;
    margin:0 5px;
    cursor:pointer;
}
button:disabled{
    opacity:0.4;
    cursor:default;
}
button:hover:not(:disabled){background:#555;}

.calendario{
    width:100%;
    max-width:500px;
    margin:0 auto 30px;
    border-collapse:collapse;
}
.calendario th,.calendario td{
    width:14.28%;
    border:2px solid #555;
    text-align:center;
    padding:8px;
    background:#2b2b2b;
}
.calendario th{
    background:#444;
    color:#ff0000;
}
.domingo{color:#ff0000;}
.evento{background:#ffffff;color:#111;}
.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}
/*ffcc00*/