/* Estilos propios del sitio estático (JB Host Design, 2026-10): formulario de contacto y audio. */

/* Honeypot: fuera de la vista y del orden de tabulación, pero no display:none (algunos bots lo detectan). */
.jb-hp {
    position: absolute;
    left: -10000px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#contact-status[hidden] {
    display: none;
}

/* Avisos del formulario: la plantilla no trae el CSS de Bootstrap, así que .alert no tiene estilo propio. */
#contact-status,
.contact-form .alert {
    margin-bottom: 1.5em;
    padding: 0.75em 1em;
    border: 1px solid;
    border-radius: 3px;
}

.contact-form .alert-success {
    color: #2f6b2f;
    background-color: #e9f5e9;
    border-color: #b5dbb5;
}

.contact-form .alert-error {
    color: #8a2b2b;
    background-color: #fbeaea;
    border-color: #e8bcbc;
}