/* resources/css/app.css (importado por Vite) */
.clima-contenedor {
    position: relative; /* contexto para los position:absolute hijos */
    overflow: visible; /* permite que el hijo se vea fuera */
}

.clima-observatorio {
    position: absolute;
    top: 2.5rem; /* sube 1.5rem por encima del contenedor */
    right: 0; /* corre 1rem hacia la derecha */
    z-index: 10; /* encima de otros elementos */
    background: var(--bg_1);
    border-radius: var(--radio_3);
    display: flex;
    justify-content: center; /* centra horizontalmente */
    align-items: center; /* centra verticalmente */
}

.clima-observatorio.solar {
    width: 640px;
    height: 230px;
    border-radius: var(--radio_1);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 0.5rem;
}

.clima-observatorio.solar > div {
    flex: 1;
    height: 98%;
    width: 98%;
}

.clima-observatorio.lunar {
    width: 90px;
    height: 90px;
}

.lunar img {
    width: 90%;
    height: 90%;
}