.hymn-content, .praise-content {
            display: none;
        }
        .hymn-content.active, .praise-content.active {
            display: block;
        }
        .calendar-day.active {
            background-color: #3b82f6;
            color: white;
        }
        .favorite {
            color: #f59e0b;
        }
:target {
  scroll-margin-top: 120px;

}


#visor-controles {
    position: fixed;
    top: 1rem;
    left: 1rem;
    display: flex;
    gap: 1rem;
    font-size: 2rem;
    z-index: 10000;
}


#visor-controles button {
    font-size: 2rem;
    padding: 0.5rem 1rem;
    background: #222;
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.2s;
}

#visor-controles button:hover {
    background: #444;
}

#btn-cerrar {
    margin-left: auto;
}

#visor-controles-izq {
    position: fixed;
    top: 1rem;
    left: 1rem;
    display: flex;
    gap: 1rem;
    font-size: 2rem;
    z-index: 10000;
	
}

#visor-controles-izq button {
    font-size: 2rem;
    padding: 0.5rem 1rem;
    background: #222;
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: background 0.2s;
}

#visor-controles-der {
    position: fixed;
    top: 1rem;
    right: 1rem;
    font-size: 2rem;
    z-index: 10000;
}

#visor-controles-der button {
    background: #800;
    color: #fff;
    border: none;
    border-radius: 0.5rem;
    padding: 0.5rem 1rem;
    cursor: pointer;
}