/*
 * Estilos globales compartidos por el portal y los simuladores
 * del Laboratorio de Fauna Silvestre.
 *
 * Este archivo se sirve directamente desde public/ (sin Vite ni npm):
 * el proyecto ya no compila assets de JavaScript.
 */

body {
    font-family: Arial, sans-serif;
}

.oculto {
    display: none !important;
}

/*
 * Bloques de interpretación desplegables (<details>/<summary>).
 * Reemplazan los antiguos toggles en JavaScript.
 */
.desplegable > summary {
    list-style: none;
    cursor: pointer;
}

.desplegable > summary::-webkit-details-marker {
    display: none;
}

.desplegable > summary .etiqueta-cerrado {
    display: inline;
}

.desplegable > summary .etiqueta-abierto {
    display: none;
}

.desplegable[open] > summary .etiqueta-cerrado {
    display: none;
}

.desplegable[open] > summary .etiqueta-abierto {
    display: inline;
}

/* El <summary> es display:list-item por defecto; se comporta como botón. */
summary.btn-ver {
    display: inline-block;
}

/*
 * «Reiniciar» pasó de <button onclick> a un enlace GET (?reset=1);
 * estas reglas le devuelven el aspecto de botón en todos los simuladores.
 */
.btn-reset {
    display: inline-block;
    text-decoration: none;
    text-align: center;
}