/**
 * ============================================================================
 * FICHERO......: julia.css
 * DESCRIPCIÓN..: Estilos visuales para el lienzo Canvas de Julia (GRAFYX).
 * AUTOR........: Carlos Conty Contreras -- www.ficherosvirtuales.com
 * ============================================================================
 */

body {
    font-family: Consolas, monospace;
    background-color: #121212;
    color: #E0E0E0;
    text-align: center;
    margin: 0;
    padding: 10px 0;
}

h2 {
    margin: 5px 0 10px 0;
    font-size: 1.4rem;
    letter-spacing: 1px;
}

.controles {
    margin-bottom: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

input, button {
    font-family: Consolas, monospace;
    padding: 5px 12px;
    background-color: #1E1E1E;
    color: #FFFFFF;
    border: 1px solid #444444;
    border-radius: 3px;
}

input[type="number"] {
    width: 90px;
    text-align: right;
}

button {
    cursor: pointer;
    font-weight: bold;
}

button:hover {
    background-color: #333333;
}

/* Contenedor adaptado a la geometría (80vw ancho, ~90mm alto) */
.contenedor-canvas {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80%;
    margin: 0 auto;
}

canvas {
    background-color: #000000;
    border: 2px solid #333333;
    /* Ajuste de altura escalada a ~80mm reales */
    width: 75vw;
    max-width: 1600mm;
    height: 121mm;
    max-height: 85vh;
    image-rendering: pixelated;
    box-shadow: 0 0 20px rgba(0, 255, 180, 0.12);
}

.BloquePie {
    margin-top: 12px;
    text-align: center;
}