/* Estilos para el formulario */
.formulario-comuci {
    margin-top: 10px;
}

/* Estilos para el encabezado del formulario */
.formulario-comuci h1 {
    text-align: center;
}

.formulario-comuci .seccion-formulario{
    margin-bottom: 5px;
    padding-top: 5px;
    /* background-color: #8c3651; */
    border-radius: 25px;
    /* border: 1px solid #6a182f; */
    color: #8c3651;
    text-align: center;
    width: 100%;
    font-size: 20px;
}

div > hr {
    position:initial; /* Establece la posición absoluta para que la regla horizontal no afecte al flujo del contenido */
    border: none;
    height: 3px; /* Altura de la línea */
    background-color: #8c3651; /* Color de la línea */
	margin-top: 5px;
    width: 25%; /* Ancho de la línea (la mitad del contenedor) */
    bottom: 0; /* Posiciona la línea en la parte inferior */
    left: 25%; /* Centra la línea en la mitad del contenedor */
}

#resto-formulario {
    display: none;  
}

.btn-form {
    background-color: #8c3651; 
    color: white; 
    cursor: pointer;  
    border-radius: 15px; 
    padding: 12px 20px;
    font-weight: bold;
}

#btn-form-comuci:hover{
    background-color: #6a182f;
}

/* Otros estilos compartidos */
.resultado {
    border-radius: 15px;
    text-align: center;
    padding: 8px;
    font-size: 20px;
}
/* Colores */
.bg-success-comuci {
    background-color: #e6f5e6;
    border: 1px solid #006600;
    color: #006600;
}

.bg-error-comuci {
    background-color: #f8d7da;
    border: 1px solid #f5c6cb;
    color: #721c24;
}

.bg-warning-comuci{
    background-color: #ffecb8;
    border: 1px solid #e8b326;
    color: #896501; 
}