/* Imagen del horizonte real con el Sol o la Luna (js/astronomicos/miniatura_horizonte.js).
   La usan /astronomicos y el pop-up de salida/puesta de /actuales. */

/* Miniatura del horizonte real dentro del modal. */
.horizonte-cuerpo {
    text-align: center;
}

.horizonte-svg {
    display: block;
    width: 100%;
    max-width: 340px;
    height: auto;
    margin: 0 auto;
    border-radius: 6px;
}

.hz-az {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
}

/* Leyenda incrustada en la franja inferior del SVG del horizonte. */
.hz-cap-1 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-weight: bold;
    fill: #ffffff;
}

.hz-cap-2 {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    fill: #e7e7e7;
}

.horizonte-caption {
    margin-top: 10px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.8em;
    color: #555;
}

/* Nombre y altitud de los picos sobre la silueta (miniatura_horizonte.js, rotulosPicos) */
.hz-pico {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 9px;
}

/* El horizonte completo, los 360° (miniatura_horizonte.js, panorama): ancho a propósito,
   dentro de una caja que se desplaza de lado (.astro-panorama__lienzo) */
.horizonte-panorama {
    display: block;
    max-width: none;
}

.hz-pano-cardinal {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    fill: #ffffff;
}

.hz-pano-grado {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    fill: #cfd6cf;
}