/* /static/css/eclipse-lunar-widget.css */
#eclipse_lunar_widget {
    cursor: pointer;
}

eclipse-lunar-widget-view .eclipse-lunar-container {
    width: 60%;
    aspect-ratio: 1/1;
    position: relative;
}

eclipse-lunar-widget-view #eclipse-lunar-moon {
    /* Tinte rojizo ("luna de sangre"): la luz que llega a la Luna eclipsada
       viene refractada por la atmósfera terrestre, filtrando los tonos azules
       igual que en un atardecer. Solo se aprecia con claridad en la fase
       total; en penumbral/parcial casi no se nota, así que la clase .total
       intensifica el efecto. */
    filter: brightness(0.6) saturate(0.8);
    transition: x 4s ease;
}

eclipse-lunar-widget-view #eclipse-lunar-moon.total {
    filter: brightness(0.5) saturate(1.4) sepia(0.6) hue-rotate(-20deg);
}

eclipse-lunar-widget-view .cuaternary-value {
    text-align: center;
}