*{box-sizing:border-box;margin:0;padding:0;}
body{background: #d4e1b6;font-family: "Raleway", sans-serif; font-size: 16px; }


/* TOPBAR */
.topbar {
    height: 50px;
    background: #3e7d58;
    display: flex;
    justify-content: center; /* CENTRA respecto a la imagen */
}

/* CONTENEDOR ALINEADO CON LA IMAGEN */
.topbar-inner {
    width: 100%;
    max-width: 800px; /* MISMO que .calendario */
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    padding: 0 10px;
}

/* LINKS */
.topbar a {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
}
.topbar {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
}

/* ZONAS */
.nav-left {
    justify-self: start;
}

.nav-center {
    justify-self: center;
}

.nav-right {
    justify-self: end;
}

/* ESPACIADO CENTRO */
.nav-center a {
    margin: 0 10px;
}






.contenedor{padding:20px;display:flex;justify-content:center}
.calendario{position:relative;width:100%;max-width:800px;aspect-ratio:210/297;box-shadow:0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);border-radius: 4px; }

.calendario{position:relative;width:100%;max-width:800px;aspect-ratio:210/297;box-shadow:0px 10px 13px -7px #000000, 5px 5px 15px 5px rgba(0,0,0,0);border-radius: 4px; }

.general{background: #181c0d;}
.detalle{background: #FFFFFF;}


.calendario img{width:100%;height:100%;object-fit:contain}
.mes{position:absolute;display:block;/*border: 2px solid red;*/}

.guia{top:2%;left:55%;width:40%;height:3%}

.volver{top:2%;left:5%;width:75%;height:7.5%}

.enero{top:5%;left:3.5%;width:28%;height:20%}
.febrero{top:5%;left:36%;width:28%;height:20%}
.marzo{top:5%;left:69%;width:28%;height:20%}

.abril{top:29%;left:3.5%;width:28%;height:20%}
.mayo{top:29%;left:36%;width:28%;height:20%}
.junio{top:29%;left:69%;width:28%;height:20%}

.julio{top:52%;left:3.5%;width:28%;height:20%}
.agosto{top:52%;left:36%;width:28%;height:20%}
.septiembre{top:52%;left:69%;width:28%;height:20%}

.octubre{top:76%;left:3.5%;width:28%;height:20%}
.noviembre{top:76%;left:36%;width:28%;height:20%}
.diciembre{top:76%;left:69%;width:28%;height:20%}